.center,.ta--center{
    text-align:center
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
#isCase #lgCase #sec10 ul li,#isCase #lgChemCase #sec06 .wrapper ul li{
    list-style:disc
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
* html .clearfix{
    height:1%
}
.fs--xsmall{
    font-size:10px
}
.fs--small{
    font-size:13px
}
.fs--medium{
    font-size:18px
}
.fs--large{
    font-size:21px
}
.fs--xlarge{
    font-size:25px
}
.fs--xxlarge{
    font-size:30px
}
.fs--xxxlarge{
    font-size:50px
}
.fs--xxxxlarge{
    font-size:135px
}
.bg--orange{
    background-color:#ea5900
}
.bg--orange-hover:hover{
    background-color:#ff741e;
    transition:all .6s ease;
    color:#fff
}
.bg--orange-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(234,89,0,.6)
}
.bg--orange-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(234,89,0,.8)
}
.bg--orange-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(234,89,0,.9)
}
.bc--orange{
    border-color:#ea5900
}
.fc--orange,.fc--orange span,.fc--orange-hover:hover,.fc--orange-hover:hover span{
    color:#ea5900
}
.bg--orangelight{
    background-color:#ffc27b
}
.bg--orangelight-hover:hover{
    background-color:#ffdaae;
    transition:all .6s ease;
    color:#ae5e00
}
.bg--orangelight-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(255,194,123,.6)
}
.bg--orangelight-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(255,194,123,.8)
}
.bg--orangelight-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(255,194,123,.9)
}
.bc--orangelight{
    border-color:#ffc27b
}
.fc--orangelight,.fc--orangelight span,.fc--orangelight-hover:hover,.fc--orangelight-hover:hover span{
    color:#ffc27b
}
.bg--grey{
    background-color:#373a36
}
.bg--grey-hover:hover{
    background-color:#50544f;
    transition:all .6s ease;
    color:#fff
}
.bg--grey-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(55,58,54,.6)
}
.bg--grey-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(55,58,54,.8)
}
.bg--grey-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(55,58,54,.9)
}
.bc--grey{
    border-color:#373a36
}
.fc--grey,.fc--grey span,.fc--grey-hover:hover,.fc--grey-hover:hover span{
    color:#373a36
}
.bg--greylight{
    background-color:#f0f0f0
}
.bg--greylight-hover:hover{
    background-color:#fff;
    transition:all .6s ease;
    color:#8a8a8a
}
.bg--greylight-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(240,240,240,.6)
}
.bg--greylight-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(240,240,240,.8)
}
.bg--greylight-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(240,240,240,.9)
}
.bc--greylight{
    border-color:#f0f0f0
}
.fc--greylight,.fc--greylight span,.fc--greylight-hover:hover,.fc--greylight-hover:hover span{
    color:#f0f0f0
}
.bg--green{
    background-color:#95c5b3
}
.bg--green-hover:hover{
    background-color:#b6d7cb;
    transition:all .6s ease;
    color:#325c4c
}
.bg--green-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(149,197,179,.6)
}
.bg--green-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(149,197,179,.8)
}
.bg--green-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(149,197,179,.9)
}
.bc--green{
    border-color:#95c5b3
}
.fc--green,.fc--green span,.fc--green-hover:hover,.fc--green-hover:hover span{
    color:#95c5b3
}
.bg--greenlight{
    background-color:#c7dfd2
}
.bg--greenlight-hover:hover{
    background-color:#e7f2ec;
    transition:all .6s ease;
    color:#4f8b6b
}
.bg--greenlight-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(199,223,210,.6)
}
.bg--greenlight-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(199,223,210,.8)
}
.bg--greenlight-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(199,223,210,.9)
}
.bc--greenlight{
    border-color:#c7dfd2
}
.fc--greenlight,.fc--greenlight span,.fc--greenlight-hover:hover,.fc--greenlight-hover:hover span{
    color:#c7dfd2
}
.bg--tuiblue{
    background-color:#C6E7F0
}
.bg--tuiblue-hover:hover{
    background-color:#eef8fb;
    transition:all .6s ease;
    color:#319cb9
}
.bg--tuiblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(198,231,240,.6)
}
.bg--tuiblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(198,231,240,.8)
}
.bg--tuiblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(198,231,240,.9)
}
.bc--tuiblue{
    border-color:#C6E7F0
}
.fc--tuiblue,.fc--tuiblue span,.fc--tuiblue-hover:hover,.fc--tuiblue-hover:hover span{
    color:#C6E7F0
}
.bg--lgchemgreen{
    background-color:#BFDCD1
}
.bg--lgchemgreen-hover:hover{
    background-color:#e0eee9;
    transition:all .6s ease;
    color:#49866f
}
.bg--lgchemgreen-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(191,220,209,.6)
}
.bg--lgchemgreen-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(191,220,209,.8)
}
.bg--lgchemgreen-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(191,220,209,.9)
}
.bc--lgchemgreen{
    border-color:#BFDCD1
}
.fc--lgchemgreen,.fc--lgchemgreen span,.fc--lgchemgreen-hover:hover,.fc--lgchemgreen-hover:hover span{
    color:#BFDCD1
}
.bg--o2darkblue{
    background-color:#000065
}
.bg--o2darkblue-hover:hover{
    background-color:#000098;
    transition:all .6s ease;
    color:#fefeff
}
.bg--o2darkblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(0,0,101,.6)
}
.bg--o2darkblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(0,0,101,.8)
}
.bg--o2darkblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(0,0,101,.9)
}
.bc--o2darkblue{
    border-color:#000065
}
.fc--o2darkblue,.fc--o2darkblue span,.fc--o2darkblue-hover:hover,.fc--o2darkblue-hover:hover span{
    color:#000065
}
.bg--o2ccblue{
    background-color:#EFF5F7
}
.bg--o2ccblue-hover:hover{
    background-color:#fff;
    transition:all .6s ease;
    color:#67a0b3
}
.bg--o2ccblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(239,245,247,.6)
}
.bg--o2ccblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(239,245,247,.8)
}
.bg--o2ccblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(239,245,247,.9)
}
.bc--o2ccblue{
    border-color:#EFF5F7
}
.fc--o2ccblue,.fc--o2ccblue span,.fc--o2ccblue-hover:hover,.fc--o2ccblue-hover:hover span{
    color:#EFF5F7
}
.bg--telefonicablue{
    background-color:#adcfd5
}
.bg--telefonicablue-hover:hover{
    background-color:#cfe3e6;
    transition:all .6s ease;
    color:#3e7078
}
.bg--telefonicablue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(173,207,213,.6)
}
.bg--telefonicablue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(173,207,213,.8)
}
.bg--telefonicablue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(173,207,213,.9)
}
.bc--telefonicablue{
    border-color:#adcfd5
}
.fc--telefonicablue,.fc--telefonicablue span,.fc--telefonicablue-hover:hover,.fc--telefonicablue-hover:hover span{
    color:#adcfd5
}
.bg--eddingdarkblue{
    background-color:#00368e
}
.bg--eddingdarkblue-hover:hover{
    background-color:#0049c1;
    transition:all .6s ease;
    color:#fff
}
.bg--eddingdarkblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(0,54,142,.6)
}
.bg--eddingdarkblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(0,54,142,.8)
}
.bg--eddingdarkblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(0,54,142,.9)
}
.bc--eddingdarkblue{
    border-color:#00368e
}
.fc--eddingdarkblue,.fc--eddingdarkblue span,.fc--eddingdarkblue-hover:hover,.fc--eddingdarkblue-hover:hover span{
    color:#00368e
}
.bg--renaultblue{
    background-color:#bee2e9
}
.bg--renaultblue-hover:hover{
    background-color:#e4f3f6;
    transition:all .6s ease;
    color:#3792a4
}
.bg--renaultblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(190,226,233,.6)
}
.bg--renaultblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(190,226,233,.8)
}
.bg--renaultblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(190,226,233,.9)
}
.bc--renaultblue{
    border-color:#bee2e9
}
.fc--renaultblue,.fc--renaultblue span,.fc--renaultblue-hover:hover,.fc--renaultblue-hover:hover span{
    color:#bee2e9
}
.bg--renaultyellow{
    background-color:#ffcd00
}
.bg--renaultyellow-hover:hover{
    background-color:#ffd733;
    transition:all .6s ease;
    color:#fff
}
.bg--renaultyellow-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(255,205,0,.6)
}
.bg--renaultyellow-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(255,205,0,.8)
}
.bg--renaultyellow-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(255,205,0,.9)
}
.bc--renaultyellow{
    border-color:#ffcd00
}
.fc--renaultyellow,.fc--renaultyellow span,.fc--renaultyellow-hover:hover,.fc--renaultyellow-hover:hover span{
    color:#ffcd00
}
.bg--teal{
    background-color:#92bbbf
}
.bg--teal-hover:hover{
    background-color:#b2cfd2;
    transition:all .6s ease;
    color:#315154
}
.bg--teal-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(146,187,191,.6)
}
.bg--teal-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(146,187,191,.8)
}
.bg--teal-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(146,187,191,.9)
}
.bc--teal{
    border-color:#92bbbf
}
.fc--teal,.fc--teal span,.fc--teal-hover:hover,.fc--teal-hover:hover span{
    color:#92bbbf
}
.bg--teallight{
    background-color:#d0e5ea
}
.bg--teallight-hover:hover{
    background-color:#f3f9fa;
    transition:all .6s ease;
    color:#4a93a5
}
.bg--teallight-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(208,229,234,.6)
}
.bg--teallight-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(208,229,234,.8)
}
.bg--teallight-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(208,229,234,.9)
}
.bc--teallight{
    border-color:#d0e5ea
}
.fc--teallight,.fc--teallight span,.fc--teallight-hover:hover,.fc--teallight-hover:hover span{
    color:#d0e5ea
}
.bg--blue{
    background-color:#006d83
}
.bg--blue-hover:hover{
    background-color:#0097b6;
    transition:all .6s ease;
    color:#fff
}
.bg--blue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(0,109,131,.6)
}
.bg--blue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(0,109,131,.8)
}
.bg--blue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(0,109,131,.9)
}
.bc--blue{
    border-color:#006d83
}
.fc--blue,.fc--blue span,.fc--blue-hover:hover,.fc--blue-hover:hover span{
    color:#006d83
}
.bg--bluelight{
    background-color:#338795
}
.bg--bluelight-hover:hover{
    background-color:#40a9bb;
    transition:all .6s ease;
    color:#fff
}
.bg--bluelight-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(51,135,149,.6)
}
.bg--bluelight-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(51,135,149,.8)
}
.bg--bluelight-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(51,135,149,.9)
}
.bc--bluelight{
    border-color:#338795
}
.fc--bluelight,.fc--bluelight span,.fc--bluelight-hover:hover,.fc--bluelight-hover:hover span{
    color:#338795
}
.bg--jobblue{
    background-color:#d1dfe2
}
.bg--jobblue-hover:hover{
    background-color:#f0f5f6;
    transition:all .6s ease;
    color:#59848e
}
.bg--jobblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(209,223,226,.6)
}
.bg--jobblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(209,223,226,.8)
}
.bg--jobblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(209,223,226,.9)
}
.bc--jobblue{
    border-color:#d1dfe2
}
.fc--jobblue,.fc--jobblue span,.fc--jobblue-hover:hover,.fc--jobblue-hover:hover span{
    color:#d1dfe2
}
.bg--yellowlight{
    background-color:#fdfabd
}
.bg--yellowlight-hover:hover{
    background-color:#fffeef;
    transition:all .6s ease;
    color:#e7dd07
}
.bg--yellowlight-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(253,250,189,.6)
}
.bg--yellowlight-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(253,250,189,.8)
}
.bg--yellowlight-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(253,250,189,.9)
}
.bc--yellowlight{
    border-color:#fdfabd
}
.fc--yellowlight,.fc--yellowlight span,.fc--yellowlight-hover:hover,.fc--yellowlight-hover:hover span{
    color:#fdfabd
}
.bg--yellow{
    background-color:#f1f293
}
.bg--yellow-hover:hover{
    background-color:#f7f7c1;
    transition:all .6s ease;
    color:#a4a514
}
.bg--yellow-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(241,242,147,.6)
}
.bg--yellow-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(241,242,147,.8)
}
.bg--yellow-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(241,242,147,.9)
}
.bc--yellow{
    border-color:#f1f293
}
.fc--yellow,.fc--yellow span,.fc--yellow-hover:hover,.fc--yellow-hover:hover span{
    color:#f1f293
}
.bg--lime-yellow{
    background-color:#f4f5a9
}
.bg--lime-yellow-hover:hover{
    background-color:#fafad7;
    transition:all .6s ease;
    color:#babc16
}
.bg--lime-yellow-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(244,245,169,.6)
}
.bg--lime-yellow-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(244,245,169,.8)
}
.bg--lime-yellow-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(244,245,169,.9)
}
.bc--lime-yellow{
    border-color:#f4f5a9
}
.fc--lime-yellow,.fc--lime-yellow span,.fc--lime-yellow-hover:hover,.fc--lime-yellow-hover:hover span{
    color:#f4f5a9
}
.bg--pink{
    background-color:#c03392
}
.bg--pink-hover:hover{
    background-color:#d254a9;
    transition:all .6s ease;
    color:#fff
}
.bg--pink-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(192,51,146,.6)
}
.bg--pink-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(192,51,146,.8)
}
.bg--pink-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(192,51,146,.9)
}
.bc--pink{
    border-color:#c03392
}
.fc--pink,.fc--pink span,.fc--pink-hover:hover,.fc--pink-hover:hover span{
    color:#c03392
}
.bg--white{
    background-color:#fff
}
.bg--white-hover:hover{
    background-color:#fff;
    transition:all .6s ease;
    color:#999
}
.bg--white-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(255,255,255,.6)
}
.bg--white-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(255,255,255,.8)
}
.bg--white-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(255,255,255,.9)
}
.bc--white{
    border-color:#fff
}
.fc--white,.fc--white span,.fc--white-hover:hover,.fc--white-hover:hover span{
    color:#fff
}
.bg--eddinggreen{
    background-color:#c4d989
}
.bg--eddinggreen-hover:hover{
    background-color:#d7e5b0;
    transition:all .6s ease;
    color:#5d7125
}
.bg--eddinggreen-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(196,217,137,.6)
}
.bg--eddinggreen-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(196,217,137,.8)
}
.bg--eddinggreen-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(196,217,137,.9)
}
.bc--eddinggreen{
    border-color:#c4d989
}
.fc--eddinggreen,.fc--eddinggreen span,.fc--eddinggreen-hover:hover,.fc--eddinggreen-hover:hover span{
    color:#c4d989
}
.bg--eddingblue{
    background-color:#3a7dae
}
.bg--eddingblue-hover:hover{
    background-color:#5596c6;
    transition:all .6s ease;
    color:#fff
}
.bg--eddingblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(58,125,174,.6)
}
.bg--eddingblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(58,125,174,.8)
}
.bg--eddingblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(58,125,174,.9)
}
.bc--eddingblue{
    border-color:#3a7dae
}
.fc--eddingblue,.fc--eddingblue span,.fc--eddingblue-hover:hover,.fc--eddingblue-hover:hover span{
    color:#3a7dae
}
.bg--eddingpurple{
    background-color:#6b3f92
}
.bg--eddingpurple-hover:hover{
    background-color:#8550b4;
    transition:all .6s ease;
    color:#fff
}
.bg--eddingpurple-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(107,63,146,.6)
}
.bg--eddingpurple-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(107,63,146,.8)
}
.bg--eddingpurple-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(107,63,146,.9)
}
.bc--eddingpurple{
    border-color:#6b3f92
}
.fc--eddingpurple,.fc--eddingpurple span,.fc--eddingpurple-hover:hover,.fc--eddingpurple-hover:hover span{
    color:#6b3f92
}
.bg--eddingpink{
    background-color:#ba3894
}
.bg--eddingpink-hover:hover{
    background-color:#cd58ab;
    transition:all .6s ease;
    color:#fff
}
.bg--eddingpink-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(186,56,148,.6)
}
.bg--eddingpink-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(186,56,148,.8)
}
.bg--eddingpink-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(186,56,148,.9)
}
.bc--eddingpink{
    border-color:#ba3894
}
.fc--eddingpink,.fc--eddingpink span,.fc--eddingpink-hover:hover,.fc--eddingpink-hover:hover span{
    color:#ba3894
}
.bg--eddingred{
    background-color:#bd1b2e
}
.bg--eddingred-hover:hover{
    background-color:#e12a40;
    transition:all .6s ease;
    color:#fff
}
.bg--eddingred-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(189,27,46,.6)
}
.bg--eddingred-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(189,27,46,.8)
}
.bg--eddingred-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(189,27,46,.9)
}
.bc--eddingred{
    border-color:#bd1b2e
}
.fc--eddingred,.fc--eddingred span,.fc--eddingred-hover:hover,.fc--eddingred-hover:hover span{
    color:#bd1b2e
}
.bg--eddingorange{
    background-color:#dda25e
}
.bg--eddingorange-hover:hover{
    background-color:#e6ba88;
    transition:all .6s ease;
    color:#5c3a13
}
.bg--eddingorange-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(221,162,94,.6)
}
.bg--eddingorange-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(221,162,94,.8)
}
.bg--eddingorange-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(221,162,94,.9)
}
.bc--eddingorange{
    border-color:#dda25e
}
.fc--eddingorange,.fc--eddingorange span,.fc--eddingorange-hover:hover,.fc--eddingorange-hover:hover span{
    color:#dda25e
}
.bg--eddinglightblue{
    background-color:#d0e5ea
}
.bg--eddinglightblue-hover:hover{
    background-color:#f3f9fa;
    transition:all .6s ease;
    color:#4a93a5
}
.bg--eddinglightblue-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(208,229,234,.6)
}
.bg--eddinglightblue-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(208,229,234,.8)
}
.bg--eddinglightblue-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(208,229,234,.9)
}
.bc--eddinglightblue{
    border-color:#d0e5ea
}
.fc--eddinglightblue,.fc--eddinglightblue span,.fc--eddinglightblue-hover:hover,.fc--eddinglightblue-hover:hover span{
    color:#d0e5ea
}
.bg--wasayellow{
    background-color:#ffea99
}
.bg--wasayellow-hover:hover{
    background-color:#fff5cc;
    transition:all .6s ease;
    color:#cca200
}
.bg--wasayellow-alpha6{
    box-shadow:inset 0 0 0 1000px rgba(255,234,153,.6)
}
.bg--wasayellow-alpha8{
    box-shadow:inset 0 0 0 1000px rgba(255,234,153,.8)
}
.bg--wasayellow-alpha9{
    box-shadow:inset 0 0 0 1000px rgba(255,234,153,.9)
}
.bc--wasayellow{
    border-color:#ffea99
}
.fc--wasayellow,.fc--wasayellow span,.fc--wasayellow-hover:hover,.fc--wasayellow-hover:hover span{
    color:#ffea99
}
h2:not(.fs--xxxlarge),s{
    color:#656565
}
.vert-center-parent{
    position:relative
}
.vert-center-child{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%)
}
.flex{
    display:flex;
    display:-webkit-flex
}
.aligner{
    display:flex;
    display:-webkit-flex;
    align-items:-webkit-center;
    align-items:center;
    justify-content:center;
    justify-content:-webkit-center
}
.aligner-item{
    max-width:50%
}
.aligner-item--top{
    align-self:flex-start
}
.aligner-item--bottom{
    align-self:flex-end
}
.h730{
    min-height:730px
}
.debug{
    border:1px solid red
}
.none{
    display:none
}
.fl-right{
    float:right!important
}
.fl-left{
    float:left
}
.pos--rel{
    position:relative
}
.ta--left{
    text-align:left
}
.ta--right{
    text-align:right
}
.ta--just{
    text-align:justify
}
.va--sup{
    vertical-align:super;
    line-height:5px
}
h1,h2{
    line-height:110%;
    color:#373a36
}
.fw--light{
    font-weight:200
}
.fw--bold{
    font-weight:500
}
.mt--10{
    margin-top:10px
}
.mt--20{
    margin-top:20px
}
.mt--30{
    margin-top:30px
}
.mt--40{
    margin-top:40px
}
.mtb--40{
    margin:40px 0
}
.mt--50{
    margin-top:50px
}
.mt--80{
    margin-top:80px
}
.mtb--50{
    margin:50px 0
}
.mtb--80{
    margin:80px 0
}
.mb--40{
    margin-bottom:40px
}
.mtb--100{
    margin:100px 0
}
.m0a{
    margin:0 auto
}
.m--40-a{
    margin:40px auto
}
.mt--20-a{
    margin:20px auto 0
}
.mt--40-a{
    margin:40px auto 0
}
.mt--80-a{
    margin:80px auto 0
}
.ml--20{
    margin-left:20px
}
.ml--40{
    margin-left:40px
}
.mr--20{
    margin-right:20px
}
.mr--40{
    margin-right:40px
}
.mb--0{
    margin-bottom:0
}
.mb--10{
    margin-bottom:10px
}
.mb--80{
    margin-bottom:80px
}
.p40{
    padding:40px
}
.p20{
    padding:20px
}
.ptb--80{
    padding:80px 0
}
.ptb--40{
    padding:40px 0
}
.ptb--20{
    padding:20px 0
}
.pt--80{
    padding-top:80px
}
.pt--40{
    padding-top:40px
}
.pt--20{
    padding-top:20px
}
.h100p{
    height:100%
}
.h400{
    height:400px
}
.h500{
    height:500px
}
.pointer{
    cursor:pointer
}
.spacer--100{
    padding:50px 0
}
.spacer--10{
    padding:5px 0
}
.sn--form input,.sn--form textarea{
    padding:20px;
    font-size:14px;
    width:100%
}
@font-face{
    font-family:Roboto;
    src:local("Roboto Light Italic"),local("Roboto-LightItalic"),url(Roboto-LightItalic.ttf) format("truetype");
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:Roboto;
    src:local("Roboto Light"),local("Roboto-Light"),url(Roboto-Light.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:Roboto;
    src:local("Roboto"),local("Roboto-Regular"),url(Roboto-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Roboto;
    src:local("Roboto Bold"),local("Roboto-Bold"),url(Roboto-Bold.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Roboto;
    src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(Roboto-MediumItalic.ttf) format("truetype");
    font-weight:500;
    font-style:italic
}
@font-face{
    font-family:Roboto;
    src:local("Roboto Medium"),local("Roboto-Medium"),url(Roboto-Medium.ttf) format("truetype");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'Roboto Slab';
    src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(RobotoSlab-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Roboto Slab';
    src:local("Roboto Slab Light"),local("RobotoSlab-Light"),url(RobotoSlab-Light.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Roboto Slab';
    src:local("Roboto Slab Bold"),local("RobotoSlab-Bold"),url(RobotoSlab-Bold.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
*{
    color:#373a36;
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
    outline:0
}
body,html,textarea{
    font-family:Roboto,sans-serif
}
.wrapper{
    width:100%;
    max-width:1020px;
    margin:0 auto
}
.slab{
    font-family:'Roboto Slab',serif
}
h1{
    font-size:50px;
    font-weight:400
}
a,h2,p{
    font-weight:300
}
h2{
    font-size:30px;
    margin:0 0 45px
}
.subline,h3,p{
    font-size:18px
}
.subline,a,h3,p{
    line-height:140%
}
a{
    color:#ea5900;
    text-decoration:none
}
b{
    font-weight:700
}
i{
    font-style:italic
}
iframe{
    overflow:hidden;
    display:block
}
ul.bullet-list{
    padding-left:20px
}
ul.bullet-list li{
    list-style:disc;
    font-size:18px;
    line-height:140%;
    font-weight:300
}
.sec--bgimg-large,.sec--bgimg-small,.sec--bgimg-xsmall{
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:calc(100vh - 50px);
    position:relative
}
.sec--bgimg-large .bgLogoHolder,.sec--bgimg-small .bgLogoHolder,.sec--bgimg-xsmall .bgLogoHolder{
    margin:0;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.sec--bgimg-large .bgScrollDownHolder,.sec--bgimg-small .bgScrollDownHolder,.sec--bgimg-xsmall .bgScrollDownHolder{
    position:absolute;
    bottom:40px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
.sec--bgimg-large{
    max-height:800px;
    min-height:400px
}
.sec--bgimg-small{
    max-height:565px;
    min-height:400px
}
.sec--bgimg-xsmall{
    max-height:265px;
    min-height:265px
}
.goingdown--grey,.goingdown--white{
    width:44px;
    height:44px;
    display:block;
    background-repeat:no-repeat;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.sec--color,.sec--w100p,.w--100{
    width:100%
}
.btn,button{
    width:120px;
    height:120px;
    font-size:18px;
    transition:all .6s ease;
    text-align:center;
    text-decoration:none
}
.btn{
    border-radius:50%;
    -webkit-border-radius:50%;
    background-color:transparent;
    color:#373a36;
    border:2px solid #373a36;
    display:flex;
    align-items:center;
    justify-content:center
}
.btn:hover{
    background-color:#373a36;
    color:#FFF
}
button{
    border-radius:60px;
    -webkit-border-radius:60px;
    border:2px solid;
    display:block;
    color:#000
}
.btn--grey{
    border-color:#373a36
}
.btn--grey:hover{
    background-color:#373a36;
    color:#fff
}
.logo-big{
    height:200px;
    width:200px
}
.logo,.logo-minus{
    width:75px;
    position:absolute;
    top:50px;
    right:50px
}
.slogan{
    line-height:80%;
    text-align:center;
    margin-bottom:40px
}
.slogan h2{
    margin-bottom:0
}
[class^=grid--]{
    display:block;
    float:left;
    box-sizing:border-box;
    min-height:20px;
    margin-left:5px;
    margin-right:5px
}
.grid--1-6{
    width:calc(100% / 6 * 1 - 10px)
}
.grid--2-6{
    width:calc(100% / 6 * 2 - 10px)
}
.grid--3-6{
    width:calc(100% / 6 * 3 - 10px)
}
.grid--4-6{
    width:calc(100% / 6 * 4 - 10px)
}
.grid--5-6{
    width:calc(100% / 6 * 5 - 10px)
}
.grid--6-6{
    width:calc(100% - 10px)
}
.grid--1-4{
    width:calc(100% / 4 * 1 - 10px)
}
.grid--2-4{
    width:calc(100% / 4 * 2 - 10px)
}
.grid--3-4{
    width:calc(100% / 4 * 3 - 10px)
}
.grid--4-4{
    width:calc(100% - 10px)
}
.grid--1-8{
    width:calc(100% / 8 * 1 - 10px)
}
.grid--2-8{
    width:calc(100% / 8 * 2 - 10px)
}
.grid--3-8{
    width:calc(100% / 8 * 3 - 10px)
}
.grid--4-8{
    width:calc(100% / 8 * 4 - 10px)
}
.grid--5-8{
    width:calc(100% / 8 * 5 - 10px)
}
.grid--6-8{
    width:calc(100% / 8 * 6 - 10px)
}
.grid--7-8{
    width:calc(100% / 8 * 7 - 10px)
}
.grid--8-8{
    width:calc(100% - 10px)
}
[class^=box--]{
    display:block;
    box-sizing:border-box;
    min-height:20px;
    margin-left:5px;
    margin-right:5px
}
.box--1-6{
    width:160px
}
.box--2-6{
    width:330px
}
.box--3-6{
    width:500px
}
.box--4-6{
    width:670px
}
.box--6-6{
    width:1010px
}
.box--1-4{
    width:245px
}
.box--2-4{
    width:500px
}
.box--3-4{
    width:755px
}
.box--4-4{
    width:1010px
}
.come-in{
    transform:translateY(150px);
    animation:come-in 1.1s ease forwards
}
.come-in:nth-child(odd){
    animation-duration:.9s
}
.already-visible{
    transform:translateY(0);
    animation:none
}
@keyframes come-in{
    to{
        transform:translateY(0)
    }
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-20px)
    }
    60%{
        -webkit-transform:translateY(-5px)
    }
}
.bounce{
    animation:bounce 2s infinite;
    margin:0 auto
}
.sn--form input{
    height:45px;
    margin-bottom:10px;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:2px solid #373a36
}
.sn--form textarea{
    max-width:100%;
    border-radius:3px;
    -webkit-border-radius:3px;
    height:245px;
    max-height:245px;
    border:2px solid #373a36
}
#isCase sub,#isCase sup{
    font-size:.7em;
    color:inherit;
    position:relative
}
#isCase sup{
    top:-.5em
}
#isCase sub{
    top:.3em
}
#isCase h2{
    margin-bottom:0
}
#isCase h2.fc--white{
    color:#fff!important
}
#isCase .caseLogo{
    max-width:calc(100% / 8 * 1.5);
    margin-bottom:20px;
    float:right
}
#isCase .caseRow img,#isCase .caseRow video{
    width:100%;
    display:block
}
#isCase .caseRow h2{
    margin-bottom:10px
}
#isCase .caseRow h2.fc--eddingdarkblue{
    color:#00368e
}
#isCase .caseRow::after{
    content:'';
    clear:both;
    height:0;
    width:0;
    display:block;
    overflow:hidden
}
#isCase .caseRow.hasAward{
    position:relative
}
#isCase .caseRow.hasAward .caseAward{
    position:absolute;
    width:117px;
    bottom:-54px;
    right:5px
}
#isCase #sec00 .wrapper{
    overflow:visible
}
#isCase #targoCase #sec01 .wrapper{
    position:relative
}
#isCase #targoCase #sec01 .wrapper #parallax00{
    position:absolute;
    top:50%;
    left:0;
    width:125px
}
#isCase #targoCase #sec01 .wrapper #parallax01{
    position:absolute;
    top:100%;
    right:10px;
    width:125px
}
#isCase #targoCase #sec06 .wrapper{
    position:relative
}
#isCase #targoCase #sec06 .wrapper #parallax02{
    position:absolute;
    top:90%;
    left:0;
    width:125px
}
#isCase #targoCase #sec08 .overtakeContainer{
    background-size:cover;
    background-position:top;
    background-repeat:no-repeat;
    background-image:url(../img/desk/cases/targo/TB_Autobank_asphalt.jpg);
    position:relative
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .overtakeTitle{
    padding-top:12%;
    padding-bottom:8%
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic{
    width:100%;
    height:300px;
    background-size:540px;
    background-position:center;
    background-repeat:no-repeat;
    position:relative
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .targetedGoal{
    position:absolute;
    top:50%;
    left:15%;
    line-height:150%;
    text-align:center;
    display:block;
    width:150px
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .targetedGoal span{
    display:block;
    margin:10px 0;
    font-weight:500
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .reachedGoal{
    position:absolute;
    top:32%;
    left:38%;
    line-height:150%;
    text-align:center;
    color:#FFF;
    display:block;
    width:150px
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .reachedGoal span{
    display:block;
    margin:20px 0;
    font-weight:500;
    color:#FFF
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .percentage{
    position:absolute;
    top:33%;
    right:110px;
    text-align:right;
    display:block;
    width:150px
}
#isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic::before{
    content:"";
    display:block;
    padding-top:33%
}
#isCase #targoCase #sec08 .overtakeContainer::before{
    content:"";
    display:block;
    padding-top:59.41%
}
#isCase #targoCase #sec08 .overtakeStatic{
    display:none
}
#isCase #eddingCase .imgStep{
    position:relative
}
#isCase #eddingCase .imgStep .secondImage{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0
}
#isCase #eddingCase #sec01{
    background-size:800px;
    background-position:calc(50% + 100px) -50px;
    background-repeat:no-repeat;
    background-image:url(../img/desk/cases/edding/edding_edding8900_grau.png)
}
#isCase #eddingCase #sec03{
    background-size:500px;
    background-position:calc(50% + 300px) calc(100% + 100px);
    background-repeat:no-repeat;
    background-image:url(../img/desk/cases/edding/edding_edding8900_buche.png)
}
#isCase #lgCase #sec01 .wrapper{
    position:relative
}
#isCase #lgCase #sec01 .wrapper #parallax00{
    width:125px;
    position:absolute;
    left:0;
    top:200%
}
#isCase #lgCase #sec03 .wrapper{
    position:relative
}
#isCase #lgCase #sec03 .wrapper #parallax01{
    width:80px;
    position:absolute;
    right:0;
    top:90%
}
#isCase #lgCase #sec06 .wrapper{
    position:relative
}
#isCase #lgCase #sec06 .wrapper #parallax02{
    width:125px;
    position:absolute;
    left:0;
    top:80%
}
#isCase #lgCase #sec07 #carSticker,#isCase #lgCase #sec08 .wrapper{
    position:relative
}
#isCase #lgCase #sec07 #carSticker #sticker{
    width:40%;
    position:absolute;
    top:-40px;
    right:10px
}
#isCase #lgCase #sec08 .wrapper #parallax03{
    width:125px;
    position:absolute;
    right:0;
    top:85%
}
#isCase #lgCase #sec10 .wrapper{
    background-size:70px;
    background-position:calc(100% - ((100% / 4) - 60px)) 0;
    background-repeat:no-repeat;
    background-image:url(../img/desk/cases/lg/lg_4g_icon_quali.png)
}
#isCase #lgCase #sec10 ul{
    padding-left:15px
}
#isCase #carConnectionCase #sec01 .carModule{
    width:300px;
    float:right
}
#isCase #carConnectionCase #sec01 span{
    font-weight:500
}
#isCase #carConnectionCase #sec05{
    position:relative;
    height:577px
}
#isCase #carConnectionCase #sec05 .wrapper{
    position:absolute;
    top:0;
    left:calc(50%);
    z-index:11;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%)
}
#isCase #carConnectionCase #sec05 .fakeCurtain{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10
}
#isCase #carConnectionCase #sec06 .wrapper{
    position:relative
}
#isCase #carConnectionCase #sec06 .wrapper #parallax00{
    position:absolute;
    top:-100px;
    left:-360px;
    width:465px;
    z-index:9
}
#isCase #carConnectionCase #sec06 .wrapper #parallax01{
    position:absolute;
    top:-120%;
    right:-70px;
    width:465px;
    z-index:9
}
#isCase #carConnectionCase #sec08 .onTop{
    position:relative
}
#isCase #carConnectionCase #sec08 .onTop img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:8
}
#isCase #carConnectionCase #sec09 .wrapper{
    position:relative
}
#isCase #carConnectionCase #sec09 .wrapper #parallax02{
    position:absolute;
    top:-10px;
    right:0;
    width:465px;
    z-index:7
}
#isCase #carConnectionCase #sec11 .orangeStoerer{
    position:relative
}
#isCase #carConnectionCase #sec11 .orangeStoerer .stoerer{
    width:33%;
    position:absolute;
    right:20px;
    bottom:-30px
}
#isCase #carConnectionCase #sec12 .wrapper{
    position:relative
}
#isCase #carConnectionCase #sec12 .wrapper #parallax03{
    position:absolute;
    top:500px;
    left:5px;
    width:465px;
    z-index:7
}
#isCase #tuiCase #sec01 .wrapper{
    position:relative
}
#isCase #tuiCase #sec01 .wrapper #parallax00{
    position:absolute;
    left:65px;
    top:0;
    width:55px
}
#isCase #tuiCase #sec01 .wrapper #parallax01{
    position:absolute;
    right:15px;
    top:25%;
    width:110px
}
#isCase #tuiCase #sec01 .wrapper #parallax02{
    position:absolute;
    right:65px;
    top:10%;
    width:45px
}
#isCase #tuiCase #sec02,#isCase #tuiCase #sec03 .wrapper{
    position:relative
}
#isCase #tuiCase #sec02 #trigger01{
    position:absolute;
    top:50%
}
#isCase #tuiCase #sec03 .wrapper #parallax03{
    position:absolute;
    right:25px;
    top:15%;
    width:110px
}
#isCase #tuiCase #sec03 .wrapper #parallax04{
    position:absolute;
    right:15px;
    top:0;
    width:45px
}
#isCase #tuiCase #sec04,#isCase #tuiCase #sec05 .wrapper{
    position:relative
}
#isCase #tuiCase #sec04 #trigger02{
    position:absolute;
    top:50%
}
#isCase #tuiCase #sec05 .wrapper #parallax05{
    position:absolute;
    left:65px;
    top:0;
    width:35px
}
#isCase #tuiCase #sec05 .wrapper #parallax06{
    position:absolute;
    right:15px;
    top:10%;
    width:55px
}
#isCase #tuiCase #sec05 .wrapper #parallax07{
    position:absolute;
    left:0;
    top:10%;
    width:110px
}
#isCase #o2CutOutCase #sec01 .wrapper,#isCase #o2CutOutCase .wrapper{
    position:relative
}
#isCase #o2CutOutCase #sec01 .wrapper #parallax01{
    width:100px;
    position:absolute;
    top:-50%
}
#isCase #o2CutOutCase #sec02 .Slideshow{
    height:100%;
    background-image:url(../img/desk/cases/o2cutout/o2-cutout-keyvisual1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    transition:all 1s ease
}
#isCase #o2CutOutCase #sec02 .slides{
    width:100%;
    opacity:0;
    transition:opacity 1s ease
}
#isCase #o2CutOutCase #sec03{
    overflow:hidden;
    position:relative
}
#isCase #o2CutOutCase #sec03 #parallax02{
    width:250px;
    position:absolute;
    bottom:0;
    left:-250px
}
#isCase #o2CutOutCase #sec05 .wrapper{
    position:relative
}
#isCase #o2CutOutCase #sec05 .wrapper img{
    position:absolute;
    right:10px;
    width:50px;
    z-index:20
}
#isCase #o2CutOutCase #sec05 .wrapper #parallax03{
    top:-10%
}
#isCase #o2CutOutCase #sec05 .wrapper #parallax04{
    right:50px;
    top:10%
}
#isCase #o2CutOutCase #sec05 .wrapper #parallax05{
    top:0
}
#isCase #o2CutOutCase #sec06 .grid--8-8{
    position:relative
}
#isCase #o2CutOutCase #sec06 .grid--8-8 #trigger04{
    position:absolute;
    top:50%
}
#isCase #o2CutOutCase #sec09 .wrapper,#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8{
    position:relative
}
#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 .blauerStoerer{
    position:absolute;
    right:1px;
    width:140px;
    height:140px;
    border-radius:50%;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center
}
#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 .blauerStoerer p span{
    display:block;
    margin:10px 0
}
#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 #sec09 .slide{
    width:100%
}
#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 #sec09 .animate{
    position:absolute;
    animation:animateleft .8s
}
@keyframes animateleft{
    from{
        left:-500px;
        opacity:0
    }
    to{
        left:0;
        opacity:1
    }
}
#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 .Parallaxtext{
    position:absolute;
    width:100%;
    top:0;
    left:40%;
    z-index:100
}
#isCase #o2CutOutCase #sec09 .wrapper #parallax06-static{
    display:none
}
#isCase #o2CutOutCase #sec09 .wrapper #parallax07,#isCase #o2CutOutCase #sec09 .wrapper #parallax08,#isCase #o2CutOutCase #sec09 .wrapper #parallax09{
    position:absolute
}
#isCase #o2CutOutCase #sec09 .wrapper #parallax07{
    width:110px;
    right:25%;
    top:40%
}
#isCase #o2CutOutCase #sec09 .wrapper #parallax08{
    width:55px;
    right:15%;
    top:3%
}
#isCase #o2CutOutCase #sec09 .wrapper #parallax09{
    width:55px;
    left:20px;
    top:25%
}
#isCase #lgChemCase #sec02 .wrapper{
    position:relative
}
#isCase #lgChemCase #sec02 .wrapper #trigger00{
    position:absolute;
    top:50%
}
#isCase #lgChemCase #sec03 .wrapper{
    position:relative;
    background-size:566px;
    background-position:10px -600px;
    background-repeat:no-repeat;
    background-image:url(../img/desk/cases/lgchem/LGChem_Resu_muster1_parallax.png)
}
#isCase #lgChemCase #sec06 .wrapper,#isCase #lgChemCase #sec08 .wrapper{
    background-size:434px;
    background-image:url(../img/desk/cases/lgchem/LGChem_Resu_muster2_parallax.png);
    background-repeat:no-repeat;
    position:relative
}
#isCase #lgChemCase #sec03 .wrapper img{
    position:relative;
    top:150px;
    width:75%;
    margin:0 auto
}
#isCase #lgChemCase #sec06 .wrapper{
    background-position:10px 385px
}
#isCase #lgChemCase #sec06 .wrapper ul{
    margin:10px 0;
    padding-left:15px
}
#isCase #lgChemCase #sec08 .wrapper{
    background-position:10px -350px
}
#isCase #lgChemCase #sec10 .wrapper{
    position:relative;
    background-size:566px;
    background-position:calc(100% - 10px) 380px;
    background-repeat:no-repeat;
    background-image:url(../img/desk/cases/lgchem/LGChem_Resu_muster3_parallax.png)
}
#isCase #lgChemCase #sec11 .grid--8-8{
    position:relative
}
#isCase #lgChemCase #sec11 .grid--8-8 video{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
#isCase #lgChemCase #sec12 .wrapper .grid--2-8 img{
    width:100px
}
#isCase #telefonicaCase #sec01 .wrapper{
    position:relative
}
#isCase #telefonicaCase #sec01 .wrapper #parallax00{
    position:absolute;
    top:85%;
    left:-110px;
    width:220px
}
#isCase #telefonicaCase #sec01 .wrapper #parallax01{
    position:absolute;
    top:55%;
    right:0;
    width:127px
}
#isCase #telefonicaCase #sec02 .caseRow,#isCase #telefonicaCase #sec02 .wrapper{
    position:relative
}
#isCase #telefonicaCase #sec02 .wrapper #parallax02{
    position:absolute;
    top:80%;
    right:15px;
    width:82px
}
#isCase #telefonicaCase #sec03 .caseRow,#isCase #telefonicaCase #sec04 .wrapper{
    position:relative
}
#isCase #telefonicaCase #sec04 .wrapper #parallax03{
    position:absolute;
    top:80%;
    left:0;
    width:116px
}
#isCase #telefonicaCase #sec05 .caseRow,#isCase #telefonicaCase #sec07 .wrapper{
    position:relative
}
#isCase #telefonicaCase #sec07 .wrapper #parallax04{
    position:absolute;
    top:15%;
    right:10px;
    width:165px
}
#isCase #telefonicaCase #sec07 .wrapper #parallax05{
    position:absolute;
    top:40%;
    right:60px;
    width:145px
}
#isCase #telefonicaCase #sec09 .wrapper{
    position:relative
}
#isCase #telefonicaCase #sec09 .wrapper #parallax06{
    position:absolute;
    top:40%;
    right:10px;
    width:114px
}
#isCase #o2magazin #sec02 .wrapper .caseRow.bigScreen .placeHolder,#isCase #telefonicaCase #sec10 .caseRow{
    position:relative
}
#isCase #eddingCreativeworldCase .deviceRow{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#isCase #o2magazin h1{
    font-weight:300
}
#isCase #o2magazin h2{
    font-size:28px;
    font-weight:200
}
#isCase #o2magazin p{
    font-weight:200;
    line-height:150%;
    size:18px
}
#isCase #o2magazin .subSection{
    width:100%;
    height:auto
}
#isCase #o2magazin #sec02{
    height:560px;
    margin-top:80px;
    margin-bottom:80px
}
#isCase #o2magazin #sec02 .wrapper .caseRow.bigScreen .placeHolder #headerImage{
    width:100%;
    position:absolute;
    top:-66px
}
#isCase #o2magazin #sec04{
    height:650px;
    margin-top:110px;
    margin-bottom:230px
}
#isCase #o2magazin #sec04 .wrapper .placeHolder{
    position:relative
}
#isCase #o2magazin #sec04 .wrapper .placeHolder #magazinePages{
    position:absolute;
    top:-70px;
    right:-148px
}
#isCase #o2magazin #sec03 ul li{
    list-style-type:none;
    font-family:inherit;
    font-size:18px;
    line-height:150%;
    font-weight:200;
    margin-left:20px
}
#isCase #o2magazin #sec03 ul li::before{
    content:'\2013';
    position:absolute;
    margin-left:-20px
}
#isCase #o2magazin #sec05 img.infoBrush{
    width:250px;
    margin:0 auto
}
#isCase #o2magazin #sec06 #brushTimeline{
    width:80%;
    margin:0 auto
}
#isCase #o2magazin #sec06 ul.keyfactList li{
    height:80px;
    display:flex;
    font-family:inherit;
    font-size:18px;
    line-height:150%;
    font-weight:200
}
#isCase #o2magazin #sec06 ul li::before{
    content:url(../img/desk/cases/o2magazin/o2-magazin-list-haken.png);
    padding-right:10px
}
#isCase #telefonica-dmexco h1{
    font-weight:300
}
#isCase #telefonica-dmexco h2{
    font-size:26px;
    font-weight:200
}
#isCase #telefonica-dmexco p{
    font-weight:200
}
@media (max-width:720px){
    #isCase #telefonica-dmexco .mobile-none{
        display:none
    }
}
#isCase #telefonica-dmexco #sec08 .wrapper{
    position:relative
}
#isCase #telefonica-dmexco #sec08 .wrapper .grid--8-8 #parallax00{
    position:absolute;
    width:220px;
    top:200px;
    left:550px
}
#isCase #telefonica-dmexco #sec08 .wrapper .grid--8-8 #parallax04{
    position:absolute;
    width:575px;
    top:150px;
    left:700px;
    z-index:100
}
#isCase #telefonica-dmexco #sec09 .wrapper{
    position:relative
}
#isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax01{
    position:absolute;
    width:175px;
    top:20%;
    left:480px;
    z-index:60
}
#isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax02{
    position:absolute;
    width:140px;
    top:-60%;
    left:420px;
    z-index:100
}
#isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax03{
    position:absolute;
    width:240px;
    top:60%;
    left:100px
}
#isCase #telefonica-dmexco #sec10.tablet-none h2{
    color:#ec6732
}
#isCase #telefonica-dmexco #sec10.tablet-none p{
    color:#01596c
}
#isCase #ectCase #sec06 ul li,#isCase #wasaKnusperpost #sec08 .caseRow.MobileKeyfacts .grid--6-8 h2,#isCase #wasaKnusperpost #sec08 .caseRow.MobileKeyfacts .grid--6-8 p{
    font-family:Roboto,Arial,Helvetica,sans-serif;
    color:#001B96
}
#isCase #wasaKnusperpost h1{
    font-weight:300
}
#isCase #wasaKnusperpost h2{
    font-size:26px;
    font-weight:200
}
#isCase #wasaKnusperpost p{
    font-weight:200
}
#isCase #wasaKnusperpost #sec03 .wrapper.ptb--40{
    position:relative
}
#isCase #wasaKnusperpost #sec03 .wrapper.ptb--40 img#parallax01{
    position:absolute;
    z-index:100;
    width:320px;
    right:-50px
}
#isCase #ectCase #sec05 .wrapper.ptb--80,#isCase #wasaKnusperpost #sec05 .wrapper.ptb--40{
    position:relative
}
#isCase #wasaKnusperpost #sec08 .caseRow.MobileKeyfacts .grid--6-8 h2{
    font-size:36px;
    font-weight:400;
    line-height:1.3
}
#isCase #wasaKnusperpost #sec08 .caseRow.MobileKeyfacts .grid--6-8 p{
    font-size:18;
    font-weight:200
}
#isCase #renault-abverkauf #sec02 h2.fc--renaultyellow,#isCase #renault-abverkauf #sec07 a{
    color:#ffcd00
}
#isCase #ectCase #sec05 img#parallax01{
    position:absolute;
    width:250px;
    top:130px;
    right:-35px;
    padding-left:20px
}
#isCase #ectCase #sec06 ul{
    list-style:none
}
#isCase #ectCase #sec06 ul li{
    font-size:18px;
    line-height:140%;
    font-weight:400;
    text-align:center
}
#isCase #eddingpimcase .wrapper{
    position:relative
}
#isCase #eddingpimcase #sec01 .Parallaxtext{
    position:absolute;
    width:280px;
    top:300px;
    left:43%;
    z-index:100
}
#isCase #eddingpimcase #sec06 .numberation{
    font-size:40px;
    width:35px;
    height:31px;
    border-right:2px solid;
    padding:0;
    margin:0;
    display:block;
    line-height:75%
}
#isCase #eddingpimcase #sec06 .numb_parent{
    width:100%
}
#isCase #eddingpimcase #sec06 .numb_parent::after{
    clear:both;
    display:block;
    width:100%;
    content:""
}
#isCase #eddingpimcase #sec06 .numb_card{
    height:200px;
    float:left;
    width:calc(100% / 3)
}
#isCase #wasa-snacking-promo #sec04 .stoerer,#isCase #wasa-snacking-promo #sec06 .stoerer{
    position:absolute;
    width:150px;
    z-index:100
}
#isCase #wasa-snacking-promo #sec04 .wrapper,#isCase #wasa-snacking-promo #sec06 .wrapper{
    position:relative
}
#isCase #wasa-snacking-promo #sec04 .stoerer{
    right:30px;
    top:-20px
}
#isCase #wasa-snacking-promo #sec06 .stoerer{
    left:40px;
    top:-20px
}
#isCase #wasa-delicate-wintertime #sec03 .Parallaxtext{
    position:absolute;
    width:10%;
    right:20%;
    z-index:100;
    top:30px
}
#isCase #wasa-delicate-wintertime #sec06 .stoerer_one,#isCase #wasa-delicate-wintertime #sec09 .stoerer{
    position:absolute;
    width:150px;
    z-index:100
}
#isCase #wasa-delicate-wintertime #sec06 .wrapper{
    position:relative
}
#isCase #wasa-delicate-wintertime #sec06 .stoerer_one{
    right:30px;
    top:-20px
}
#isCase #wasa-delicate-wintertime #sec07 .Parallaxtext{
    position:absolute;
    width:15%;
    left:10%;
    z-index:100
}
#isCase #wasa-delicate-wintertime #sec09 .wrapper{
    position:relative
}
#isCase #wasa-delicate-wintertime #sec09 .stoerer{
    right:40px;
    top:-20px
}
#isCase #renault-abverkauf #sec02 .drawings{
    position:relative;
    max-height:600px
}
#isCase #renault-abverkauf #sec02 .illustration{
    position:absolute;
    top:50%;
    left:50%;
    max-height:100%;
    max-width:100%;
    opacity:0;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
