.lightBlue{color:#3d79cc}.darkBlue{color:#0f1e33}.left{text-align:left}.right{text-align:right}.center{text-align:center;margin-left:auto;margin-right:auto}.justify{text-align:justify}.hidden-sm{display:none}.container{width:90%;margin-left:auto;margin-right:auto}@media only screen and (min-width:33.75em){.container{width:95%;max-width:1160px}}@media only screen and (min-width:720px){.container{width:92%;max-width:920px}}@media only screen and (min-width:980px){.container{width:92%;max-width:1280px}}.row{position:relative;width:100%}.first-row,.row{margin:0}.row [class^=col]{float:left;margin:.5rem 2%}.row:after{content:"";display:table;clear:both}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}.half{width:100%}.col-1-sm{width:4.33333%}.col-2-sm{width:12.66667%}.col-3-sm{width:21%}.col-4-sm{width:29.33333%}.col-5-sm{width:37.66667%}.col-6-sm{width:46%}.col-7-sm{width:54.33333%}.col-8-sm{width:62.66667%}.col-9-sm{width:71%}.col-10-sm{width:79.33333%}.col-11-sm{width:87.66667%}.col-12-sm{width:96%}@media only screen and (min-width:33.75em){.half-med{float:left;width:50%}}@media only screen and (min-width:720px){.col-1{width:4.33333%}.col-2{width:12.66667%}.col-3{width:21%}.col-4{width:29.33333%}.col-5{width:37.66667%}.col-6{width:46%}.half{float:left;width:50%}.col-7{width:54.33333%}.col-8{width:62.66667%}.col-9{width:71%}.col-10{width:79.33333%}.col-11{width:87.66667%}.col-12{width:96%}.hidden-sm{display:block}}.float-left{float:left}.padding-b{padding-bottom:60px}@media only screen and (min-width:720px){.mobil-first{float:right}.mobil-second{float:left}}.center-m{text-align:center;margin-left:auto;margin-right:auto}@media only screen and (min-width:33.75em){.center-m{text-align:auto;margin-left:auto;margin-right:auto}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}a{color:currentColor}body,html{background-color:#f2f2e6;height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}.relative{position:relative}.absolute{position:absolute}body{overflow-x:hidden!important}.overflow-hidden{overflow:hidden}@media only screen and (min-width:720px){.overflow-hidden{overflow:visible}}.overflow-hidden2{overflow:hidden}img{width:100%}.box-vh{height:100vh;min-height:665px}@media only screen and (min-width:720px){.box-vh{height:100vh;min-height:750px}}@media only screen and (min-width:1280px){.box-vh{height:100vh;min-height:800px}}.box-vh2{height:50vh;min-height:332.5px}@media only screen and (min-width:33.75em){.box-vh2{height:100vh;min-height:665px}}@media only screen and (min-width:720px){.box-vh2,.box-vh3{height:100vh;min-height:750px}}#heyflow{margin-bottom:100px}@font-face{font-family:Massimo Grafia;src:url(fonts/MassimoGrafia-LightWeb.woff2) format("woff2"),url(fonts/MassimoGrafia-LightWeb.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Massimo Grafia;src:url(fonts/MassimoGrafia-RegularWeb.woff2) format("woff2"),url(fonts/MassimoGrafia-RegularWeb.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Massimo Grafia;src:url(fonts/MassimoGrafia-MediumWeb.woff2) format("woff2"),url(fonts/MassimoGrafia-MediumWeb.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Massimo Grafia;src:url(fonts/MassimoGrafia-BoldWeb.woff2) format("woff2"),url(fonts/MassimoGrafia-BoldWeb.woff) format("woff");font-weight:700;font-style:normal}.normal-font,a,button,h1,h2,h3,h4,h5,h6,li,p{font-family:Massimo Grafia,Helvetica,Arial,sans-serif;font-weight:400;color:#0f1e33}h1{font-size:4rem;font-weight:700}h2,h3,h4{font-size:2rem}.normal-font,a,button,li,p{font-variant-ligatures:contextual;-moz-font-feature-settings:"calt" 0;-webkit-font-feature-settings:"calt" 0;font-feature-settings:"calt" 0}a{text-decoration:none}.darkblue{color:#0f1e33}.lightblue{color:#3d79cc}.beige{color:#f2f2e6}.uppercase{text-transform:uppercase}.no-uppercase{text-transform:none}.bold{font-weight:700}.medium{font-weight:500}.regular{font-weight:400}.light{font-weight:200}button{background-color:#3d79cc;padding:8px 15px 10px;border:none;border-radius:22px/28px;color:#f2f2e6;font-size:16px;font-weight:500;cursor:pointer}button:focus,button:hover{filter:brightness(115%)}@media only screen and (min-width:33.75em){button{padding:8px 30px 10px}}@media only screen and (min-width:720px){button{font-size:20px;padding:10px 50px 14px}}@media only screen and (min-width:980px){.underline1{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;padding-bottom:1px}.underline1:hover{background-size:100% 2px}}.underline2{color:currentcolor;text-decoration:none;display:inline-block;position:relative}.underline2:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;background:currentcolor;width:100%}.primary-nav{padding-top:10px;text-align:center}@media only screen and (min-width:980px){.primary-nav{padding-top:0}}.primary-nav ul{margin:0 auto;display:inline-block;padding:0;width:100%}@media only screen and (min-width:980px){.primary-nav ul{width:auto}}.primary-nav li{list-style:none;padding:10px 0;border-bottom:1px solid #f2f2e6}@media only screen and (min-width:980px){.primary-nav li{list-style:none;display:inline-block;padding:0 12px;float:left}}@media only screen and (min-width:1280px){.primary-nav li{padding:0 30px}}.primary-nav li:last-child{border-bottom:none;margin-bottom:60px}@media only screen and (min-width:980px){.primary-nav li:last-child{padding-right:20px;margin-bottom:0}}.primary-nav a{color:#f2f2e6;font-weight:500;text-decoration:none;display:block;padding:2px 8px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}@media only screen and (min-width:980px){.primary-nav a{font-size:1rem;padding:2px 0;background-color:transparent;color:#3d79cc}.primary-nav a.is-current-link{color:#fabb69}}.sprache{position:absolute;right:0;top:20px}.sprache .a-active,.sprache a:hover{font-weight:700}.sprache a{font-size:1.2rem;letter-spacing:1px;color:#f2f2e6;margin-left:4px}@media only screen and (min-width:980px){.sprache{top:40px}.sprache a{color:#0f1e33}}.site-header{padding:10px 0;position:absolute;width:100%;z-index:10;transition:background-color .3s ease-out}.site-header--is-expanded{background-color:#3d79cc}@media only screen and (min-width:980px){.site-header{position:absolute;background-color:transparent}}.site-header__menu-icon{width:24px;height:24px;position:absolute;z-index:10;top:30px;left:30px;cursor:pointer}.site-header__menu-icon:before{content:"";top:0;transform-origin:0 0;transition:transform .3s ease-out}.site-header__menu-icon:before,.site-header__menu-icon__middle{position:absolute;left:0;width:24px;height:4px;background-color:#3d79cc;border-radius:5px}.site-header__menu-icon__middle{top:10px;transition:all .3s ease-out;transform-origin:0 50%}.site-header__menu-icon:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:4px;background-color:#3d79cc;transform-origin:0 100%;transition:transform .3s ease-out;border-radius:5px}@media only screen and (min-width:980px){.site-header__menu-icon{display:none}}.site-header__menu-icon--close-x:before{transform:rotate(45deg) scaleX(1.25);background-color:#f2f2e6}.site-header__menu-icon--close-x .site-header__menu-icon__middle{opacity:0;transform:scaleX(0)}.site-header__menu-icon--close-x:after{transform:rotate(-45deg) scaleX(1.25) translateY(1px);background-color:#f2f2e6}.site-header__menu-content{opacity:0;transform:scale(1);transition:all .3s ease-out;position:relative;z-index:-20;padding-top:90px;text-align:center}@media only screen and (min-width:980px){.site-header__menu-content{opacity:1;z-index:1;transform:scale(1);padding-top:40px}}.site-header__menu-content--is-visible{opacity:1;z-index:1;transform:scale(1)}.start{text-align:center}.start img{width:100px;height:auto;display:inline-block;vertical-align:middle}.start .intro{position:relative;display:inline-block;z-index:5;position:absolute;top:35%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media only screen and (min-width:720px){.start .intro{top:40%}}@media only screen and (min-width:980px){.start .intro{top:50%}}.start .intro .slogan{display:inline-block;z-index:5;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.start .intro .slogan .hi{display:inline;font-variant-ligatures:contextual;-moz-font-feature-settings:"calt" 0;-webkit-font-feature-settings:"calt" 0;font-feature-settings:"calt" 0;font-weight:700;padding:0;color:#0f1e33;display:inline-block;vertical-align:middle;font-size:65px}@media only screen and (min-width:340px){.start .intro .slogan .hi{font-size:70px}}@media only screen and (min-width:33.75em){.start .intro .slogan .hi{font-size:85px;padding:0 30px 0 0;width:auto}}@media only screen and (min-width:720px){.start .intro .slogan .hi{font-size:100px;padding:0 35px 0 0;width:auto}}@media only screen and (min-width:980px){.start .intro .slogan .hi{font-size:140px;padding:0 50px 0 0}}@media only screen and (min-width:1280px){.start .intro .slogan .hi{font-size:180px;padding:0 50px 0 0}}.start .intro .slogan .john-home{width:190px}@media only screen and (min-width:340px){.start .intro .slogan .john-home{width:210px}}@media only screen and (min-width:33.75em){.start .intro .slogan .john-home{width:260px}}@media only screen and (min-width:720px){.start .intro .slogan .john-home{width:320px}}@media only screen and (min-width:980px){.start .intro .slogan .john-home{width:380px}}@media only screen and (min-width:1280px){.start .intro .slogan .john-home{width:440px}}.start .intro .gif-home{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:280px;padding-top:10px}@media only screen and (min-width:340px){.start .intro .gif-home{width:320px}}@media only screen and (min-width:33.75em){.start .intro .gif-home{width:360px;top:50%;padding-top:0}}@media only screen and (min-width:720px){.start .intro .gif-home{width:430px;top:50%;padding-top:0}}@media only screen and (min-width:980px){.start .intro .gif-home{width:430px}}@media only screen and (min-width:1280px){.start .intro .gif-home{width:530px}}.start .subline{text-transform:uppercase;font-weight:700;font-size:1.3rem;padding-top:10px;position:absolute;bottom:24%;left:50%;width:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (min-width:720px){.start .subline{bottom:17%}}@media only screen and (min-width:980px){.start .subline{bottom:38px}}.start .intro-footer{position:absolute;bottom:110px;width:100%}@media only screen and (min-width:33.75em){.start .intro-footer{bottom:30px}}.start .intro-footer .logo-cont{text-align:left!important}.start .intro-footer .logo-cont .german{width:60px;padding-right:10px}@media only screen and (min-width:720px){.start .intro-footer .logo-cont .german{width:80px}}@media only screen and (min-width:980px){.start .intro-footer .logo-cont .german{width:100px}}.start .intro-footer .logo-cont .universal{width:50px}@media only screen and (min-width:720px){.start .intro-footer .logo-cont .universal{width:65px}}@media only screen and (min-width:980px){.start .intro-footer .logo-cont .universal{width:80px}}.start .intro-footer .button-cont{text-align:right!important;padding-top:5px}@media only screen and (min-width:720px){.start .intro-footer .button-cont{padding-top:10px}}@media only screen and (min-width:980px){.start .intro-footer .button-cont{padding-top:15px}}.start .intro-footer .button-cont button{display:inline-block;vertical-align:middle}@media only screen and (min-width:980px){.start .intro-footer .button-cont button{padding:10px 30px 14px}}@media only screen and (min-width:1280px){.start .intro-footer .button-cont button{padding:10px 50px 14px}}.full-hands .left-full-hands{background-color:#0f1e33;height:100%;display:inline-block;color:#f2f2e6;padding:10% 7% 0}@media only screen and (min-width:720px){.full-hands .left-full-hands{padding:15% 5% 15% 15%;min-width:100%}}.full-hands .left-full-hands .hands{margin-top:15px;width:55px}@media only screen and (min-width:720px){.full-hands .left-full-hands .hands{margin-top:35px;width:85px}}.full-hands .left-full-hands .headline{font-weight:700;font-size:35px;line-height:35px;color:#f2f2e6}@media only screen and (min-width:720px){.full-hands .left-full-hands .headline{margin-top:30px;font-size:50px;line-height:55px}}@media only screen and (min-width:980px){.full-hands .left-full-hands .headline{font-size:60px;line-height:60px}}@media only screen and (min-width:1280px){.full-hands .left-full-hands .headline{font-size:72px;line-height:72px}}.full-hands .left-full-hands .headline .d{-moz-font-feature-settings:"aalt" 6;-webkit-font-feature-settings:"aalt" 6;font-feature-settings:"aalt" 6}.full-hands .left-full-hands .headline .a{-moz-font-feature-settings:"aalt" 8;-webkit-font-feature-settings:"aalt" 8;font-feature-settings:"aalt" 8}.full-hands .left-full-hands .headline .l{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.full-hands .left-full-hands .headline .b{-moz-font-feature-settings:"aalt" 2;-webkit-font-feature-settings:"aalt" 2;font-feature-settings:"aalt" 2}.full-hands .left-full-hands .headline .e{-moz-font-feature-settings:"aalt" 6;-webkit-font-feature-settings:"aalt" 6;font-feature-settings:"aalt" 6}.full-hands .left-full-hands .headline .g{-moz-font-feature-settings:"aalt" 2;-webkit-font-feature-settings:"aalt" 2;font-feature-settings:"aalt" 2}.full-hands .left-full-hands .headline .t{-moz-font-feature-settings:"aalt" 1;-webkit-font-feature-settings:"aalt" 1;font-feature-settings:"aalt" 1}.full-hands .left-full-hands .headline .i,.full-hands .left-full-hands .headline .m{-moz-font-feature-settings:"aalt" 4;-webkit-font-feature-settings:"aalt" 4;font-feature-settings:"aalt" 4}.full-hands .left-full-hands .headline .ab{-moz-font-feature-settings:"aalt" 9;-webkit-font-feature-settings:"aalt" 9;font-feature-settings:"aalt" 9}.full-hands .left-full-hands .headline .aeb,.full-hands .left-full-hands .headline .eb{-moz-font-feature-settings:"aalt" 6;-webkit-font-feature-settings:"aalt" 6;font-feature-settings:"aalt" 6}.full-hands .left-full-hands .headline .eb2{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.full-hands .left-full-hands .headline .vb{-moz-font-feature-settings:"aalt" 1;-webkit-font-feature-settings:"aalt" 1;font-feature-settings:"aalt" 1}.full-hands .left-full-hands .headline .lb{-moz-font-feature-settings:"aalt" 2;-webkit-font-feature-settings:"aalt" 2;font-feature-settings:"aalt" 2}.full-hands .left-full-hands .headline .nb{-moz-font-feature-settings:"aalt" 6;-webkit-font-feature-settings:"aalt" 6;font-feature-settings:"aalt" 6}.full-hands .left-full-hands .headline .light-blue{color:#3d79cc}.full-hands .left-full-hands .full-p{margin-top:15px;font-size:20px;font-weight:400;line-height:24px;padding-right:20%;color:#3d79cc;text-transform:uppercase}@media only screen and (min-width:720px){.full-hands .left-full-hands .full-p{margin-top:40px;font-size:30px;line-height:35px;padding-right:30%}}@media only screen and (min-width:980px){.full-hands .left-full-hands .full-p{font-size:32px;line-height:38px;padding-right:20%}}.full-hands .slider-parent{background-color:#f2f2e6}.john-who .right-who{background-color:#0f1e33;height:100%;display:inline-block;color:#f2f2e6;padding:10% 7% 0}@media only screen and (min-width:720px){.john-who .right-who{padding:15% 0 15% 15%}}.john-who .right-who .jj-logo{display:inline-block;width:80px}@media only screen and (min-width:720px){.john-who .right-who .jj-logo{width:140px}}@media only screen and (min-width:980px){.john-who .right-who .jj-logo{width:190px}}.john-who .headline{font-size:35px;font-weight:700!important;color:#f2f2e6;margin-top:10px}@media only screen and (min-width:720px){.john-who .headline{font-size:50px;margin-top:20px}}@media only screen and (min-width:980px){.john-who .headline{font-size:60px;margin-top:20px}}@media only screen and (min-width:1280px){.john-who .headline{font-size:72px;margin-top:20px}}.john-who .headline .j{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3;color:#3d79cc}.john-who .headline .ohn{font-variant-ligatures:contextual;-moz-font-feature-settings:"calt" 0;-webkit-font-feature-settings:"calt" 0;font-feature-settings:"calt" 0;color:#3d79cc}.john-who .headline .o{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.john-who .who-p{margin-top:15px;font-size:15px;font-weight:200;line-height:20px;padding-right:15%}@media only screen and (min-width:720px){.john-who .who-p{font-size:20px;line-height:28px;padding-right:25%;margin-top:20px}}@media only screen and (min-width:980px){.john-who .who-p{font-size:25px;line-height:34px}}.free-your-hands .left-free{padding:10% 7% 0}@media only screen and (min-width:720px){.free-your-hands .left-free{width:700px;padding:8% 0 15% 15%}}@media only screen and (min-width:1680px){.free-your-hands .left-free{width:1000px;padding:8% 0 15% 30%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.free-your-hands .left-free .hands{width:55px}@media only screen and (min-width:720px){.free-your-hands .left-free .hands{width:85px}}.free-your-hands .left-free .headline{margin-top:30px;font-weight:700;font-size:35px;line-height:35px}@media only screen and (min-width:720px){.free-your-hands .left-free .headline{font-size:50px;line-height:55px}}@media only screen and (min-width:980px){.free-your-hands .left-free .headline{font-size:60px;line-height:60px}}@media only screen and (min-width:1280px){.free-your-hands .left-free .headline{font-size:72px;line-height:72px}}.free-your-hands .left-free .headline .e{-moz-font-feature-settings:"aalt" 4;-webkit-font-feature-settings:"aalt" 4;font-feature-settings:"aalt" 4}.free-your-hands .left-free .headline .a{-moz-font-feature-settings:"aalt" 8;-webkit-font-feature-settings:"aalt" 8;font-feature-settings:"aalt" 8}.free-your-hands .left-free .headline .o{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3;color:#3d79cc}.free-your-hands .left-free .headline .o2{-moz-font-feature-settings:"aalt" 1;-webkit-font-feature-settings:"aalt" 1;font-feature-settings:"aalt" 1;color:#3d79cc}.free-your-hands .left-free .headline .s{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.free-your-hands .left-free .headline .r{-moz-font-feature-settings:"aalt" 1;-webkit-font-feature-settings:"aalt" 1;font-feature-settings:"aalt" 1;color:#3d79cc}.free-your-hands .left-free .headline .light-blue{color:#3d79cc}.free-your-hands .left-free .hands-p{margin-top:40px;font-weight:400;padding-right:20%;font-size:20px;line-height:24px;text-transform:uppercase}@media only screen and (min-width:720px){.free-your-hands .left-free .hands-p{margin-top:40px;font-size:30px;line-height:35px;padding-right:30%}}@media only screen and (min-width:980px){.free-your-hands .left-free .hands-p{font-size:32px;line-height:38px;padding-right:20%}}.free-your-hands .left-free .play{display:inline-block;z-index:2;top:65%;position:absolute}@media only screen and (min-width:720px){.free-your-hands .left-free .play{margin-top:50px;position:relative}}.free-your-hands .left-free .play .circle{width:120px;height:120px;object-fit:cover;border-radius:50%}@media only screen and (min-width:720px){.free-your-hands .left-free .play .circle{width:170px;height:170px}}.free-your-hands .left-free .play .playbutton{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70px}@media only screen and (min-width:720px){.free-your-hands .left-free .play .playbutton{width:90px}}.free-your-hands .right-free{margin:0;position:relative}.free-your-hands .right-free .hands-img{width:50%;display:inline-block;position:absolute;top:75%;right:0;-webkit-transform:translateY(-50%);transform:translate10(0,-50%)}@media only screen and (min-width:33.75em){.free-your-hands .right-free .hands-img{width:45%}}@media only screen and (min-width:720px){.free-your-hands .right-free .hands-img{top:50%;width:80%}}@media only screen and (min-width:980px){.free-your-hands .right-free .hands-img{top:50%;width:80%;max-width:80vh}}.eye-level .threequarters{float:left;overflow:hidden;position:relative;width:100%}@media only screen and (min-width:720px){.eye-level .threequarters{width:75%;height:100vh}}.eye-level .quarter{float:left;width:100%}@media only screen and (min-width:720px){.eye-level .quarter{width:25%}}.eye-level .eye-img{position:absolute;top:0;left:0;height:100%;width:auto}@media only screen and (min-width:720px){.eye-level .eye-img{height:100%;left:auto;right:0}}@media only screen and (min-width:720px) and (min-aspect-ratio:8/5){.eye-level .eye-img{left:0;right:auto}}.eye-level .hands-p{text-align:center;margin-top:70px;margin-bottom:70px;font-size:20px;line-height:24px;text-transform:uppercase;font-weight:400;padding-right:5%}@media only screen and (min-width:720px){.eye-level .hands-p{text-align:right;font-size:30px;line-height:35px;padding-right:10%;position:absolute;right:0;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media only screen and (min-width:980px){.eye-level .hands-p{font-size:32px;line-height:38px;padding-right:20%}}@media only screen and (min-width:720px){.eye-level .box-vh4{height:100vh;min-height:750px}}@media only screen and (min-width:720px){.johnjohn-is{position:relative}.johnjohn-is .johnjohn-is-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.johnjohn-is .gif-animation{position:relative;text-align:center;width:100%}.johnjohn-is .gif-animation .gif{display:inline-block;padding-top:60px;margin:0 auto;width:80%}@media only screen and (min-width:720px){.johnjohn-is .gif-animation .gif{width:55%}}@media only screen and (min-width:1280px){.johnjohn-is .gif-animation .gif{width:55%;padding-top:0;padding-bottom:20px}}.johnjohn-is .circle-row{padding-top:40px}.johnjohn-is .circle-row .circle{width:75%;height:75%;object-fit:cover;border-radius:50%}.johnjohn-is .circle-row .circle--1{border:10px solid #d9a25f}@media only screen and (min-width:980px){.johnjohn-is .circle-row .circle--1{border:15px solid #d9a25f}}.johnjohn-is .circle-row .circle--2{border:10px solid #a0b398}@media only screen and (min-width:980px){.johnjohn-is .circle-row .circle--2{border:15px solid #a0b398}}.johnjohn-is .circle-row .circle--3{border:10px solid #9899b3}@media only screen and (min-width:980px){.johnjohn-is .circle-row .circle--3{border:15px solid #9899b3}}.johnjohn-is .circle-row .third{padding:0 0 30px;text-align:center!important}@media only screen and (min-width:720px){.johnjohn-is .circle-row .third{padding:0}}.johnjohn-is .circle-row .third .circle{margin:0 auto 20px;display:inline-block;width:60%}@media only screen and (min-width:720px){.johnjohn-is .circle-row .third .circle{width:90%}}@media only screen and (min-width:980px){.johnjohn-is .circle-row .third .circle{width:80%}}@media only screen and (min-width:1280px){.johnjohn-is .circle-row .third .circle{width:70%}}.johnjohn-is .circle-row .third .john-is-p{width:80%;margin:0 auto;font-size:1rem}.johnjohn-is .circle-row .third .john-is-p .orange-span{color:#d9a25f;font-weight:700}.johnjohn-is .circle-row .third .john-is-p .green-span{color:#a0b398;font-weight:700}.johnjohn-is .circle-row .third .john-is-p .purple-span{color:#9899b3;font-weight:700}@media only screen and (min-width:720px){.johnjohn-is .circle-row .third .john-is-p{width:90%}}@media only screen and (min-width:980px){.johnjohn-is .circle-row .third .john-is-p{width:80%;font-size:18px}}@media only screen and (min-width:1280px){.johnjohn-is .circle-row .third .john-is-p{width:80%;font-size:20px}}.concept{text-align:center;background-color:#0f1e33}@media only screen and (min-width:720px){.concept{min-height:750px}}.concept .concept-inner{padding:70px 0 50px}@media only screen and (min-width:720px){.concept .concept-inner{padding:100px 0}}.concept .headline{color:#f2f2e6;font-weight:700;font-size:32px;line-height:35px}@media only screen and (min-width:720px){.concept .headline{font-size:50px;line-height:55px}}@media only screen and (min-width:980px){.concept .headline{font-size:60px;line-height:60px;margin-bottom:70px}}@media only screen and (min-width:1280px){.concept .headline{font-size:72px;line-height:72px;margin-bottom:70px}}.concept .headline .n{-moz-font-feature-settings:"aalt" 2;-webkit-font-feature-settings:"aalt" 2;font-feature-settings:"aalt" 2;color:#3d79cc}.concept .headline .o{color:#3d79cc}.concept .headline .e,.concept .headline .o{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.concept .headline .n2,.concept .headline .v{-moz-font-feature-settings:"aalt" 1;-webkit-font-feature-settings:"aalt" 1;font-feature-settings:"aalt" 1}.concept .headline .o2{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.concept .headline .b{-moz-font-feature-settings:"aalt" 2;-webkit-font-feature-settings:"aalt" 2;font-feature-settings:"aalt" 2}.concept .headline .s{-moz-font-feature-settings:"aalt" 3;-webkit-font-feature-settings:"aalt" 3;font-feature-settings:"aalt" 3}.concept .headline .light-blue{color:#3d79cc}.concept .materials .slick-slide{margin:.5rem 1.2%;padding-top:50px}@media only screen and (min-width:33.75em){.concept .materials .slick-slide{padding-top:80px}}@media only screen and (min-width:720px){.concept .materials .slick-slide{padding-left:50px;padding-right:50px;padding-top:80px}}@media only screen and (min-width:980px){.concept .materials .slick-slide{padding-left:0;padding-right:0}}.concept .inner{background-color:#f2f2e6;border-radius:15px;width:100%;padding-top:130%;position:relative}@media only screen and (min-width:720px){.concept .inner{width:100%;padding-top:100%}}@media only screen and (min-width:980px){.concept .inner{width:45%;padding-top:45%;display:inline-block;margin:5% 2%}}@media only screen and (min-width:1280px){.concept .inner{border-radius:35px;width:30%;padding-top:30%;display:inline-block;margin:4% 1%}}.concept .inner .material-logo{width:35%;position:absolute;top:0;left:0;padding:20px 0 0 20px;-webkit-transform:translate(0);transform:translate(0)}@media only screen and (min-width:720px){.concept .inner .material-logo{padding:30px 0 0 30px}}@media only screen and (min-width:980px){.concept .inner .material-logo{padding:30px 0 0 30px}}.concept .inner .p,.concept .inner p{position:absolute;top:22%;left:0;padding:20px 0 0 20px;max-width:50%;text-align:left;font-size:13px!important;line-height:17px}@media only screen and (min-width:720px){.concept .inner .p,.concept .inner p{max-width:50%;top:30%}}.concept .inner .p--Nblue,.concept .inner p--Nblue{color:#3e57c3}.concept .inner .p--Nblack,.concept .inner p--Nblack{color:#3a4751}.concept .inner .p--Ngrey,.concept .inner p--Ngrey{color:#575756}.concept .inner .p--Ngreen,.concept .inner p--Ngreen{color:#84af6e}.concept .inner .p--Nbeige,.concept .inner p--Nbeige{color:#cab9a0}@media only screen and (min-width:720px){.concept .inner .p,.concept .inner p{font-size:16px!important;padding:20px 0 0 30px}}@media only screen and (min-width:980px){.concept .inner .p,.concept .inner p{font-size:16px!important;padding:30px 0 0 30px}}@media only screen and (min-width:1280px){.concept .inner .p,.concept .inner p{font-size:20px}}.concept .inner .border-span{width:85%;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;padding:2px 0 4px}.concept .inner .border-span--Nblue{border:2px solid #3e57c3;color:#3e57c3;font-size:13px}.concept .inner .border-span--Nblack{border:2px solid #3a4751;color:#3a4751}.concept .inner .border-span--Ngrey{border:2px solid #575756;color:#575756}.concept .inner .border-span--Ngreen{border:2px solid #84af6e;color:#84af6e}.concept .inner .border-span--Nbeige{border:2px solid #cab9a0;color:#cab9a0}@media only screen and (min-width:33.75em){.concept .inner .border-span{bottom:15px;width:80%}}@media only screen and (min-width:720px){.concept .inner .border-span{bottom:20px;width:80%}}@media only screen and (min-width:980px){.concept .inner .border-span{bottom:15px;width:85%}}@media only screen and (min-width:1280px){.concept .inner .border-span{font-size:20px}}.concept .inner .concept-img{width:55%;position:absolute;top:30%;left:77%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.banner-beratung .banner-text-container .banner-text{text-align:center;margin-top:50px;margin-bottom:100px;font-size:15px;font-weight:400;line-height:20px;font-weight:700}.banner-beratung .banner-text-container .banner-text a{font-weight:700}@media only screen and (min-width:720px){.banner-beratung .banner-text-container .banner-text{font-size:20px;line-height:28px;margin-top:100px;margin-bottom:100px}}@media only screen and (min-width:980px){.banner-beratung .banner-text-container .banner-text{font-size:25px;line-height:34px;margin-top:100px;margin-bottom:200px}}.banner-beratung .banner-text-container .banner-text .light-blue{color:#3d79cc}.contact-buttons{text-align:center;background-color:#0f1e33;padding-top:20px}.contact-buttons .logo-footer{width:150px;margin-top:30px;padding-bottom:40px}@media only screen and (min-width:720px){.contact-buttons .logo-footer{width:200px}}@media only screen and (min-width:980px){.contact-buttons .logo-footer{padding-bottom:80px}}.contact-buttons .button-row{padding:20px 0}.contact-buttons .button-row button{margin:8px 10px;width:260px}@media only screen and (min-width:720px){.contact-buttons .button-row button{width:auto;margin:15px}}@media only screen and (min-width:720px){.contact-buttons .button-row{padding:40px 0 20px}}footer{background-color:#0f1e33}footer .container{padding-bottom:20px}footer .german{width:60px;height:auto;display:inline-block;vertical-align:middle;margin-right:10px}@media only screen and (min-width:720px){footer .german{width:80px}}@media only screen and (min-width:980px){footer .german{width:100px}}footer .universal{width:50px;height:auto;display:inline-block;vertical-align:middle}@media only screen and (min-width:720px){footer .universal{width:65px}}@media only screen and (min-width:980px){footer .universal{width:80px}}footer a{text-transform:uppercase}footer .btn-container{width:100%;font-size:.7rem;padding-top:15px;z-index:2}@media only screen and (min-width:720px){footer .btn-container a{font-size:1rem;z-index:8;text-align:right}}footer .copy{text-align:center;width:100%;margin:0 auto;float:left;padding-top:30px;z-index:0}footer .copy p{color:#f2f2e6;margin:0 auto;font-size:.8rem}@media only screen and (min-width:720px){footer .copy p{font-size:1rem}}@media only screen and (min-width:980px){footer .copy{padding-top:0}}.datenschutz,.impressum{display:block;position:fixed;z-index:10;padding-top:30px;left:0;top:0;width:100%;height:100%;overflow-x:hidden;background-color:#3d79cc;color:#f2f2e6}@media only screen and (min-width:720px){.datenschutz,.impressum{padding-top:60px}}.datenschutz .container,.impressum .container{position:relative;margin-bottom:30px}.datenschutz .container a,.datenschutz .container h3,.datenschutz .container h4,.datenschutz .container h5,.datenschutz .container p,.impressum .container a,.impressum .container h3,.impressum .container h4,.impressum .container h5,.impressum .container p{color:#f2f2e6}.datenschutz .container h4,.impressum .container h4{font-size:1.5rem}.datenschutz .container h5,.impressum .container h5{font-size:1.2rem}.datenschutz .container p,.impressum .container p{padding:5px 0}.datenschutz .container li,.impressum .container li{margin-left:22px;color:#f2f2e6}.datenschutz .heading-imprint,.impressum .heading-imprint{color:#f2f2e6;text-decoration:underline}.datenschutz .copy,.impressum .copy{color:#f2f2e6;font-weight:700;text-align:left}.datenschutz a,.impressum a{cursor:pointer!important}.close-datenschutz,.close-impressum{color:#f2f2e6;position:absolute;font-size:40px;top:0;right:0;font-weight:700;cursor:pointer}.close-datenschutz a,.close-impressum a{font-size:60px!important;line-height:35px}.btn-datenschutz,.btn-impressum{cursor:pointer;color:#f2f2e6;padding:2px 0;margin-right:20px}.video{display:none;position:fixed;z-index:15;padding-top:0;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#3d79cc;color:#f2f2e6;overflow:hidden}.video--is-visible{display:block}.close-video{position:absolute;font-size:40px;top:20px;right:50px;font-weight:700;z-index:100}.btn-video,.close-video{color:#f2f2e6;cursor:pointer}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;height:80%}.cookie-banner{position:fixed;bottom:0;left:0;right:0;width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between;background-color:#081322;color:#f2f2e6;z-index:100;box-shadow:30px 10px 16px 30px rgba(0,0,0,.15)}.cookie-banner p{color:#f2f2e6;font-size:12px}@media only screen and (min-width:980px){.cookie-banner p{font-size:16px}}.cookie-banner p a{font-size:12px}@media only screen and (min-width:980px){.cookie-banner p a{font-size:16px}}.cookie-banner a{color:#3d79cc}.cookie-banner a:hover{text-decoration:underline}.cookie-banner--container{padding:2% 0 3%}@media only screen and (min-width:980px){.cookie-banner--container{padding:2% 0 3%}}.cookie-button{display:inline-block;background-color:#3d79cc;padding:8px 15px 10px;border:none;border-radius:22px/28px;color:#f2f2e6;font-size:16px;font-weight:500;cursor:pointer;margin-right:20px;margin-top:10px}.cookie-button:focus,.cookie-button:hover{filter:brightness(115%)}@media only screen and (min-width:33.75em){.cookie-button{padding:8px 30px 10px}}@media only screen and (min-width:720px){.cookie-button{margin-bottom:0;font-size:20px;padding:10px 50px 14px}}#continue{width:auto;text-align:center}#continue .normal-font{color:#f2f2e6;width:100%;font-weight:500}#stop{width:auto;text-align:center;background-color:#0f1e33;border:2px solid #3d79cc}#stop .normal-font{color:#3d79cc;width:100%;font-weight:500}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slide,.slick-slide:focus *{outline:none!important}.slick-slide{outline:none}.prevGallery{position:absolute;z-index:5;top:50%;left:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.prevGallery img{width:25px}@media only screen and (min-width:720px){.prevGallery img{width:35px;margin-left:5px;transition:margin-left .3s ease-out}.prevGallery img:hover{margin-left:0}}.nextGallery{position:absolute;z-index:5;top:50%;right:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.nextGallery img{width:25px}@media only screen and (min-width:720px){.nextGallery img{width:35px;margin-right:5px;transition:margin-right .3s ease-out}.nextGallery img:hover{margin-right:0}}.slider-parent{background-color:#0f1e33;position:relative;overflow:hidden;display:inline-block}.slider-child{height:100%;object-fit:cover}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.slider-child{position:absolute;left:50%;top:50%;height:100%;object-fit:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.prevConcept{position:absolute;z-index:5;top:calc(50% + 25px);left:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.prevConcept img{width:25px}@media only screen and (min-width:980px){.prevConcept img{display:none;width:35px;margin-left:5px;transition:margin-left .3s ease-out}.prevConcept img:hover{margin-left:0}}.nextConcept{position:absolute;z-index:5;top:calc(50% + 25px);right:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.nextConcept img{width:25px}@media only screen and (min-width:980px){.nextConcept img{display:none;width:35px;margin-right:5px;transition:margin-right .3s ease-out}.nextConcept img:hover{margin-right:0}}#heyflow{margin-top:50px;margin-bottom:0}