@import"../wkr_css.css";@import"../webfont/demo.css";.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{border:4px dotted #00519e;display:inline-block;padding-left:5px}.display-7{font-size:1.5rem}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:"Noto Sans Light";font-size:20px;overflow-x:hidden}p{font-family:"Noto Sans Light";font-size:18px;line-height:1.5;margin-bottom:20px}@media(min-width: 1200px){p{font-size:21px;margin-bottom:30px}}ul li{font-size:18px;line-height:1.5}@media(min-width: 1200px){ul li{font-size:21px}}@media(max-width: 576px){.container{padding:0 20px}.row{margin:0 -15px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl,.col-xxl-auto{padding:0 15px}.content p{padding-right:0}}@media(min-width: 1920px){.container{max-width:1680px}}h1{font-size:70px;color:#00519e;letter-spacing:-0.5px;-webkit-hyphens:auto;hyphens:auto}h2{font-size:40px;color:#00519e;letter-spacing:-0.5px;margin-bottom:27px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}@media(min-width: 1200px){h2{font-size:65px;line-height:1.4}}h2.kicker{padding:0 0 30px 0}h3{font-size:25px;-webkit-hyphens:auto;hyphens:auto}@media(min-width: 768px){h3{font-size:30px}}@media(min-width: 1200px){h3{font-size:40px}}strong{font-family:"Noto Sans Bold";color:#00519e}strong.color-dark{color:#000}img{width:100%;height:auto}section{max-width:100%;background:#fff;padding:6vh 0 !important}@media(min-width: 768px){section{padding:7vh 0 !important}}@media(min-width: 992px){section{padding:8vh 0 !important}}@media(min-width: 1200px){section{padding:10vh 0 !important}}.bg-green{background:#9fae4d !important;color:#fff}.bg-lightblue{background:#eef1f7 !important;color:#fff}.bg-blue{background:#00519e !important;color:#fff}span.marker{background-image:linear-gradient(#fff 60%, #fdc400 55%);display:inline}.bg-lightblue span.marker{background-image:linear-gradient(#eeF1f7 60%, #fdc400 55%);display:inline}header.menu{position:fixed;top:0}header.menu .header-logo{background:url(../../img/logo-wohnstaette-krefeld-mono.svg) no-repeat top left;background-size:cover}@media(max-width: 992px){header.menu .header-logo{width:200px;background:url(../../img/full-logo.svg) no-repeat top left !important;background-size:contain !important}}header.menu.is-fixed{box-shadow:0 0 20px rgba(0,0,0,.2)}header.menu.is-fixed .header-logo{background:url(../../img/full-logo.svg) no-repeat top left;background-size:contain}@media(max-width: 1200px){header.menu.is-fixed .header-logo{width:200px;background:url(../../img/logo-wohnstaette-krefeld-mono-color.svg) no-repeat top left !important;background-size:contain !important}}@media(max-width: 992px){header.menu.is-fixed .header-logo{width:200px;background:url(../../img/full-logo.svg) no-repeat top left !important;background-size:contain !important}}header.menu .navbar-light .navbar-nav .nav-link{display:block}@media(min-width: 992px)and (max-width: 1199px){.is-fixed .navbar{padding-top:0;margin-top:-17px}}@media(max-width: 575px){header li.nav-item,header li.nav-item.dropdown{padding-left:50px;padding-right:50px;padding-top:4px;padding-bottom:3px}}@media(max-width: 991px){.navbar-nav:first-child{padding-bottom:15px}}@media(max-width: 575px){header li.nav-item,header li.nav-item.dropdown{padding-left:22px;padding-right:50px;padding-top:4px;padding-bottom:3px}}@media(max-width: 575px){header.menu .header-logo{margin-left:-8px}}@media(max-width: 992px){header.menu .header-logo{width:200px;background:url(../../img/full-logo.svg) no-repeat top left !important;background-size:contain !important}}header.menu.is-fixed{box-shadow:0 0 20px rgba(0,0,0,.2)}header.menu.is-fixed .header-logo{background:url(../../img/full-logo.svg) no-repeat top left;background-size:contain}@media(min-width: 992px)and (max-width: 1199px){header li.nav-item,header li.nav-item.dropdown{padding-left:10px !important;padding-right:10px !important}}.navbar-light .navbar-toggler-icon{background-image:url(../../img/burger-primary.svg);margin-top:-10px}@media(min-width: 992px){.navbar-toggler{font-size:1.35rem}}.stage{position:relative;height:100svh;overflow:hidden}.stage .stage-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.stage .stage-image picture,.stage .stage-image source,.stage .stage-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stage .caption-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.stage .caption-container:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);content:"";z-index:2;opacity:.9}.stage .container{position:absolute;bottom:7vh;z-index:3}@media(min-width: 768px){.stage .container{bottom:100px}}@media(min-width: 992px){.stage .container{position:relative;top:calc(50% + 45px);bottom:inherit;transform:translateY(-50%)}}.stage .container h1{font-size:40px;line-height:1.1em;color:#fff;margin:0;padding:0 0 0 0;-webkit-hyphens:none;hyphens:none}@media(min-width: 768px){.stage .container h1{font-size:60px}}@media(min-width: 1200px){.stage .container h1{font-size:80px}}@media(min-width: 1400px){.stage .container h1{font-size:90px}}.stage .container p{font-size:24px;line-height:1.4em;font-family:"Noto Sans Light";color:#fff;margin:0;max-width:800px;padding:20px 0 0 0;display:block}@media(min-width: 768px){.stage .container p{font-size:32px}}@media(min-width: 1200px){.stage .container p{font-size:34px}}@media(min-width: 1400px){.stage .container p{font-size:40px}}.blue{color:#00519e}.scroll-top{position:fixed;bottom:20px;right:20px;background:#00519e;text-align:center;width:50px;height:50px}.scroll-top:hover{background:#fdc400}.scroll-top a{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-top img{max-width:56%;display:block;margin:10px auto 0 auto}.scroll-top span{display:none}.open-cookie-settings{display:none}#sticky-navigator{position:sticky;top:0;padding:0}@media(min-width: 768px){#sticky-navigator{padding:60px 0 0 0}}@media(min-width: 1600px){#sticky-navigator{padding:80px 0 0 0}}#sticky-navigator h3{font-size:26px;font-weight:400;color:#00519e;margin:0;padding:0 0 15px 0}#sticky-navigator ul{list-style:none;margin:0;padding:0}#sticky-navigator ul li{display:block;margin:0;padding:3px 15px 3px 0}@media(min-width: 1400px){#sticky-navigator ul li{padding:5px 15px 5px 0}}@media(min-width: 1600px){#sticky-navigator ul li{padding:5px 40px 5px 0}}#sticky-navigator ul li a,#sticky-navigator ul li a:active,#sticky-navigator ul li a:hover,#sticky-navigator ul li a:visited{font-size:17px;color:#7f7f7f;margin:0;padding:4px 0 4px 13px;display:block;position:relative}#sticky-navigator ul li a:before,#sticky-navigator ul li a:active:before,#sticky-navigator ul li a:hover:before,#sticky-navigator ul li a:visited:before{position:absolute;top:0;left:0;width:3px;height:100%;background:rgba(0,0,0,0);content:""}#sticky-navigator ul li a:active,#sticky-navigator ul li a:hover{color:#000}#sticky-navigator ul li.current a,#sticky-navigator ul li.current a:active,#sticky-navigator ul li.current a:hover,#sticky-navigator ul li.current a:visited{font-size:17px;font-weight:600;color:#00519e;margin:0;padding:4px 0 4px 13px;display:block}#sticky-navigator ul li.current a:before,#sticky-navigator ul li.current a:active:before,#sticky-navigator ul li.current a:hover:before,#sticky-navigator ul li.current a:visited:before{position:absolute;top:0;left:0;width:3px;height:100%;background:#fdc400;content:""}#sticky-navigator ul li.current a:active,#sticky-navigator ul li.current a:hover{font-size:17px;font-weight:600;color:#00519e;margin:0;padding:4px 0 4px 13px;display:block}.preface{position:relative;top:0}.preface header{position:relative}.preface img{margin:0}.preface-text p{font-family:"Noto Sans Light";font-size:18px}@media(min-width: 1200px){.preface-text p{font-size:21px}}.preface-text p:last-of-type{margin:0}.preface-text ul{margin-bottom:20px}.preface-text ul li{font-size:25px;color:#000}.image-grid{position:relative}@media(min-width: 768px){.image-grid{margin:40px 0 0 0}}@media(max-width: 1600px){.image-grid .container{padding:0}.image-grid .row{margin:0}.image-grid [class*=col-]{padding:0}}.image-grid [class*=col-]{margin-top:50px}.image-grid [class*=col-] img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}@media(min-width: 768px){.image-grid [class*=col-] img{aspect-ratio:inherit;-o-object-fit:inherit;object-fit:inherit}}.image-grid [class*=col-]+[class*=col-]{margin-top:50px}.image-grid [class*=col-]+[class*=col-] img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}@media(min-width: 768px){.image-grid [class*=col-]+[class*=col-] img{aspect-ratio:inherit;-o-object-fit:inherit;object-fit:inherit}}.image-grid figure{margin:0}.image-grid figure img{margin-bottom:20px}.image-grid figcaption{color:#000;line-height:1.5;padding:0 20px 0 20px;font-size:18px;text-align:left}@media(min-width: 1200px){.image-grid figcaption{font-size:20px;padding:0 30px 0 30px}}@media(min-width: 1400px){.image-grid figcaption{padding:0 30px 0 30px}}@media(min-width: 1200px){.image-grid:has(+.image-grid){margin:60px 0 60px 0}}@media(min-width: 768px){.image-grid+.image-grid{margin:14px 0 0 0}}@media(min-width: 992px){.image-grid+.image-grid{margin:30px 0 0 0}}@media(min-width: 1200px){.image-grid+.image-grid{margin:60px 0 0 0}}.image-fullwidth{position:relative;width:100%;height:100%;overflow:hidden;margin:0 auto;padding:38px 0 38px 0}.image-fullwidth img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:4/3}@media(min-width: 768px){.image-fullwidth img{aspect-ratio:16/9}}.intro{position:relative}.intro .intro-text p:last-of-type{margin-bottom:0}.intro .icons{position:relative;margin:0 auto;padding:40px 0 0 0;overflow:hidden}@media(min-width: 768px){.intro .icons{padding:60px 0 0 0}}@media(min-width: 1200px){.intro .icons{padding:80px 0 0 0}}.intro .icons .container{width:100%;max-width:100%}@media(max-width: 768px){.intro .icons .icons-scale-container{padding:0 10px}}@media(min-width: 1200px){.intro .icons .icons-scale-container{max-width:1140px;margin:0 auto}}@media(min-width: 1920px){.intro .icons .icons-scale-container{max-width:1280px;margin:0 auto}}.intro .icons .col-6{position:relative;padding:5px;margin:0 0 5px 0}@media(min-width: 1200px){.intro .icons .col-6{padding:5px;margin:0 0 5px 0}}.intro .icons img,.intro .icons svg{width:100%;background:#fff;height:auto;opacity:.4;filter:grayscale(100%);border:5px solid #fff;box-shadow:0 0 20px rgba(0,0,0,.2)}@media(min-width: 1200px){.intro .icons img,.intro .icons svg{width:auto;max-height:150px}}@media(min-width: 1600px){.intro .icons img,.intro .icons svg{width:auto;max-height:160px}}@media(min-width: 1920px){.intro .icons img,.intro .icons svg{max-height:180px}}.intro .icons svg.icon-title{filter:none;opacity:1;box-shadow:none;border:0;background:none;max-width:90%;margin:0 auto 10px auto;display:block}@media(min-width: 768px){.intro .icons svg.icon-title{max-width:75%;margin:0 auto 20px auto}}@media(min-width: 992px){.intro .icons svg.icon-title{max-width:65%;margin:0 auto 30px auto}}@media(min-width: 1200px){.intro .icons svg.icon-title{max-width:600px;margin:0 auto 10px auto}}.intro .icons .icon-scale{position:relative;z-index:2;border:5px solid #fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.intro p.copy{font-size:16px;margin:0;padding:40px 0 0 0}section.fields-of-action .fields-text{padding:40px 0 0 0}@media(min-width: 1200px){section.fields-of-action .fields-text{padding:80px 0 0 0}}section.fields-of-action .fields-text h3{margin:20px 0 15px 0 !important;padding:0}section.fields-of-action .fields-text h3:first-of-type{margin:0 0 15px 0 !important;padding:0}@media(min-width: 768px){section.fields-of-action .fields-text h3{margin:30px 0 15px 0 !important}section.fields-of-action .fields-text h3:first-of-type{margin:0 0 15px 0 !important}}section.fields-of-action .fields-text p{font-family:"Noto Sans Light";font-size:18px}@media(min-width: 1200px){section.fields-of-action .fields-text p{font-size:21px}}section.fields-of-action .fields-text p:last-of-type{margin-bottom:0}section.fields-of-action .fields-text ul{margin:0;padding:5px 0 25px 0;list-style-type:none}section.fields-of-action .fields-text ul li{position:relative;color:#000;margin:0 0 15px 0;padding:0 0 0 42px}section.fields-of-action .fields-text ul li:last-of-type{margin:0}section.fields-of-action .fields-text ul li:before{position:absolute;top:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cpath data-name='Pfad 2' d='M27 0A27 27 0 1 1 0 27 27 27 0 0 1 27 0Z' fill='%23fdc400'/%3E%3Cpath data-name='Pfad 1' d='m18 26 7 7 12-12' fill='none' stroke='%2300519e' stroke-linecap='square' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E");width:30px;height:30px;background-size:cover;background-repeat:no-repeat;content:""}@media(min-width: 1200px){section.fields-of-action .fields-text ul li:before{top:2px}}section.fields-of-action .fields-text ul:has(+h3){padding-bottom:16px}section.fields-of-action .fields-text ul:first-of-type:has(+h3){padding-bottom:20px}section.fields-of-action .fields-text ul:last-of-type{padding-bottom:0}section.fields-of-action .fields-text-intro{margin-bottom:-20px;text-align:center}@media(min-width: 992px){section.fields-of-action .fields-text-intro{text-align:left}}section.fields-of-action .fields-text-intro h2{font-size:35px;margin:0 0 15px 0;padding:0 10px}@media(min-width: 768px){section.fields-of-action .fields-text-intro h2{font-size:40px}}@media(min-width: 992px){section.fields-of-action .fields-text-intro h2{font-size:50px;margin:0 0 25px 0}}section.fields-of-action .fields-text-intro p{font-size:22px;line-height:1.4;padding:0 10px}@media(min-width: 768px){section.fields-of-action .fields-text-intro p{font-size:26px}}section.fields-of-action .fields-text-intro .fields-icon{max-width:180px;margin:0 auto 30px auto;border:5px solid #fff;box-shadow:0 0 20px rgba(0,0,0,.2)}@media(min-width: 768px){section.fields-of-action .fields-text-intro .fields-icon{max-width:204px}}@media(min-width: 992px){section.fields-of-action .fields-text-intro .fields-icon{max-width:100%}}@media(min-width: 1200px){section.fields-of-action .fields-text-intro .fields-icon{max-width:90%;margin-left:20px}}section.fields-of-action .fields-text-intro .fields-icon svg{width:100%;height:auto}section.fields-of-action .table-responsive+p{margin-top:30px}section.fields-of-action table{width:100%;margin:10px 0 0 0;padding:0;font-size:16px;line-height:1.5em}@media(min-width: 768px){section.fields-of-action table{font-size:20px}}@media(min-width: 1200px){section.fields-of-action table{font-size:21px}}section.fields-of-action table th{font-family:"Noto Sans Bold";color:#fff;background:#00519e;border-bottom:2px solid #00519e}section.fields-of-action table tr:nth-child(even){background-color:#eef1f7}section.fields-of-action table th,section.fields-of-action table td{padding:15px 10px;vertical-align:top;text-align:right}@media(min-width: 768px){section.fields-of-action table th,section.fields-of-action table td{padding:15px 20px}}section.fields-of-action table th:first-child,section.fields-of-action table td:first-child{text-align:left}@media(min-width: 1200px){section.fields-of-action table th,section.fields-of-action table td{padding:15px 30px}}section.climate{padding:100px 0}section.climate p{font-family:"Noto Sans Light"}section.climate p:last-of-tye{margin-bottom:0}.accordion{margin:0 15px}@media(min-width: 768px){.accordion{margin:0 0}}.accordion .card{border:0 !important}.accordion .card{margin:15px -20px}@media(min-width: 1200px){.accordion .card{margin:15px -40px}}.accordion .card .card-header{border-radius:0;background:none;padding:0;border:0}.accordion .card .card-header h2{margin:0;padding:0}.accordion .card .card-header .btn{font-size:20px;border:0;padding:16px 70px 16px 20px;background:#eef1f7;height:auto;text-decoration:none;position:relative;white-space:initial;line-height:1.3;-webkit-hyphens:none;hyphens:none;transition:all .15s ease-in-out}@media(min-width: 1200px){.accordion .card .card-header .btn{font-size:21px;padding:16px 70px 16px 40px}}.accordion .card .card-header .btn:hover{color:#00519e;background:rgba(0,81,158,.15)}.accordion .card .card-header .btn:after{position:absolute;top:50%;transform:translateY(-50%);right:20px;width:25px;height:25px;border-radius:100%;text-align:center;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.002' height='7.002' viewBox='0 0 13.002 7.002'%3E%3Cpath id='Download' d='M1.646,4.646a.5.5,0,0,1,.708,0L8,10.293l5.646-5.647a.5.5,0,0,1,.708.708l-6,6a.5.5,0,0,1-.708,0l-6-6a.5.5,0,0,1,0-.708Z' transform='translate(-1.499 -4.499)' fill-rule='evenodd'/%3E%3C/svg%3E%0A");background-size:28px auto;background-repeat:no-repeat;background-position:center;filter:invert(17%) sepia(99%) saturate(2402%) hue-rotate(195deg) brightness(93%) contrast(103%);background-size:contain}@media(min-width: 1200px){.accordion .card .card-header .btn:after{right:40px}}.accordion .card .card-header .btn:not(.collapsed){background:#fdc400}.accordion .card .card-header .btn:not(.collapsed):after{top:49%;transform:translateY(-49%) rotateZ(180deg)}.accordion .card .card-body{padding:20px}@media(min-width: 1200px){.accordion .card .card-body{padding:20px 60px 20px 40px}}footer{max-width:100%}footer .container p,footer .container ul li{font-size:1rem}footer .accordion{width:100%}footer .accordion .card{margin:15px 0}footer .accordion .card .card-header{margin-bottom:0;border-bottom:2px solid rgba(0,81,158,.2)}footer .accordion .card .card-header .btn{padding:16px 70px 16px 20px}footer .accordion .card .card-header .btn:after{right:20px;width:16px;height:16px}footer .accordion .card .card-header .btn:not(.collapsed):after{transform:translateY(50%) rotateZ(180deg)}.main{overflow-x:hidden;margin-right:-20%}.horizontal-sliders{display:flex;flex-wrap:nowrap;width:500%;overflow-x:hidden}.next-block{height:100vh;background:blue}.reveal-it{position:relative;transform:scaleX(0);transition:.8s;transition-delay:.8s;transform-origin:left;overflow:hidden}.reveal-it.active{transform:scaleX(1);transition-delay:0s}.reveal-it:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fdc400;transform-origin:right;transition:.8s;transition-delay:0s}.reveal-it.active:before{transform:scaleX(0);transition-delay:.8s}.reveal-it-stage{position:relative;transform:scaleX(0);transition:.8s;transition-delay:.8s;transform-origin:left;overflow:hidden}.reveal-it-stage.active{transform:scaleX(1);transition-delay:0s}.reveal-it-stage:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fdc400;transform-origin:right;transition:.8s;transition-delay:0s}.reveal-it-stage.active:before{transform:scaleX(0);transition-delay:.8s}.gsap-reveal{position:relative;overflow:hidden}.gsap-reveal-overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.unnecessary-logo{display:block;width:100%;max-width:70px;margin:0 auto 40px auto}.container-slide{position:relative;max-width:1086px;width:100%}.container-slide .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}.container-slide .background-img{background-size:100% 100%}.container-slide .foreground-img{width:50%;overflow:hidden}.container-slide .foreground-img img{max-width:1036px;width:initial}.container-slide .slider{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:rgba(242,242,242,.3);outline:none;margin:0;transition:all .2s;display:flex;justify-content:center;align-items:center}.container-slide .slider:hover{background:rgba(242,242,242,.1)}.container-slide .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:600px;background:#fdc400;cursor:pointer}.container-slide .slider::-moz-range-thumb{width:6px;height:600px;background:#fdc400;cursor:pointer}.container-slide .slider-button{pointer-events:none;position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fdc400;left:calc(50% - 18px);top:calc(50% - 18px);display:flex;justify-content:center;align-items:center}.container-slide .slider-button:after{content:"";padding:3px;display:inline-block;border:solid #5d5d5d;border-width:0 2px 2px 0;transform:rotate(-45deg)}.container-slide .slider-button:before{content:"";padding:3px;display:inline-block;border:solid #5d5d5d;border-width:0 2px 2px 0;transform:rotate(135deg)}.logo-wrapper{margin:0 0 30px 40px}.logo-wrapper img{max-height:200px;width:auto;margin:10px 0}.slider{max-width:1200px;margin:50px auto;overflow:hidden}.slider-wrapper-img{position:relative}.slides{display:flex;transition:transform .5s ease-in-out}.slides img{width:100%;flex:0 0 100%}.buttons{display:flex;justify-content:space-between;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100;max-width:1200px}@media(max-width: 768px){.buttons{top:100%}}button{background:#fdc400;color:#00519e;border:none;padding:10px;cursor:pointer;border-radius:50%;width:50px;height:50px;margin:20px}