#isCase #renault-abverkauf #sec02 .line-drawing path{
    fill:none;
    stroke:#fff;
    stroke-width:3
}
#isCase #renault-abverkauf #sec02 .illustration,#isCase #renault-abverkauf #sec02 .line-drawing{
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
#isCase #renault-abverkauf #sec02 .show{
    opacity:1
}
#isCase #renault-abverkauf #sec02 .hide{
    opacity:0
}
#isCase #renault-abverkauf #sec02 svg{
    pointer-events:none
}
#isCase #renault-abverkauf #sec02 svg:not(:root){
    overflow:hidden
}
#isCase #renault-abverkauf #sec04 .landingpage{
    width:100%
}
#isCase #renault-abverkauf #sec07 .wrapper,#isCase #renault-abverkauf #sec08 .wrapper{
    position:relative
}
#isCase #renault-abverkauf #sec08 .img-text{
    width:60%;
    margin:0 auto
}
#isCase #renault-abverkauf #sec08 .circular-chart{
    display:block;
    margin:0 auto;
    max-width:60%;
    max-height:250px
}
#isCase #renault-abverkauf #sec08 .circle-bg{
    fill:none;
    stroke:#fff;
    stroke-width:1
}
#isCase #renault-abverkauf #sec08 .circle-counter,#isCase #renault-abverkauf #sec08 .circle-counter-two{
    stroke:#ffcd00;
    fill:none;
    stroke-width:2.8;
    stroke-linecap:round;
    stroke-dasharray:0 100
}
#isCase #renault-abverkauf #sec08 .circle-counter.animated{
    animation:circle-counter 1s ease-out forwards
}
#isCase #renault-abverkauf #sec08 .circle-counter-two.animated{
    animation:circle-counter-two 1s ease-out forwards
}
#isCase #renault-abverkauf #sec08 .percentage{
    fill:#000;
    font-family:sans-serif;
    font-size:.5em;
    text-anchor:middle
}
.frey-case-container,.lv-case-container,.xiaomi-case{
    font-family:Roboto,sans-serif;
    line-height:1.5
}
.caseBox sub,.caseBox sup{
    font-size:.7em;
    position:relative;
    color:inherit
}
@keyframes circle-counter{
    0%{
        stroke-dasharray:0 100
    }
    100%{
        stroke-dasharray:25 100
    }
}
@keyframes circle-counter-two{
    0%{
        stroke-dasharray:0 100
    }
    100%{
        stroke-dasharray:50 100
    }
}
.caseBox{
    width:100%;
    position:relative;
    display:block;
    margin-top:10px
}
.caseBox sup{
    top:-.5em
}
.caseBox sub{
    top:.3em
}
.caseBox img{
    width:100%;
    display:block
}
.caseBox .caseBoxOverlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:opacity 250ms;
    -moz-transition:opacity 250ms;
    -ms-transition:opacity 250ms;
    -o-transition:opacity 250ms;
    transition:opacity 250ms
}
.caseBox .caseBoxOverlay .caseBoxOverlayCenter{
    width:100%;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.caseBox .caseBoxOverlay.hover,.caseBox .caseBoxOverlay:hover{
    opacity:1
}
.flex-wrapper{
    width:100%
}
.jobHolder{
    margin-bottom:20px
}
@media screen and (max-width:1040px){
    .jobHolder{
        width:calc(100% / 6 * 3 - 10px)
    }
}
@media screen and (max-width:640px){
    .removeOffestHelper .grid--1-6{
        display:none
    }
    .removeOffestHelper .grid--4-6{
        width:100%
    }
    .jobHolder{
        width:calc(100% - 10px)
    }
}
.NotificationBanner{
    background-color:rgba(55,58,54,.9);
    position:fixed;
    width:100%;
    bottom:0;
    left:0;
    transform:translateY(100%);
    transition:transform 350ms;
    z-index:9999999;
    padding:20px 0
}
.NotificationBanner.is-cookiemessage-open{
    transform:translateY(0)
}
.NotificationBanner-controls::after{
    content:"";
    display:block;
    width:100%;
    height:0;
    clear:both
}
.NotificationBanner-button{
    float:right;
    border-radius:4px;
    -webkit-appearance:none;
    padding:12px 10px;
    background-color:#f2f2f2;
    cursor:pointer;
    margin-left:5px
}
.NotificationBanner-contentText{
    font-size:13px;
    color:#FFF
}
.lv-case-container{
    margin:0;
    color:#656565;
    font-weight:300
}
.lv-case-container h1,.lv-case-container h2,.lv-case-container h3,.lv-case-container h4,.lv-case-container h5,.lv-case-container h6{
    font-weight:inherit
}
.lv-case-container .lv-wrapper{
    padding:4rem 0
}
.lv-case-container section{
    width:44%;
    margin:0 auto
}
.lv-case-container .header-wrap{
    background:#fdfabd;
    padding:2.5rem 0 .5rem
}
.lv-case-container header{
    width:45%;
    margin:0 auto
}
.lv-case-container header h3{
    font-size:1.75rem;
    font-weight:200;
    padding-top:1rem;
    color:#656565
}
.lv-case-container header h1{
    color:#373a36;
    font-size:3.125rem;
    font-weight:300
}
.lv-case-container .logo-wrap{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    width:100%
}
.lv-case-container article{
    padding-bottom:2rem
}
.lv-case-container article h3{
    font-size:1.75rem;
    padding-bottom:1.5rem;
    color:#656565
}
.lv-case-container article p{
    font-size:1.125rem;
    padding-bottom:1rem
}
.lv-case-container .img-wrap{
    margin:0 auto;
    width:70%
}
.lv-case-container .img-wrap img{
    width:100%;
    display:block
}
.lv-case-container .video-bg{
    width:100%;
    background:#f0f0f0;
    margin:2rem 0
}
.lv-case-container .video-wrap{
    margin:0 auto;
    width:50%
}
.lv-case-container video{
    display:block;
    width:100%
}
.lv-case-container .robot-section{
    width:50%;
    display:flex;
    padding-top:3.5rem
}
.lv-case-container .robot-img-wrap{
    height:100%;
    width:100%
}
.lv-case-container .robot-section h4{
    font-size:4rem;
    font-weight:400
}
.lv-case-container .robot-section .text-wrap{
    margin:0 auto;
    width:100%;
    padding-left:3rem
}
.lv-case-container .robot-section .text-wrap p{
    width:88%
}
.lv-case-container .robot-img-mobile{
    display:none
}
.lv-case-container .lv-text-img{
    width:100%;
    padding:2.5rem 0
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    .lv-case-container .robot-section,.lv-case-container .video-wrap,.lv-case-container header,.lv-case-container section{
        width:95%
    }
    .lv-case-container .robot-section .text-wrap p{
        padding:0;
        width:95%
    }
    .lv-case-container .lv-text-img{
        width:90%
    }
}
@media (max-width:767px){
    .lv-case-container .robot-section,.lv-case-container .video-wrap,.lv-case-container header,.lv-case-container section{
        width:90%
    }
    .lv-case-container .lv-wrapper{
        padding:2rem 0
    }
    .lv-case-container header h1{
        font-size:2rem
    }
    .lv-case-container header h3{
        font-size:1.5rem;
        padding-bottom:.5rem
    }
    .lv-case-container .robot-section .text-wrap p{
        padding:0;
        width:100%
    }
    .lv-case-container .lv-text-img{
        width:90%
    }
    .lv-case-container .robot-section{
        display:block;
        padding-top:1rem
    }
    .lv-case-container .robot-section .text-wrap{
        padding-left:0
    }
    .lv-case-container article h3{
        padding-top:3rem
    }
    .lv-case-container .robot-img-desktop{
        display:none
    }
    .lv-case-container .robot-img-mobile{
        display:block;
        width:50%;
        margin:0 auto
    }
    .lv-case-container .video-bg{
        margin:0
    }
}
.frey-case-container{
    color:#373a36;
    font-weight:300;
    position:relative
}
.frey-case-container h1,.frey-case-container h2,.frey-case-container h3,.frey-case-container h4,.frey-case-container h5,.frey-case-container h6{
    font-weight:inherit
}
.frey-case-container a{
    text-decoration:none
}
.frey-case-container .main-wrapper{
    padding:3rem 0
}
.frey-case-container section{
    width:44%;
    margin:0 auto
}
.frey-case-container .header-wrap{
    background:#92bbbd;
    padding:5rem 0 2rem;
    position:relative
}
.frey-case-container header{
    width:45%;
    margin:0 auto
}
.frey-case-container header h3{
    font-size:1.75rem;
    font-weight:200;
    padding-top:1rem;
    color:#656565
}
.frey-case-container header h1{
    color:#373a36;
    font-size:3.125rem;
    font-weight:300
}
.frey-case-container .logo-wrap .frey-logo{
    position:absolute;
    top:2.5rem;
    right:20%
}
.frey-case-container article{
    padding-bottom:1.5rem
}
.frey-case-container .die-idee-text{
    padding-top:1.5rem
}
.frey-case-container article h3{
    font-size:1.75rem;
    padding:1.5rem 0 1rem;
    color:#656565
}
.frey-case-container article p{
    font-size:1.125rem;
    padding-bottom:1rem
}
.frey-case-container figure{
    margin:0 auto
}
.frey-case-container figure img{
    width:100%
}
.frey-case-container figure figcaption{
    font-size:1.125rem;
    padding:1rem 0 .5rem
}
.frey-case-container .img-wrap{
    margin:0 auto;
    width:80%;
    padding-bottom:2.5rem
}
.frey-case-container .img-wrap img{
    width:100%;
    display:block
}
.frey-case-container .grey-bg{
    width:100%;
    background:#f0f0f0;
    margin:2rem 0;
    height:88vh;
    position:relative
}
.frey-case-container .grey-bg-wrap{
    margin:0 auto;
    width:50%;
    position:absolute;
    top:-7%;
    left:20%
}
.frey-case-container .grey-bg-wrap img{
    width:100%;
    display:block
}
.frey-case-container .small-img-wrap{
    display:flex;
    justify-content:center;
    padding:2rem 0
}
.frey-case-container .small-img-wrap img{
    width:28%
}
.frey-case-container .frey-news{
    margin:0 auto;
    width:63%;
    padding:2rem 0
}
.frey-case-container .frey-news h4{
    text-align:center;
    font-size:1.75rem;
    padding-bottom:1.5rem;
    color:#656565
}
.frey-case-container .case-news-grid{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 15px 1fr 15px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    gap:15px
}
.frey-case-container .case-news-grid article{
    border:1px solid #707070;
    display:flex;
    flex-direction:column;
    padding:2rem .7rem;
    height:100%
}
.frey-case-container .case-news-grid h6{
    color:#b20e0e
}
.frey-case-container .case-news-grid h3{
    color:#656565;
    font-weight:500;
    font-size:1.5rem
}
.frey-case-container .case-news-grid p{
    font-size:1.125rem;
    color:#373a36
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .frey-case-container .frey-news,.frey-case-container header,.frey-case-container section{
        width:95%
    }
    .frey-case-container .logo-wrap .frey-logo{
        top:1rem;
        right:1rem
    }
    .frey-case-container .small-img-wrap img{
        width:50%
    }
    .frey-case-container .case-news-grid h3{
        font-weight:500;
        font-size:1.3rem
    }
    .frey-case-container .grey-bg{
        height:36vh
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
    .frey-case-container .grey-bg{
        height:63vh
    }
}
@media (max-width:767px){
    .frey-case-container .frey-news,.frey-case-container header,.frey-case-container section{
        width:90%
    }
    .frey-case-container .main-wrapper{
        padding:2rem 0
    }
    .frey-case-container header{
        padding:1rem 0
    }
    .frey-case-container header h1{
        font-size:2rem
    }
    .frey-case-container header h3{
        font-size:1.5rem;
        padding-bottom:.5rem
    }
    .frey-case-container article h3{
        font-size:1.75rem;
        padding:2rem 0 1rem
    }
    .frey-case-container .logo-wrap .frey-logo{
        top:.5rem;
        right:.5rem;
        width:6rem
    }
    .frey-case-container .small-img-wrap img{
        width:50%
    }
    .frey-case-container .case-news-grid{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        gap:15px
    }
    .frey-case-container .case-news-grid h6,.frey-case-container .case-news-grid p{
        font-size:1rem
    }
    .frey-case-container .case-news-grid h3{
        font-size:1.2rem;
        padding:1rem 0 .5rem
    }
    .frey-case-container .grey-bg{
        height:27vh
    }
}
@media only screen and (max-width:667px) and (orientation:landscape){
    .frey-case-container .grey-bg{
        height:84vh
    }
}
.smooth-scroll{
    scroll-behavior:smooth
}
.xiaomi-case{
    margin:0;
    padding:0;
    box-sizing:border-box;
    color:#373a36;
    font-weight:300;
    position:relative;
    overflow-x:hidden
}
.xiaomi-case h1,.xiaomi-case h2,.xiaomi-case h3,.xiaomi-case h4,.xiaomi-case h5,.xiaomi-case h6{
    font-weight:inherit
}
.xiaomi-case a{
    text-decoration:none
}
.xiaomi-case .bold{
    font-weight:500
}
.xiaomi-case .header-wrap{
    background:#ffc27b;
    padding:2.5rem 0 1rem;
    position:relative
}
.xiaomi-case .header-wrap header{
    width:760px;
    margin:0 auto
}
.xiaomi-case .header-wrap header h3{
    font-size:1.75rem;
    font-weight:200;
    padding-top:1rem;
    color:#656565
}
.xiaomi-case .header-wrap header h1{
    color:#373a36;
    font-size:3.125rem;
    font-weight:300
}
.xiaomi-case .nowrap-text{
    white-space:nowrap;
    font-size:inherit;
    font-weight:inherit;
    color:inherit
}
.xiaomi-case .main-container{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    background-color:#f0f0f0;
    z-index:10;
    margin-bottom:2rem
}
.xiaomi-case .full-width-white-bg,.xiaomi-case .white-bg-wrapper{
    width:100vw;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    background-color:#fff
}
.xiaomi-case .white-bg-wrapper{
    position:absolute;
    height:250px;
    bottom:0;
    z-index:-9
}
.xiaomi-case .main-container section{
    width:760px;
    margin:0 auto
}
.xiaomi-case .signet-wrapper{
    overflow:hidden;
    position:absolute;
    bottom:0;
    left:29.5%;
    display:block;
    width:450px;
    height:165px
}
.xiaomi-case .signet-mobile-wrapper{
    display:none
}
.xiaomi-case #signet{
    width:100%
}
.xiaomi-case .first,.xiaomi-case .second,.xiaomi-case .third{
    opacity:0;
    height:45px;
    margin-left:20px
}
.xiaomi-case .second{
    margin-top:3px
}
.xiaomi-case .third{
    margin-top:10px
}
.xiaomi-case #svg-wrap{
    position:absolute;
    top:0;
    bottom:0;
    left:0
}
.xiaomi-case .line-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:1040px;
    height:3590.2px;
    position:relative
}
.xiaomi-case .case-container{
    width:100%;
    height:auto
}
.xiaomi-case #svg-wrap-static{
    display:none;
    position:absolute;
    top:0;
    bottom:0;
    left:0
}
.xiaomi-case .logo-wrap{
    width:7rem;
    position:absolute;
    top:1rem;
    right:20%
}
.xiaomi-case .logo-wrap .xiaomi-logo{
    width:100%;
    height:100%
}
.xiaomi-case .main-container section article{
    padding:1.5rem 0
}
.xiaomi-case .main-container section article h3,.xiaomi-case .main-container section article h3 span{
    font-size:1.75rem;
    padding:1rem 0;
    color:#656565
}
.xiaomi-case .main-container section article p{
    font-size:1.125rem;
    padding-bottom:1rem
}
.xiaomi-case .main-container figure{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:6rem;
    padding-bottom:10rem
}
.xiaomi-case .main-container figure img{
    width:auto
}
.xiaomi-case .grey-background{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:760px;
    position:relative
}
.xiaomi-case .grey-bg-wrap img{
    width:100%;
    display:block
}
@-webkit-keyframes slide-in-animation{
    from{
        opacity:0;
        -webkit-transform:translate3d(-500px,0,0);
        transform:translate3d(-500px,0,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
}
@keyframes slide-in-animation{
    from{
        opacity:0;
        -webkit-transform:translate3d(-500px,0,0);
        transform:translate3d(-500px,0,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
}
.xiaomi-case .slide-in-first.visible{
    -webkit-animation:slide-in-animation .6s ease forwards;
    animation:slide-in-animation .6s ease forwards
}
.xiaomi-case .slide-in-second.visible{
    -webkit-animation:slide-in-animation .8s ease forwards;
    animation:slide-in-animation .8s ease forwards
}
.xiaomi-case .slide-in-third.visible{
    -webkit-animation:slide-in-animation 1.2s ease forwards;
    animation:slide-in-animation 1s ease forwards
}
@-webkit-keyframes slide-out-animation{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:0
    }
    to{
        -webkit-transform:translate3d(-500px,0,0);
        transform:translate3d(-500px,0,0);
        opacity:1
    }
}
@keyframes slide-out-animation{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:0
    }
    to{
        -webkit-transform:translate3d(-500px,0,0);
        transform:translate3d(-500px,0,0);
        opacity:1
    }
}
.xiaomi-case .slide-out-first{
    -webkit-animation:slide-out-animation 1.1s ease forwards;
    animation:slide-out-animation 1.1s ease forwards
}
.xiaomi-case .slide-out-second{
    -webkit-animation:slide-out-animation 1s ease forwards;
    animation:slide-out-animation 1s ease forwards
}
.xiaomi-case .slide-out-third{
    -webkit-animation:slide-out-animation .8s ease forwards;
    animation:slide-out-animation .8s ease forwards
}
.xiaomi-case .full-width-bg{
    width:100vw;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw
}
.xiaomi-case .slider-wrap{
    width:100%;
    height:auto;
    padding-bottom:3rem
}
.xiaomi-case .single-slide-slider{
    width:560px;
    margin:0 auto
}
.xiaomi-case .single-slide-slider .slick-track{
    width:100%;
    margin:0 auto;
    height:800px
}
.xiaomi-case .single-slide-slider .slider-img-wrap{
    width:100%;
    height:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50% 50%
}
.xiaomi-case .slide-1{
    background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_1.png)
}
.xiaomi-case .slide-2{
    background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_2.png)
}
.xiaomi-case .slide-3{
    background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_3.png)
}
.xiaomi-case .slide-4{
    background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_4.png)
}
.xiaomi-case .slide-5{
    background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_5.png)
}
.xiaomi-case .slick-dots li.slick-active button:before{
    color:#ff6900!important
}
.xiaomi-case .slick-dots li button:before{
    font-size:20px!important;
    color:#ff6900!important
}
.xiaomi-case .slick-arrow{
    height:40px!important;
    width:40px!important
}
.xiaomi-case .slick-next:before,.xiaomi-case .slick-prev:before{
    font-size:40px!important;
    opacity:1!important;
    color:#ff6900!important
}
.xiaomi-case .slick-prev:before{
    content:"<"!important
}
.xiaomi-case .slick-next:before{
    content:">"!important
}
.xiaomi-case .slick-prev{
    left:-40px!important
}
.xiaomi-case .slick-next{
    right:-40px!important
}
.xiaomi-case .slick-next,.xiaomi-case .slick-prev{
    top:85%!important
}
.xiaomi-case .full-width-white-bg{
    position:relative;
    z-index:-100
}
@media not all and (min-resolution:0.001dpcm){
    .xiaomi-case .notDisplayedSafari{
        display:none
    }
    .xiaomi-case #svg-wrap-static{
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        left:0
    }
}
@media (min-width:768px) and (max-width:1366px){
    .xiaomi-case #svg-wrap,.xiaomi-case #svg-wrap-static,.xiaomi-case .white-bg-wrapper{
        display:none
    }
    .xiaomi-case .header-wrap header,.xiaomi-case .main-container section{
        width:95%
    }
    .xiaomi-case .header-wrap{
        padding:5.5rem 0 1rem
    }
    .xiaomi-case .logo-wrap{
        top:1rem;
        right:1rem;
        width:100px
    }
    .xiaomi-case .line-container{
        width:auto;
        height:auto
    }
    .xiaomi-case .main-container figure{
        padding-top:5rem;
        padding-bottom:0
    }
    .xiaomi-case .main-container figure img{
        width:90%
    }
    .xiaomi-case .main-container{
        margin-bottom:0
    }
    .xiaomi-case .main-container section article{
        padding:1rem 0
    }
    .xiaomi-case .grey-bg-wrap{
        position:static
    }
    .xiaomi-case .grey-background{
        height:auto
    }
    .xiaomi-case .signet-wrapper{
        height:auto;
        display:none
    }
    .xiaomi-case .third{
        margin-top:0
    }
    .xiaomi-case .first,.xiaomi-case .second,.xiaomi-case .third{
        height:30px
    }
    .xiaomi-case .signet-mobile-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:3rem 0
    }
    .xiaomi-case #signet-mobile{
        width:40%
    }
    .xiaomi-case #signet-mobile img{
        width:100%
    }
    .xiaomi-case .single-slide-slider{
        width:85%
    }
    .xiaomi-case .slick-dots li{
        margin:0 15px!important
    }
    .xiaomi-case .slick-dots li button:before{
        font-size:25px!important
    }
    .xiaomi-case .slide-1-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_1_sm.png)
    }
    .xiaomi-case .slide-2-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_2_sm.png)
    }
    .xiaomi-case .slide-3-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_3_sm.png)
    }
    .xiaomi-case .slide-4-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_4_sm.png)
    }
    .xiaomi-case .slide-5-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_5_sm.png)
    }
}
@media (min-width:1024px) and (max-width:1366px){
    .xiaomi-case .header-wrap header,.xiaomi-case .main-container section{
        width:90%
    }
}
@media (max-width:767px){
    .xiaomi-case #svg-wrap,.xiaomi-case #svg-wrap-static,.xiaomi-case .white-bg-wrapper{
        display:none
    }
    .xiaomi-case .main-container section{
        width:90%
    }
    .xiaomi-case .main-container section article{
        padding:1rem 0
    }
    .xiaomi-case .main-container section article h3{
        font-size:1.75rem;
        padding:1rem 0
    }
    .xiaomi-case .header-wrap{
        padding:5rem 0 1rem
    }
    .xiaomi-case .header-wrap header{
        width:90%;
        margin:0;
        padding:0 5%
    }
    .xiaomi-case .header-wrap header h1{
        font-size:2rem
    }
    .xiaomi-case .header-wrap header h3{
        font-size:1.5rem
    }
    .xiaomi-case .logo-wrap{
        top:1rem;
        right:1rem;
        width:75px
    }
    .xiaomi-case .line-container{
        width:auto;
        height:auto
    }
    .xiaomi-case .main-container figure{
        padding-top:5rem;
        padding-bottom:0
    }
    .xiaomi-case .main-container figure img{
        width:90%
    }
    .xiaomi-case .main-container{
        margin-bottom:0
    }
    .xiaomi-case .grey-bg-wrap{
        position:static
    }
    .xiaomi-case .grey-background{
        height:auto
    }
    .xiaomi-case .signet-wrapper{
        height:auto;
        display:none
    }
    .xiaomi-case .first,.xiaomi-case .second,.xiaomi-case .third{
        height:30px
    }
    .xiaomi-case .third{
        margin-top:0
    }
    .xiaomi-case .signet-mobile-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:3rem 0
    }
    .xiaomi-case #signet-mobile{
        width:60%
    }
    .xiaomi-case #signet-mobile img{
        width:100%
    }
    .xiaomi-case .slick-dots li button:before{
        color:#ff6900!important;
        font-size:20px!important
    }
    .xiaomi-case .slick-next,.xiaomi-case .slick-prev{
        display:none!important
    }
    .xiaomi-case .slick-dots{
        bottom:-50px!important
    }
    .xiaomi-case .slick-dots li{
        position:relative;
        display:inline-block;
        width:40px!important;
        height:40px!important;
        margin:0 5px!important
    }
    .xiaomi-case .slide-1-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_1_sm.png)
    }
    .xiaomi-case .slide-2-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_2_sm.png)
    }
    .xiaomi-case .slide-3-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_3_sm.png)
    }
    .xiaomi-case .slide-4-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_4_sm.png)
    }
    .xiaomi-case .slide-5-mobile{
        background-image:url(../img/desk/cases/xiaomi/slider/Single_Message_5_sm.png)
    }
    .xiaomi-case .slider-wrap{
        width:100%;
        height:auto;
        padding-bottom:3rem
    }
    .xiaomi-case .single-slide-slider{
        margin:0 auto;
        width:100%
    }
    .xiaomi-case .single-slide-slider .slick-track{
        height:500px
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .xiaomi-case .notDisplayedOnIE{
        display:none
    }
    .xiaomi-case .signet-mobile-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:1rem 0
    }
    .xiaomi-case #svg-wrap-static,.xiaomi-case .white-bg-wrapper{
        display:none
    }
    .xiaomi-case #signet-mobile{
        width:25%
    }
    .xiaomi-case #signet-mobile img{
        width:100%
    }
    .xiaomi-case .full-width-white-bg figure{
        padding-bottom:4rem
    }
    .xiaomi-case .line-container{
        height:auto
    }
}
.side-menu{
    padding-left:40px;
    padding-top:70px;
    position:fixed;
    top:0;
    left:-500px;
    width:200px;
    height:100%;
    color:#fff;
    transition:all 1s ease;
    z-index:255
}
.side-menu ul li{
    margin-bottom:10px
}
.side-menu ul li a{
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    font-weight:400;
    font-size:24px
}
.side-menu .active,.side-menu ul li .active,.side-menu ul li a:hover{
    color:#ea5900
}
.side-menu .close-menu{
    color:#fff;
    font-size:20px;
    cursor:pointer
}
.side-menu .closeMenuDiv{
    background-position:left center;
    background-repeat:no-repeat;
    background-size:17px;
    background-image:url(../img/desk/menue-close-inaktiv.svg);
    height:34px;
    display:block
}
.side-menu .closeMenuDiv:hover{
    background-image:url(../img/desk/menue-close-aktiv.svg)
}
.side-menu .close-menu:hover{
    color:#ea5900
}
.side-menu:before{
    content:"";
    position:absolute;
    width:200%;
    height:300%;
    top:-120%;
    left:-100%;
    z-index:-1;
    transition:all .6s ease;
    background-color:#373a36;
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    transform:rotate(5deg)
}
.open-menu,.up{
    position:fixed;
    height:45px;
    cursor:pointer
}
.menue-rotate{
    left:0
}
.menue-rotate:before{
    width:250%;
    -webkit-transform:rotate(25deg);
    -moz-transform:rotate(25deg);
    -ms-transform:rotate(25deg);
    -o-transform:rotate(25deg);
    transform:rotate(25deg);
    transition:all .6s ease
}
.open-menu{
    background-color:#373a36;
    width:45px;
    background-image:url(../img/desk/menue-inaktiv.svg);
    background-size:100%;
    top:50px;
    left:50px;
    z-index:200
}
.open-menu:hover{
    background-image:url(../img/desk/menue-aktiv.svg)
}
.up{
    bottom:80px;
    right:0;
    width:70px;
    display:none;
    background-image:url(../img/desk/button_up_inaktiv.png);
    background-size:contain;
    z-index:999999
}
.up:hover{
    background-image:url(../img/desk/button_up_aktiv.png)
}
.footer .footer-top{
    overflow:auto;
    padding:20px 0;
    display:flex;
    align-items:center
}
.customers,.newsHolder .news .news-text,.staff .grid--2-6,.staff .grid--4-6{
    overflow:hidden
}
.footer .footer-top .grid--2-6 img{
    width:170px
}
.footer .footer-top .grid--4-6 img{
    width:175px;
    margin-bottom:10px;
    display:inline-block
}
.footer .footer-top .grid--4-6 a{
    display:inline-block
}
.footer .footer-top .grid--4-6 a img{
    margin-right:10px;
    margin-bottom:0;
    width:220px
}
.footer .footer-top .grid--4-6 .mobile{
    display:none
}
.footer .footer-top .grid--4-6 .desktop{
    display:inline-block
}
.footer .footer-bottom{
    height:60px;
    padding:20px 0
}
.footer .footer-bottom .social-icon{
    height:20px;
    margin-right:50px;
    float:left
}
.footer .footer-menu{
    float:right
}
.footer .footer-menu li{
    float:left;
    margin-right:25px
}
.footer .footer-menu li a{
    color:#fff;
    text-decoration:none;
    font-size:small
}
.footer .footer-menu li a:hover{
    color:#ea5900
}
.home-bg{
    background-image:url(../img/desk/home/home_header_50prozent.jpg)
}
#homeHeader .bgLogoHolder .isHiring{
    display:block;
    height:90px;
    width:110px;
    position:absolute;
    top:50%;
    left:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-size:contain;
    background-position:right;
    background-repeat:no-repeat;
    background-image:url(../img/desk/icons/wir_stellen_ein_inaktiv.svg)
}
.customers .customer--tag,.customers .logos{
    width:100%;
    background-position:center;
    background-repeat:no-repeat
}
#homeHeader .bgLogoHolder .isHiring:hover{
    background-image:url(../img/desk/icons/wir_stellen_ein_aktiv.svg)
}
.customers{
    position:relative
}
.customers h2.fs--xxxlarge{
    margin-top:0;
    margin-bottom:45px
}
.customers .logo-wrapper{
    height:100%;
    width:100%
}
.customers .logos{
    max-width:100%;
    max-height:70px;
    z-index:12;
    height:70px;
    background-size:auto 50px
}
.customers .grid--1-4{
    height:100px;
    transition:all .6s ease
}
.customers .grid--1-4+.h500{
    height:500px;
    transition:all .6s ease
}
.customers .grid--1-4+.h400{
    height:425px;
    transition:all .6s ease
}
.customers .customer--text{
    position:absolute;
    text-align:left;
    min-height:0;
    max-height:0;
    visibility:hidden;
    opacity:0;
    transition:all .4s ease;
    z-index:44;
    margin-top:10px;
    display:flex;
    align-items:center
}
.customers .customer--text [class^=grid--]{
    padding:45px;
    height:100%;
    width:100%;
    margin-left:0;
    margin-right:0
}
.customers .customer--text q{
    margin-top:100px;
    text-align:center;
    width:100%;
    font-size:30px;
    position:relative;
    top:95px
}
.customers .customer--text h2{
    margin-top:0
}
.customers .customer--text-display{
    visibility:visible!important;
    min-height:355px!important;
    max-height:500px!important;
    opacity:1;
    transition:all .4s ease
}
.customers .customer--tag{
    height:25px;
    display:none;
    position:relative;
    margin-bottom:-34px;
    z-index:200;
    background-image:url(../img/desk/home/tag.svg)
}
.logo--brother{
    background-image:url(../img/desk/home/Brother-Atyourside-R-inaktiv.svg)
}
.logo--brother:hover{
    background-image:url(../img/desk/home/Brother-Atyourside-R-aktiv.svg)
}
.logo--viessmann{
    background-image:url(../img/desk/home/viessmann-logo-inaktiv.svg);
    background-size:100% auto!important
}
.logo--dorma{
    background-image:url(../img/desk/home/DOLO-inaktiv.svg)
}
.logo--dorma:hover{
    background-image:url(../img/desk/home/DOLO-aktiv.svg)
}
.logo--dyson{
    background-image:url(../img/desk/home/Dyson_inaktiv.svg)
}
.logo--dyson:hover{
    background-image:url(../img/desk/home/Dyson_aktiv.svg)
}
.logo--edding{
    background-image:url(../img/desk/home/e_LOGO_R_48mm_inaktiv.svg)
}
.logo--edding:hover{
    background-image:url(../img/desk/home/e_LOGO_R_48mm-aktiv.svg)
}
.logo--envivas{
    background-image:url(../img/desk/home/Envivas_Logo_mit_Zusatz_RGB-inaktiv.svg)
}
.logo--envivas:hover{
    background-image:url(../img/desk/home/Envivas_Logo_mit_Zusatz_RGB-aktiv.svg)
}
.logo--frey{
    background-image:url(../img/desk/home/Frey_inaktiv.png)
}
.logo--frey:hover{
    background-image:url(../img/desk/home/Frey_aktiv.png)
}
.logo--lg{
    background-image:url(../img/desk/home/LG%20CI_2D_rgb-inaktiv.svg)
}
.logo--lg:hover{
    background-image:url(../img/desk/home/LG%20CI_2D_rgb-aktiv.svg)
}
.logo--mediasaturn{
    background-image:url(../img/desk/home/Media-saturn-logo-inaktiv.svg)
}
.logo--mediasaturn:hover{
    background-image:url(../img/desk/home/Media-saturn-logo-aktiv.svg)
}
.logo--ms{
    background-image:url(../img/desk/home/MSFT_logo-inaktiv.svg)
}
.logo--ms:hover{
    background-image:url(../img/desk/home/MSFT_logo-aktiv.svg)
}
.logo--telefonica{
    background-image:url(../img/desk/home/Logo_Telefonica-inaktiv.svg)
}
.logo--telefonica:hover{
    background-image:url(../img/desk/home/Logo_Telefonica-aktiv.svg)
}
.logo--o2{
    background-image:url(../img/desk/home/O2_000066-inaktiv.svg)
}
.logo--o2:hover{
    background-image:url(../img/desk/home/O2_000066-aktiv.svg)
}
.logo--renault{
    background-image:url(../img/desk/home/R_RENAULT%20LOGO_english%20tagline_flat_positive_RGB_v1-inaktiv.svg)
}
.logo--renault:hover{
    background-image:url(../img/desk/home/R_RENAULT%20LOGO_english%20tagline_positive_v1-aktiv.svg)
}
.logo--targo{
    background-image:url(../img/desk/home/Targo_RGB-inaktiv.svg)
}
.logo--targo:hover{
    background-image:url(../img/desk/home/Targo_RGB-aktiv.svg)
}
.logo--tui{
    background-image:url(../img/desk/home/TUI_Cruises_oSchutzzone_rgb-inaktiv.svg)
}
.logo--tui:hover{
    background-image:url(../img/desk/home/TUI_Cruises_oSchutzzone_rgb-aktiv.svg)
}
.logo--audi{
    background-image:url(../img/desk/home/audi-logo-inaktiv.png)
}
.logo--eon{
    background-image:url(../img/desk/home/EON_Logo_rgb-inaktiv.svg)
}
.logo--lgchem{
    background-image:url(../img/desk/home/LG-Chem_LOGO-inaktiv.svg)
}
.logo--lgchem:hover{
    background-image:url(../img/desk/home/LG-Chem_LOGO-aktiv.svg)
}
.logo--wasa{
    background-image:url(../img/desk/home/Wasa_Logo_rgb-inaktiv.png)
}
.logo--wasa:hover{
    background-image:url(../img/desk/home/Wasa_Logo_rgb-aktiv.png)
}
.logo--xiaomi{
    background-image:url(../img/desk/home/Xiaomi-logo-inaktiv.svg)
}
.logo--xiaomi:hover{
    background-image:url(../img/desk/home/Xiaomi-logo-aktiv.svg)
}
.agency-bg{
    background-image:url(../img/desk/home/home_header_50prozent.jpg)
}
.sec--circles{
    height:500px;
    padding:300px 0 120px;
    position:relative
}
.circle,.circle--180{
    padding:20px;
    display:flex;
    transition:all .6s ease;
    text-decoration:none;
    text-align:center
}
.sec--circles .grid--4-4{
    justify-content:space-between;
    display:flex;
    flex-direction:row
}
.circle{
    width:250px;
    height:250px;
    border-radius:125px;
    -webkit-border-radius:125px;
    font-size:20px;
    color:#000
}
.circle .lead{
    color:#fff;
    font-size:50px;
    width:250px;
    float:left
}
.circle--180{
    width:180px;
    height:180px;
    border-radius:90px;
    -webkit-border-radius:90px;
    font-size:20px;
    position:relative;
    color:#000;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.circle--big{
    width:250px;
    height:250px;
    border-radius:125px;
    -webkit-border-radius:125px;
    padding:2px;
    color:#fff;
    text-align:center;
    display:flex;
    flex-grow:1;
    text-decoration:none;
    transition:all .6s ease;
    position:relative;
    float:left
}
.circle--dropdown,.circles,.filter-menue .filter-drop:hover .drop{
    display:block
}
.circle--big img{
    width:100%;
    height:100%
}
.circle--big .circle--header{
    margin-bottom:20px;
    margin-top:65px
}
.circle--header{
    width:100%;
    float:left
}
.goingdown--white{
    background-image:url(../img/desk/scrolldown-weiss.svg)
}
.goingdown--grey{
    background-image:url(../img/desk/scrolldown-grau.svg)
}
.goingdown--grey:hover,.goingdown--white:hover{
    background-image:url(../img/desk/scrolldown-orange-aktiv.svg)
}
.circle--dropdown{
    width:44px;
    height:44px;
    background-repeat:no-repeat;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    background-image:url(../img/desk/leistungen/dropdown-inaktiv.svg);
    margin-top:20px;
    float:left;
    transition:all .5s
}
.filter-menue,.filter-tag{
    float:right
}
.circle--dropdown.dropDownTurned{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.circle--dropdown:hover,.goingdown:hver{
    background-image:url(../img/desk/leistungen/dropdown-aktiv.svg)
}
.circles{
    width:100%;
    height:600px
}
.staff{
    margin-top:30px;
    min-height:400px
}
.staff .person-text{
    height:100%;
    width:100%;
    z-index:20;
    position:relative;
    opacity:0;
    transition:all .4s ease-in;
    cursor:pointer
}
.staff .person-text div,.staff .person-text h3,.staff .person-text p,.staff .person-text span{
    color:#fff;
    line-height:140%
}
.staff .person-text .vert-center-child{
    width:100%
}
.staff .person-text .small-box{
    padding:20px
}
.staff [class^=grid--]{
    margin-top:5px;
    margin-bottom:5px
}
.staff [class^=grid--] img{
    height:100%;
    width:100%;
    z-index:5
}
.staff .js--person:hover .person-text{
    opacity:1
}
.staff .grid--1-6{
    margin:5px;
    height:160px
}
.staff .grid--1-6 .person-text{
    margin-bottom:-160px
}
.staff .grid--4-6{
    height:330px
}
.staff .grid--4-6 .person-text{
    margin-bottom:-330px
}
.staff .grid--4-6 .grid--1-6 .person-text{
    margin-bottom:-160px
}
.staff .grid--4-6-wrapper{
    height:330px;
    width:680px;
    margin:0!important
}
.staff .grid--2-6{
    height:330px
}
.staff .grid--2-6 .person-text{
    margin-bottom:-330px
}
.filter-tag{
    margin-top:29px;
    margin-left:10px
}
.filter-menue .filter-drop{
    background-image:url(../img/desk/agentur/sort-button-inaktiv.svg);
    width:45px;
    height:45px;
    display:block;
    background-size:cover
}
.filter-menue li .drop{
    width:230px;
    background-color:#373a36;
    position:absolute;
    padding:40px;
    margin-top:10px;
    z-index:33;
    display:none;
    margin-left:-185px
}
.filter-menue li .drop li{
    color:#fff;
    margin-bottom:30px;
    font-size:15px;
    font-weight:300;
    width:100%;
    cursor:pointer
}
.filter-menue li .drop li:last-child{
    margin-bottom:0
}
.filter-menue li .drop li:hover{
    color:#ea5900
}
.filter-menue li .drop:before{
    content:" ";
    height:10px;
    width:100%;
    position:absolute;
    margin-top:-50px;
    margin-left:-40px
}
.filter-menue li:hover .filter-drop{
    background-image:url(../img/desk/agentur/sort-button-aktiv.svg)
}
.filter-menue li:hover .filter-drop .drop,.filter-menue li:hover li:hover ul{
    display:block
}
.news-bg{
    background-image:url(../img/desk/news/news_header_50prozent.jpg)
}
.newsHolder .news{
    margin-bottom:50px;
    width:100%;
    min-height:725px
}
.newsHolder .news h2{
    margin-bottom:5px
}
.newsHolder .news a,.newsHolder .news img{
    width:100%
}
.newsHolder .news b{
    font-weight:700
}
.newsHolder .news .news-text b{
    font-weight:lighter
}
.newsHolder .news .news-link{
    display:block;
    margin-top:10px
}
#humanFocusSpinner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:330px
}
#humanFocusSpinner img{
    position:absolute;
    top:0;
    left:0
}
#circlebrand{
    top:0
}
#circlehuman{
    top:50px
}
#circlecreative{
    top:20px
}
.leistungen-bg{
    background-image:url(../img/desk/leistungen/leistungen_header_50prozent.jpg)
}
.ls--bg-cross{
    background-image:url(../img/desk/leistungen/fokuskreuz.svg);
    background-size:340px
}
.ls--bg-line{
    background-image:url(../img/desk/leistungen/gepunktete-linie.svg);
    background-repeat:repeat-y;
    background-size:8%;
    background-position-x:50%;
    background-position:center top
}
.ls--service-text{
    height:450px;
    padding-top:0;
    margin-top:390px
}
.ls--service-text:first-child{
    margin-top:0
}
.ls--points{
    height:100%;
    float:left;
    padding:90px 0;
    width:100%
}
.ls--circle-big{
    color:#fff!important;
    line-height:140%
}
.ls--circle-text{
    margin-top:20px;
    text-align:center;
    margin-bottom:20px
}
.ls--service{
    width:100%;
    max-width:330px;
    margin:0 auto 270px;
    padding:0
}
.ls--service .circle--180{
    position:relative;
    left:calc(50% - 90px)
}
.ls--service .desc{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.ls--service .desc .descHolder{
    position:relative;
    height:100%
}
.ls--service .desc .descHolder .ls--service-icon{
    width:85px;
    position:absolute;
    right:30%;
    top:30px
}
.ls--service .desc .descHolder h3{
    position:absolute;
    left:0;
    font-size:xx-large;
    font-size:28px;
    font-weight:400
}
#service1 .desc .descHolder h3,#service2 .desc .descHolder h3,#service3 .desc .descHolder h3{
    top:25px
}
#service3 .desc .descHolder img{
    width:120px;
    height:auto;
    top:85px;
    right:27%
}
#service4 .desc .descHolder h3{
    top:90px
}
#service4 .desc .descHolder img{
    width:120px;
    height:auto;
    top:20px;
    right:calc(50% - 60px)
}
#service5 .desc .descHolder h3{
    top:75px
}
#service5 .desc .descHolder img{
    height:100px;
    width:auto;
    top:calc(50% - 50px);
    right:32%
}
#contactForm .js--smartinContact{
    cursor:pointer
}
#smartinContact .contactRight{
    width:50%;
    float:left;
    padding-left:5px
}
#smartinContact .contactLeft{
    width:50%;
    float:left;
    padding-right:5px
}
#smartinContact input[type=text]{
    width:100%;
    height:75px;
    padding:20px;
    font-size:13px;
    margin-bottom:10px;
    border-radius:2px;
    -webkit-border-radius:2px;
    border:none;
    background-color:#FFF;
    -webkit-appearance:none
}
#smartinContact textarea{
    width:100%;
    height:245px;
    padding:20px;
    resize:none;
    border:none;
    background-color:#FFF;
    -webkit-appearance:none;
    font-size:13px;
    border-radius:2px;
    -webkit-border-radius:2px
}
#smartinContact #sendContact{
    width:120px;
    height:120px;
    border-radius:60px;
    font-size:18px;
    text-align:center;
    border:2px solid;
    display:block;
    text-decoration:none;
    color:#000;
    transition:all .6s ease 0s;
    padding-top:45px;
    margin-top:0
}
#smartinContact #sendContact:hover{
    color:#FFF
}
#smartinContact #result{
    height:40px;
    display:block;
    text-align:center
}
#smartinContact #fileUpload{
    display:none
}
#smartinContact label[for=fileUpload]{
    cursor:pointer;
    height:45px;
    display:block
}
#smartinContact label[for=fileUpload] *{
    float:left
}
#smartinContact label[for=fileUpload] .uploadText{
    font-size:13px;
    color:#ea5900;
    width:calc(100% - 55px);
    padding-top:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
#smartinContact label[for=fileUpload] .uploadIcon{
    height:45px;
    width:45px;
    background-color:#373a36;
    margin-right:10px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/desk/icons/anhang-inaktiv.svg)
}
#smartinContact label[for=fileUpload]:hover .uploadIcon{
    background-image:url(../img/desk/icons/anhang-aktiv.svg)
}
@media (max-width:1040px){
    .NotificationBanner-content p{
        max-width:100%
    }
    .cookietext{
        margin-bottom:10px
    }
    .circle--big{
        width:25%;
        min-width:100px;
        height:auto
    }
    .mo--none{
        display:none
    }
    .wrapper{
        width:768px
    }
    #up-0 .grid--4-6{
        width:100%;
        margin-left:0;
        margin-right:0
    }
    .customers .customer--text{
        left:calc((100vw - 768px)/ 2);
        max-width:768px;
        height:auto
    }
    .ls--humanfocus .grid--2-6{
        width:calc(100% / 6 * 3 - 10px)
    }
    .ls--humanfocus .grid--1-6{
        width:calc(100% / 6 * 1.5 - 10px)
    }
    .ls--humanfocus #humanFocusSpinner{
        height:280px;
        width:280px;
        margin:0 auto
    }
    .ls--humanfocus #humanFocusSpinner img{
        width:280px
    }
    .ls--points .grid--2-6{
        width:100%;
        margin-left:0;
        margin-right:0
    }
    .ls--points .ls--service{
        margin-bottom:0
    }
    .ls--points .ls--service.desk-none{
        margin-bottom:200px;
        max-width:0;
        min-width:100%;
        width:100%;
        display:block
    }
    .ls--points .ls--service.desk-none:last-child{
        margin-bottom:0
    }
    .newsHolder{
        width:calc(100% / 6 * 3 - 10px)
    }
    .staff .person-text .fs--medium{
        font-size:12px
    }
    #isCase .caseRow.hasAward{
        padding-bottom:50px
    }
    #isCase .caseRow.hasAward .caseAward{
        position:absolute;
        width:90px;
        bottom:-46px;
        right:5px
    }
    #isCase #telefonicaCase #sec02 .caseRow,#isCase #telefonicaCase #sec09 .caseRow{
        position:relative
    }
    #isCase #targoCase #parallax00,#isCase #targoCase #parallax01,#isCase #targoCase #parallax02{
        width:95px!important
    }
    #isCase #targoCase #sec08 .overtakeContainer .caseRow .overtakeTitle{
        padding-top:50px;
        padding-bottom:25px
    }
    #isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic{
        height:240px;
        width:500px;
        background-size:500px;
        margin:0 auto
    }
    #isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .targetedGoal{
        top:49%;
        left:0
    }
    #isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .reachedGoal{
        top:30%;
        left:32%
    }
    #isCase #targoCase #sec08 .overtakeContainer .caseRow .circleGraphic .percentage{
        top:32%;
        right:0
    }
    #isCase #lgCase #parallax00,#isCase #lgCase #parallax02,#isCase #lgCase #parallax03{
        width:90px!important
    }
    #isCase #lgCase #parallax01{
        width:60px!important
    }
    #isCase #carConnectionCase #parallax00,#isCase #carConnectionCase #parallax01,#isCase #carConnectionCase #parallax02,#isCase #carConnectionCase #parallax03{
        width:370px!important
    }
    #isCase #carConnectionCase #sec01 .grid--3-8 img{
        width:75%
    }
    #isCase #carConnectionCase #sec05{
        height:453px
    }
    #isCase #tuiCase #sec01 .wrapper #parallax00{
        width:45px;
        left:25px
    }
    #isCase #tuiCase #sec01 .wrapper #parallax01{
        width:90px;
        right:0
    }
    #isCase #tuiCase #sec01 .wrapper #parallax02{
        width:35px;
        right:25px
    }
    #isCase #tuiCase #sec02 .caseRow wrapper .grid--2-8 img{
        width:50%
    }
    #isCase #tuiCase #sec03 .wrapper #parallax03{
        width:90px
    }
    #isCase #tuiCase #sec03 .wrapper #parallax04{
        width:45px
    }
    #isCase #tuiCase #sec05 .wrapper #parallax05{
        width:35px
    }
    #isCase #tuiCase #sec05 .wrapper #parallax06{
        width:45px
    }
    #isCase #tuiCase #sec05 .wrapper #parallax07{
        width:90px
    }
    #isCase #telefonicaCase #parallax00,#isCase #telefonicaCase #parallax01,#isCase #telefonicaCase #parallax02,#isCase #telefonicaCase #parallax03,#isCase #telefonicaCase #parallax06{
        display:none!important
    }
    #isCase #telefonicaCase #sec02 .grid--2-8{
        width:calc(100% / 8 * 4 - 10px);
        margin-bottom:10px
    }
    #isCase #telefonicaCase #sec05 .grid--8-8{
        overflow:hidden
    }
    #isCase #wasa-delicate-wintertime #sec06 .wrapper,#isCase #wasa-delicate-wintertime #sec09 .wrapper,#isCase #wasa-snacking-promo #sec04 .wrapper,#isCase #wasa-snacking-promo #sec06 .wrapper{
        overflow:visible
    }
    #isCase #telefonicaCase #sec07 .wrapper #parallax04{
        width:75px;
        right:0;
        top:0!important
    }
    #isCase #telefonicaCase #sec07 .wrapper #parallax05{
        width:65px;
        right:20px;
        top:65px!important
    }
    #isCase #eddingpimcase .numb_card{
        width:calc(100% / 2)!important
    }
    #isCase #o2cutout .SlideSmartphone{
        width:90%
    }
    #isCase #o2cutout .Stoerer{
        width:90%;
        display:block
    }
    #isCase #o2cutout .Parallaxtext{
        width:250px;
        z-index:100;
        top:400px
    }
    #isCase #wasa-delicate-wintertime #sec06 .stoerer,#isCase #wasa-delicate-wintertime #sec09 .stoerer,#isCase #wasa-snacking-promo #sec04 .stoerer,#isCase #wasa-snacking-promo #sec06 .stoerer{
        position:absolute;
        width:120px;
        z-index:100
    }
    #isCase #renault-abverkauf #sec02 .grid--3-8{
        width:calc(100% - 10px)
    }
    #isCase #renault-abverkauf #sec08 .grid--3-8{
        width:calc(100% / 8 * 4 - 10px)
    }
    #isCase #renault-abverkauf #sec08 .circular-chart{
        padding-top:40px
    }
    #isCase #telefonica-dmexco #sec08 .wrapper{
        position:relative
    }
    #isCase #telefonica-dmexco #sec08 .wrapper .grid--8-8 #parallax00{
        width:200px;
        position:absolute;
        left:400px
    }
    #isCase #telefonica-dmexco #sec08 .wrapper .grid--8-8 #parallax04{
        position:absolute;
        width:430px;
        left:500px;
        z-index:100
    }
    #isCase #telefonica-dmexco #sec09 .wrapper{
        position:relative
    }
    #isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax01{
        position:absolute;
        width:150px;
        left:358px;
        z-index:60
    }
    #isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax02{
        position:absolute;
        width:120px;
        left:280px;
        z-index:100
    }
    #isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax03{
        position:absolute;
        width:180px;
        left:60px
    }
    #isCase #o2magazin #sec02{
        height:410px
    }
    #isCase #o2magazin #sec02 #headerImage{
        top:-61px!important
    }
    #isCase #o2magazin #sec04{
        height:400px;
        margin-bottom:150px
    }
    #isCase #o2magazin #sec04 .placeHolder #magazinePages{
        position:absolute;
        width:-webkit-fill-available;
        top:-41px!important;
        right:0!important
    }
    .staff .person-text .small-box{
        padding:2px
    }
    #news-header h2{
        margin:4.5rem 0 3rem
    }
    #join-widget .jNQrqk{
        width:auto;
        padding:15px
    }
}
@media (max-width:1023px){
    #isCase #lgChemCase #sec06,#isCase #lgChemCase #sec10{
        background-size:400px;
        background-position:0 calc(100% + 400px);
        background-repeat:no-repeat
    }
    #isCase .caseRow .grid--1-8{
        display:none
    }
    #isCase .caseRow .grid--6-8{
        width:calc(100% - 10px)
    }
    #isCase #targoCase #parallax00,#isCase #targoCase #parallax01,#isCase #targoCase #parallax02{
        display:none!important
    }
    #isCase #targoCase #sec08 .overtakeContainer{
        display:none
    }
    #isCase #targoCase #sec08 .overtakeStatic{
        display:block
    }
    #isCase #carConnectionCase #sec05 .fakeCurtain,#isCase #carConnectionCase #sec06 #parallax00,#isCase #carConnectionCase #sec06 #parallax01,#isCase #carConnectionCase #sec09 #parallax02,#isCase #carConnectionCase #sec12 #parallax03{
        display:none
    }
    #isCase #targoCase #sec08 .overtakeStatic .grid--4-4{
        margin-bottom:25px
    }
    #isCase #lgCase #parallax00,#isCase #lgCase #parallax01,#isCase #lgCase #parallax02,#isCase #lgCase #parallax03{
        display:none!important
    }
    #isCase #carConnectionCase #sec01 .grid--4-8{
        width:calc(100% / 8 * 5 - 10px)
    }
    #isCase #eddingCase #sec01 .caseRow .grid--5-8,#isCase #eddingCase #sec06 .caseRow .grid--4-8,#isCase #eddingCase #sec08 .caseRow .grid--4-8{
        width:calc(100% / 8 * 6 - 10px)
    }
    #isCase #carConnectionCase #sec05{
        height:auto
    }
    #isCase #carConnectionCase #sec05 .wrapper{
        position:static;
        transform:translateX(0)
    }
    #isCase #carConnectionCase #sec07 .onTop img,#isCase #carConnectionCase #sec08 .onTop img{
        position:static
    }
    #isCase #eddingCase #sec01 .caseRow{
        display:flex;
        align-items:center
    }
    #isCase #eddingCase #sec06 .caseRow,#isCase #eddingCase #sec08 .caseRow{
        display:flex;
        align-items:center
    }
    #isCase #o2CutOutCase #sec01 #parallax01,#isCase #o2CutOutCase #sec05 #parallax03,#isCase #o2CutOutCase #sec05 #parallax04,#isCase #o2CutOutCase #sec05 #parallax05,#isCase #tuiCase #sec01 .wrapper #parallax00,#isCase #tuiCase #sec01 .wrapper #parallax01,#isCase #tuiCase #sec01 .wrapper #parallax02,#isCase #tuiCase #sec03 .wrapper #parallax03,#isCase #tuiCase #sec03 .wrapper #parallax04,#isCase #tuiCase #sec03 .wrapper .grid--2-8,#isCase #tuiCase #sec05 .wrapper #parallax05,#isCase #tuiCase #sec05 .wrapper #parallax06,#isCase #tuiCase #sec05 .wrapper #parallax07{
        display:none
    }
    #isCase #eddingCase #sec06 .caseRow .grid--3-8,#isCase #eddingCase #sec08 .caseRow .grid--3-8{
        width:calc(100% / 8 * 2 - 10px)
    }
    #isCase #tuiCase #sec01{
        background-size:10%;
        background-position:2% 2%;
        background-repeat:no-repeat;
        background-image:url(../img/desk/cases/tui/tuic_wohlfuehlclub_diamant_gross1_parallax.jpg)
    }
    #isCase #tuiCase #sec03{
        background-size:10%;
        background-position:95% 8%;
        background-repeat:no-repeat;
        background-image:url(../img/desk/cases/tui/tuic_wohlfuehlclub_diamant_gross2_parallax.jpg)
    }
    #isCase #tuiCase #sec03 .wrapper .grid--5-8{
        width:calc(100% - 10px)
    }
    #isCase #tuiCase #sec05{
        background-size:10%;
        background-position:20% 5%;
        background-repeat:no-repeat;
        background-image:url(../img/desk/cases/tui/tuic_wohlfuehlclub_diamant_gross3_parallax.jpg)
    }
    #isCase #o2CutOutCase #sec09 #parallax07,#isCase #o2CutOutCase #sec09 #parallax08,#isCase #o2CutOutCase #sec09 #parallax09{
        display:none!important
    }
    #isCase #o2CutOutCase #sec09 #parallax06-static{
        display:block
    }
    #isCase #o2CutOutCase #sec09 .wrapper .grid--4-8{
        width:calc(100% / 8 * 5 - 10px)
    }
    #isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 .Stoerer{
        margin:20px auto 0
    }
    #isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 .Stoerer #parallax06{
        display:none!important
    }
    #isCase #o2CutOutCase #sec09 .Stoerer,#isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 .Stoerer #parallax06-static{
        display:block
    }
    #isCase #o2CutOutCase #sec09 .SlideSmartphone{
        width:80%
    }
    #isCase #o2CutOutCase #sec09 .Stoerer img{
        max-width:175px;
        margin:0 auto
    }
    #isCase #o2CutOutCase #sec09 .Parallaxtext{
        width:250px;
        z-index:100;
        top:400px
    }
    #isCase #o2CutOutCase #wasa-jahresstartpromo #trigger00 .caseRow .grid--3-8{
        width:calc(100% / 8 * 7 - 10px)
    }
    #isCase #o2magazin #sec02{
        height:410px
    }
    #isCase #o2magazin #sec02 #headerImage{
        top:-61px!important
    }
    #isCase #o2magazin #sec04{
        height:350px;
        margin-top:110px;
        margin-bottom:180px
    }
    #isCase #telefonica-dmexco #sec08 .wrapper{
        position:relative
    }
    #isCase #telefonica-dmexco #sec08 .wrapper .grid--8-8 #parallax00{
        width:180px;
        position:absolute;
        top:50px;
        left:370px
    }
    #isCase #telefonica-dmexco #sec08 .wrapper .grid--8-8 #parallax04{
        position:absolute;
        width:350px;
        top:130px;
        left:495px
    }
    #isCase #telefonica-dmexco #sec09 .wrapper{
        position:relative
    }
    #isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax01{
        position:absolute;
        width:130px;
        left:344px;
        z-index:60
    }
    #isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax02{
        position:absolute;
        width:120px;
        left:300px;
        z-index:100
    }
    #isCase #telefonica-dmexco #sec09 .wrapper .caseRow #parallax03{
        position:absolute;
        width:180px;
        left:60px
    }
    #isCase #ectCase #sec03 .grid--5-8{
        width:calc(100% - 10px)
    }
    #isCase #ectCase #sec04 .grid--2-8{
        width:calc(50% - 10px);
        margin-bottom:10px
    }
    #isCase #ectCase #sec05 .grid--5-8{
        width:calc(100% - 10px)
    }
    #isCase #lgChemCase #sec03{
        background-size:400px;
        background-position:0 -370px;
        background-repeat:no-repeat;
        background-image:url(../img/desk/cases/lgchem/LGChem_Resu_muster1_parallax.png)
    }
    #isCase #lgChemCase #sec03 .wrapper{
        background-image:none
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow{
        display:flex;
        align-items:center
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow .grid--4-8{
        width:calc(100% / 8 * 6 - 10px)
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow .grid--3-8{
        width:calc(100% / 8 * 2 - 10px)
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow .grid--3-8 img{
        top:0
    }
    #isCase #lgChemCase #sec06{
        background-image:url(../img/desk/cases/lgchem/LGChem_Resu_muster2_parallax.png)
    }
    #isCase #lgChemCase #sec10{
        background-image:url(../img/desk/cases/lgchem/LGChem_Resu_muster3_parallax.png)
    }
    #isCase #lgChemCase #sec06 .wrapper,#isCase #lgChemCase #sec08 .wrapper,#isCase #lgChemCase #sec10 .wrapper{
        background-image:none
    }
    #isCase #lgChemCase #sec12 .wrapper .caseRow{
        display:flex;
        align-items:center
    }
    #isCase #lgChemCase #sec12 .wrapper .caseRow .grid--5-8{
        width:calc(100% / 8 * 6 - 10px)
    }
}
@media (max-width:788px){
    #isCase #eddingCase #sec01 .wrapper .caseRow,#isCase #eddingCase #sec06 .caseRow,#isCase #eddingCase #sec08 .caseRow{
        display:block
    }
    .wrapper{
        width:calc(100% - 20px)
    }
    #isCase #eddingCase #sec01 .wrapper .caseRow .grid--2-8,#isCase #eddingCase #sec01 .wrapper .caseRow .grid--5-8,#isCase #lgCase #sec10 .wrapper .caseRow .grid--5-8{
        width:calc(100% - 10px)
    }
    .customers .customer--text{
        left:10px;
        max-width:calc(100vw - 20px);
        height:auto
    }
    #isCase #lgCase #sec10 .wrapper{
        background-position:right top;
        background-size:50px
    }
    #isCase #eddingCase #sec01{
        background-image:none
    }
    #isCase #eddingCase #sec01 .wrapper{
        background-size:70%;
        background-position:0 10px;
        background-repeat:no-repeat;
        background-image:url(../img/desk/cases/edding/edding_edding8900_grau_m.png)
    }
    #isCase #eddingCase #sec01 .wrapper .caseRow .grid--2-8 img,#isCase #eddingCase #sec01 .wrapper .caseRow .grid--5-8 img{
        width:75%;
        margin:50px auto 0
    }
    #isCase #eddingCase #sec03{
        background-image:none
    }
    #isCase #eddingCase #sec06 .caseRow .grid--3-8,#isCase #eddingCase #sec06 .caseRow .grid--4-8,#isCase #eddingCase #sec08 .caseRow .grid--3-8,#isCase #eddingCase #sec08 .caseRow .grid--4-8{
        width:calc(100% - 10px)
    }
    #isCase #eddingCase #sec06 .caseRow .grid--3-8 img,#isCase #eddingCase #sec08 .caseRow .grid--3-8 img{
        width:75%;
        margin:50px auto 0
    }
    #isCase #tuiCase .wrapper #parallax00,#isCase #tuiCase .wrapper #parallax01,#isCase #tuiCase .wrapper #parallax02,#isCase #tuiCase .wrapper #parallax03,#isCase #tuiCase .wrapper #parallax04,#isCase #tuiCase .wrapper #parallax05,#isCase #tuiCase .wrapper #parallax06,#isCase #tuiCase .wrapper #parallax07{
        display:none!important
    }
    #isCase #eddingCreativeworldCase #sec04 .caseRow .grid--2-8{
        margin-bottom:10px
    }
    #isCase #eddingCreativeworldCase #sec07 .deviceRow{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    #isCase #eddingCreativeworldCase #sec07 .deviceRow .grid--2-8{
        width:calc(100% - 10px)
    }
    #isCase #eddingCreativeworldCase #sec07 .deviceRow .grid--4-8{
        width:calc(100% / 8 * 7 - 10px)
    }
    #isCase #wasa-jahresstartpromo #trigger00 .caseRow .grid--3-8{
        width:calc(100% - 10px)
    }
    #isCase #o2CutOutCase #trigger00 .caseRow .grid--3-8{
        width:calc(100% / 8 * 7 - 10px)
    }
    #isCase #o2CutOutCase #sec09 .grid--2-8,#isCase #o2CutOutCase #sec09 .grid--3-8{
        width:calc(100% - 10px)
    }
    #isCase #o2CutOutCase #sec09 .grid--2-8 .SlideSmartphone{
        width:100%
    }
    #isCase #o2CutOutCase #sec09 .grid--2-8 .SlideSmartphone img{
        max-width:60%;
        margin:0 auto
    }
    #isCase #o2CutOutCase #sec09 .Stoerer{
        width:100%;
        display:block
    }
    #isCase #wasaKnusperpost #sec03 img#parallax01,#isCase #wasaKnusperpost #sec05 .grid--3-8 img{
        display:none
    }
    #isCase #o2CutOutCase #sec09 .Stoerer img{
        max-width:175px;
        margin:0 auto
    }
    #isCase #wasaKnusperpost #sec05 .grid--3-8{
        width:calc(60% - 10px)
    }
    #isCase #wasaKnusperpost #sec05 .grid--4-8{
        width:calc(40% - 10px)
    }
    #isCase #wasaKnusperpost #sec07 .grid--1-8.DisplayIcon{
        display:block;
        width:calc(20% - 10px)
    }
    #isCase #ectCase .DesktopOnly,#isCase #o2magazin #sec04 #mobileMagazine{
        display:none
    }
    #isCase #wasaKnusperpost #sec07 .grid--5-8{
        width:calc(80% - 10px)
    }
    #isCase #o2magazin #sec02{
        height:340px;
        margin-top:100px;
        margin-bottom:100px
    }
    #isCase #o2magazin #sec02 #headerImage{
        width:auto;
        height:auto
    }
    #isCase #o2magazin #sec04{
        margin-bottom:100px
    }
    .footer .footer-top{
        display:block
    }
    .footer .footer-top .grid--2-6,.footer .footer-top .grid--4-6{
        width:calc(100% - 10px);
        text-align:center
    }
    .footer .footer-top .grid--2-6 a,.footer .footer-top .grid--4-6 a{
        display:block;
        width:180px;
        margin:0 auto
    }
    .footer .footer-top .grid--2-6{
        border-bottom:2px solid #f2f2f2;
        padding-bottom:40px
    }
    .footer .footer-top .grid--2-6 a img{
        width:100%
    }
    .footer .footer-top .grid--4-6{
        margin-top:40px
    }
    .footer .footer-top .grid--4-6 a .desktop{
        display:none
    }
    .footer .footer-top .grid--4-6 a .mobile{
        display:block;
        width:110px;
        margin-bottom:20px;
        margin-left:0;
        margin-right:0
    }
    .footer .footer-top .grid--4-6 a img{
        margin:0 auto
    }
    .footer .footer-top .grid--4-6 img{
        width:180px;
        display:block;
        margin:0 auto 10px
    }
}
@media (max-width:640px){
    .wrapper{
        max-width:480px
    }
    .open-menu{
        left:20px;
        top:20px
    }
    .logo{
        margin-top:20px;
        position:static
    }
    .grid--2-6,.grid--4-6{
        width:calc(100% - 10px)
    }
    .slogan{
        line-height:140%
    }
    .fs--xxxxlarge{
        font-size:78px
    }
    #up-3 .grid--2-6{
        margin-bottom:90px
    }
    #up-3 .grid--2-6:last-child{
        margin-bottom:0
    }
    .customers .logos{
        background-size:100%
    }
    .circle--big{
        margin-left:-50px
    }
    .circle--big:first-child{
        margin-left:0
    }
    .spacer--100{
        padding:25px 0
    }
    .ls--bg-line{
        background-size:18%
    }
    .ls--humanfocus .grid--2-6{
        width:100%;
        margin:20px 0
    }
    .ls--humanfocus .grid--1-6{
        width:100%
    }
    .ls--humanfocus #humanFocusSpinner{
        height:280px;
        width:280px;
        margin:0 auto
    }
    .ls--humanfocus #humanFocusSpinner img{
        width:280px
    }
    .ls--3circles .grid--2-6{
        top:0!important;
        margin-bottom:90px
    }
    .ls--3circles .grid--2-6:nth-child(3){
        margin-bottom:0
    }
    .ls--points .ls--service{
        margin-bottom:45px
    }
    .ls--points .ls--service.desk-none{
        margin-bottom:150px
    }
    .ls--points .ls--service.desk-none:last-child{
        margin-bottom:0
    }
    .news-box .news{
        width:calc(100% / 6 * 3 - 10px)
    }
    .news-box .news img{
        width:100%
    }
    #smartinContact .contactLeft,#smartinContact .contactRight{
        padding:0;
        width:100%;
        float:none
    }
    #isCase .caseRow .grid--4-8,.footer .footer-bottom .wrapper .grid--3-6{
        width:calc(100% - 10px)
    }
    .footer .footer-bottom{
        min-height:80px;
        padding-top:20px;
        padding-left:5px;
        overflow:auto
    }
    .footer .footer-bottom .social-icon{
        margin-right:20px;
        margin-bottom:10px
    }
    .footer .footer-menu{
        float:left
    }
    #isCase .caseLogo{
        max-width:calc(100% / 3)
    }
    #isCase .caseRow .grid--4-8:first-child{
        margin-bottom:10px
    }
    #isCase section.img--1-2 .wrapper{
        width:100%!important;
        max-width:none
    }
    #isCase section.img--1-2 .wrapper .caseRow{
        width:100%
    }
    #isCase section.img--1-2 .wrapper .caseRow .grid--4-8{
        width:100%;
        margin:0
    }
    #isCase section.img--1-2 .wrapper .caseRow .grid--4-8 img{
        width:calc(100% - 50px);
        max-width:470px;
        margin:0 auto
    }
    #isCase section.img--1-2 .wrapper .caseRow .grid--4-8:nth-of-type(2){
        border-top:10px solid #FFF
    }
    #isCase #targoCase #sec01 .caseRow .grid--2-8{
        width:calc(100% / 8 * 4 - 10px);
        margin-bottom:10px
    }
    #isCase #targoCase #sec08 .overtakeStatic .grid--1-4{
        display:none
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow,#isCase #lgChemCase #sec12 .wrapper .caseRow{
        display:block
    }
    #isCase #targoCase #sec08 .overtakeStatic .grid--2-4{
        width:calc(100% - 10px)
    }
    #isCase #eddingCase .img--1-2 .imgStep .secondImage{
        left:calc(50% - 470px / 2);
        background-position:0 15px
    }
    #isCase #eddingCase #sec01 .wrapper{
        background-size:95%
    }
    #isCase #eddingCreativeworldCase #sec04 .wrapper .caseRow .grid--2-8{
        width:calc(50% - 10px)
    }
    #isCase #lgCase #sec07 #carSticker #sticker{
        width:60%;
        top:-30%;
        right:calc(20%)
    }
    #isCase #carConnectionCase #sec01 .caseRow .grid--3-8,#isCase #carConnectionCase #sec01 .caseRow .grid--4-8,#isCase #o2CutOutCase #sec09 .wrapper .grid--4-8{
        width:calc(100% - 10px)
    }
    #isCase #carConnectionCase #sec01 .caseRow .grid--3-8 img,#isCase #carConnectionCase #sec01 .caseRow .grid--4-8 img{
        float:none;
        margin:50px auto 0
    }
    #isCase #carConnectionCase .onTop img{
        position:static!important
    }
    #isCase #o2CutOutCase #sec09 .wrapper .grid--3-8{
        margin-top:20px;
        width:calc(100% - 10px)
    }
    #isCase #o2CutOutCase #sec09 .wrapper .grid--3-8 img{
        width:100%;
        margin:0 auto
    }
    #isCase #o2CutOutCase .SlideSmartphone{
        width:80%
    }
    #isCase #o2CutOutCase .Parallaxtext{
        width:250px;
        z-index:100;
        top:400px
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow .grid--3-8,#isCase #lgChemCase #sec03 .wrapper .caseRow .grid--4-8{
        width:calc(100% - 10px)
    }
    #isCase #lgChemCase #sec03 .wrapper .caseRow .grid--3-8 img{
        width:40%;
        margin-top:0;
        top:110px;
        left:110px
    }
    #isCase #wasa-delicate-wintertime .Parallaxtext,#isCase #wasaKnusperpost #sec05 .grid--4-8{
        display:none
    }
    #isCase #lgChemCase #sec12 .wrapper .caseRow .grid--2-8,#isCase #lgChemCase #sec12 .wrapper .caseRow .grid--5-8{
        width:calc(100% - 10px)
    }
    #isCase #lgChemCase #sec12 .wrapper .caseRow .grid--2-8 img{
        margin:40px auto 0
    }
    #isCase #eddingpimcase .numb_card{
        width:100%!important;
        height:auto;
        padding-top:30px
    }
    #isCase #eddingpimcase .Parallaxtext{
        width:250px;
        z-index:100;
        top:400px
    }
    #isCase #wasa-delicate-wintertime #trigger00 .caseRow .grid--3-8,#isCase #wasa-delicate-wintertime .grid--5-8,#isCase #wasa-snacking-promo #trigger00 .caseRow .grid--2-8{
        width:calc(100% - 10px)
    }
    #isCase #wasa-delicate-wintertime .grid--4-8{
        margin-bottom:10px
    }
    #isCase #wasa-delicate-wintertime .stoerer_one{
        top:160px;
        width:120px
    }
    #isCase #renault-abverkauf #sec03 .mtb--80{
        margin-bottom:0
    }
    #isCase #renault-abverkauf #sec07 .grid--3-8{
        width:80%
    }
    #isCase #wasaKnusperpost #sec05 .grid--3-8,#isCase #wasaKnusperpost #sec07 .grid--5-8{
        width:calc(100% - 10px)
    }
    #isCase #renault-abverkauf #sec07 img{
        margin:40px 0
    }
    #isCase #wasaKnusperpost #sec07 .grid--1-8.DisplayIcon{
        display:contents
    }
    #isCase #wasaKnusperpost #sec07 .grid--1-8.DisplayIcon img{
        max-width:150px;
        margin:0 auto
    }
    #isCase #wasaKnusperpost #sec08 .Keyfacts{
        display:none
    }
    #isCase #wasaKnusperpost #sec08 .MobileKeyfacts{
        width:100%;
        display:block
    }
    #isCase #o2magazin #sec02{
        height:300px
    }
    #isCase #o2magazin #sec02 #headerImage{
        height:400px
    }
    #isCase #o2magazin #sec04{
        height:auto
    }
    #isCase #o2magazin #sec04 #magazinePages{
        display:none
    }
    #isCase #o2magazin #sec04 .caseRow.smallScreen img#mobileMagazine{
        display:block
    }
    #isCase #o2magazin #sec06 #brushTimeline{
        width:100%
    }
    .caseBox .btn{
        height:40px;
        border-radius:20px;
        -webkit-border-radius:20px
    }
}
@media (max-width:520px){
    .wrapper{
        width:calc(100% - 40px);
        overflow:hidden
    }
    #eddingpimcase #sec01 .wrapper,#isCase #lgCase #sec07 .wrapper{
        overflow:visible
    }
    #homeHeader .bgLogoHolder .logo-big{
        height:150px;
        width:150px
    }
    #homeHeader .bgLogoHolder .isHiring{
        height:70px;
        width:80px
    }
    .fs--xxxxlarge{
        font-size:3em
    }
    .fs--xxxlarge{
        font-size:2em
    }
    #isCase #eddingCase .img--1-2 .imgStep .secondImage{
        left:calc(50% - ((100% - 50px)/ 2));
        width:calc(100% - 50px)
    }
    #isCase #carConnectionCase #sec08 .onTop img{
        width:calc(100% - 50px)
    }
    #isCase #o2magazin #sec02{
        height:auto
    }
    #isCase #o2magazin #sec02 .placeHolder{
        position:initial!important
    }
    #isCase #o2magazin #sec02 .placeHolder #headerImage{
        position:initial!important;
        width:100%;
        height:auto
    }
    #eddingpimcase #sec01 .Parallaxtext{
        position:static!important
    }
    #eddingpimcase #sec01 .ptb--80{
        padding-bottom:30px
    }
    #renault-abverkauf #sec03 .grid--3-8{
        width:90%
    }
    #renault-abverkauf #sec03 .mtb--80{
        margin-bottom:0
    }
    .staff .person-text .fs--medium{
        font-size:9px
    }
    .staff .person-text .fs--small{
        font-size:7px
    }
    .staff .person-text div,.staff .person-text p,.staff .person-text span{
        line-height:.5
    }
    .vert-center-parent{
        display:flex;
        justify-content:center
    }
    .staff .person-text .small-box{
        padding:0 1px
    }
    #ceo-box .fs--medium{
        font-size:8.5px;
        line-height:1
    }
    #large-box .vert-center-child{
        padding:10px
    }
    #large-box .fs--large{
        font-size:14px
    }
    #wasa-jahresstartpromo .fs--xxxlarge{
        font-size:1.8em
    }
    #news-header h2{
        margin:0
    }
}
@media (max-width:320px){
    #isCase #telefonicaCase #sec01 .wrapper #parallax00{
        width:65px;
        left:0;
        top:870px!important
    }
    #isCase #telefonicaCase #sec01 .wrapper #parallax01{
        width:50px;
        right:0;
        top:10px!important
    }
    #isCase #telefonicaCase #sec02 .wrapper #parallax02{
        width:25px;
        right:0;
        top:40px!important
    }
    #isCase #telefonicaCase #sec07 .wrapper #parallax04{
        width:55px;
        right:0;
        top:0!important
    }
    #isCase #telefonicaCase #sec07 .wrapper #parallax05{
        width:45px;
        right:20px;
        top:45px!important
    }
    #isCase #telefonicaCase #sec09 .wrapper #parallax06{
        width:45px;
        right:0;
        top:500px!important
    }
    #eddingpimcase .Parallaxtext{
        width:80px;
        top:1000px!important;
        left:10px;
        z-index:100
    }
    #eddingpimcase .ptb--80{
        padding-bottom:30px
    }
    #eddingpimcase #sec01 .wrapper{
        overflow:visible
    }
    #renault-abverkauf #sec03 .grid--3-8{
        width:90%
    }
    #renault-abverkauf #sec03 .mtb--80{
        margin-bottom:0
    }
    #renault-abverkauf #sec08 .grid--3-8{
        width:calc(100% - 10px)!important
    }
    #renault-abverkauf #sec08 .circular-chart{
        padding-top:40px
    }
}
@media (min-width:1024px){
    .desk-none{
        display:none
    }
}
@media (min-width:768px){
    .tablet-none{
        display:none
    }
}
.circle-btn-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap: 1rem;
}
.circle-btn-wrapper .btn{
    font-size: 1rem;
}
@media (max-width:520px){
    .customers .wrapper{
        width:calc(100% - 10px)
    }
    .customers .grid--1-4+.h400{
        height:400px
    }
    .customers .customer--text h2{
        margin-bottom:10px
    }
    .customer--text p{
        font-size:16px
    }
    #frey-logo{
        background-size:70%
    }
}
@media (max-width:320px){
    .customer--text p{
        font-size:14px
    }
}
@media (max-width:1024px){
    .tablet-grid--6-6{
        width:calc(100% - 20px)
    }
}
@-moz-document url-prefix(){
    @media (max-width:1024px){
        .tablet-grid--6-6{
            width:calc(100% - 20px)
        }
    }
}