@font-face{font-display:swap;font-family:'raleway';font-style:normal;font-weight:200;src:url(//better-world-web.de/wp-content/themes/better-world-theme-2024/assets/fonts/raleway-v34-latin-200.woff2) format('woff2')}@font-face{font-display:swap;font-family:'raleway';font-style:normal;font-weight:400;src:url(//better-world-web.de/wp-content/themes/better-world-theme-2024/assets/fonts/raleway-v34-latin-regular.woff2) format('woff2')}:root{--main-gray:#09182c;--main-red:#ff7b95;--main-dark-red:#f85f45;--main-green:#29ae81;--main-blue:#008cb3;--main-orange:#fed73e;--main-violet:#a46be9;--main-white:#fff}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--main-white)}.custom-logo{width:120px;height:auto;padding-top:10px}h1{font-family:'righteous',Arial,Helvetica,sans-serif;font-weight:800;color:var(--main-gray);text-transform:uppercase;letter-spacing:2px}h2,h3{font-weight:300;color:var(--main-gray);margin-bottom:1.5em;font-family:'raleway',Arial,Helvetica,sans-serif}.slogan h1,.startseite .slogan-section h1{font-size:28px}.my-page h1{font-size:40px}.my-page h2{font-size:30px}.my-page .section-content h2,.fp-container h2{font-size:40px}.my-page h3{font-size:24px}.wp-block-details summary{transition:all .2s ease}a{text-decoration:none;font-family:'nunito sans',Arial,Helvetica,sans-serif;font-weight:400}p{font-size:20px;font-family:'nunito sans',Arial,Helvetica,sans-serif;font-weight:400;margin-bottom:1.5em;line-height:1.5em;color:var(--main-gray)}.wp-element-button,.wpcf7-submit{margin:auto;margin-top:100px;width:250px;border-radius:5px;display:flex;justify-content:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.wp-block-button__link{background-color:var(--main-gray);color:var(--main-white);font-weight:400;font-family:'raleway',Arial,Helvetica,sans-serif}.wp-block-button__link:hover,.wpcf7-submit:hover{background-color:#717171;color:#f5f5f5}.wpcf7-submit{width:150px;height:30px;border-radius:5px;display:flex;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.wp-block-group__inner-container.is-layout-constrained,.wp-block-group__inner-container.is-layout-flow{display:inherit;flex-direction:inherit;flex-wrap:inherit;justify-content:inherit;align-items:inherit;text-align:inherit;width:100%;height:inherit;max-width:inherit;margin-left:0;margin-right:0;margin-bottom:0;margin-top:0;margin:0;padding-bottom:0;padding-top:0;padding-left:0;padding-right:0;position:inherit;z-index:inherit}@media only screen and (min-width:580px){h2.bw-logo{font-size:80px}}@media only screen and (min-width:768px){h1{font-size:30px}.slogan h1,.startseite .slogan-section h1{font-size:30px}h2.bw-logo{font-size:100px}.my-post h1{font-size:80px}.wp-block-buttons.is-content-justification-center{justify-content:right}}@media only screen and (min-width:992px){h1{font-size:50px}.slogan h1,.startseite .slogan-section h1{font-size:50px}h2.bw-logo{font-size:150px;padding-top:35vh}.my-page h1{font-size:80px}.my-page h2{font-size:50px}.my-page .section-content h2,.fp-container h2{font-size:60px}.my-page h3{font-size:40px}}@media only screen and (min-width:1280px){h2.bw-logo{font-size:200px;padding-top:50vh}}.nav-bar ul{list-style-type:none}.my-header{height:55px;display:flex;justify-content:center;align-items:center;position:fixed;top:0;z-index:100;width:100%;padding:1em 5%;background-color:var(--main-gray)}.my-header.active{opacity:.9;height:100vh;align-items:flex-start}.my-header-content{display:flex;flex-direction:column;justify-content:flex-start;width:100%;padding:5%}.my-header a{color:var(--main-white);font-size:18px;font-family:'righteous',Arial,Helvetica,sans-serif;letter-spacing:2px}.my-header-menu ul{display:none}.my-header-menu.active ul{display:flex;flex-direction:column;margin-top:5em}.my-header-menu.active li{border-bottom:1px solid var(--main-white);font-size:24px;padding:2em 0 1em}.my-header-menu.active li:hover{transform:translateX(5px)}.burger-menu{cursor:pointer;color:var(--main-white);font-size:30px;position:absolute;top:10px;right:5%}@media only screen and (min-width:580px){.my-header-content{display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;width:100%}.burger-menu{display:none}.my-header-menu{display:flex;justify-content:flex-end}.my-header-menu ul{display:flex}.my-header-menu li{padding:1em;margin-bottom:0}.my-header-menu li a{font-family:'righteous',Arial,Helvetica,sans-serif;letter-spacing:2px}.my-header-menu li a:hover{color:var(--main-orange)}.my-header-menu li:last-child{margin-right:0}.bloginfo{padding:.5em 1em}}.my-footer{background-color:var(--main-gray);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:100}.footer-container{max-width:1200px;min-height:90vh;display:flex;justify-content:center;background-color:var(--main-gray);width:90%;color:var(--main-white);padding:200px 10%}.footer-items{display:flex;flex-direction:column;align-items:flex-start}.footer-item{margin-bottom:3em !important;align-items:flex-start;width:100%}.footer-item ul{padding-left:1em}.my-footer h2,.my-footer h3,.my-footer p{color:var(--main-white)}.footer-widgets{width:100%}.footer-widgets>div h2{background-color:inherit;padding:0;margin-bottom:.5em}.footer-widgets>div p{font-size:16px}.wp-block-social-links li a{font-size:22px;font-weight:200;position:relative;left:-24px}.wp-block-social-links li:hover,.footer-nav li:hover{color:var(--main-white);text-decoration:underline;transform:none}.footer-nav-content{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:auto;padding:0 5%}.footer-nav ul{display:flex}.footer-nav li{margin-right:1.5em;padding-bottom:.5em;color:var(--main-white)}.footer-nav li a{color:var(--main-white);font-size:16px}.copy{font-size:16px}.my-contact{width:100%;min-height:100vh;background-color:var(--main-violet);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:70 !important}.my-contact .p-container{background-color:var(--main-violet)}.my-contact .s-container{max-width:1200px;display:flex;justify-content:space-between;padding:5%}.herz{display:none}.contact-main-content h2.wp-block-heading{font-size:30px;margin-bottom:2em;line-height:1.5em}.contact-main-content h3{font-size:24px;line-height:1.5em}.startseite .wp-block-group__inner-container.is-layout-constrained{padding-top:0}section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:75px 0}.fp-container{max-width:1200px;width:100%;background-color:inherit;padding:0 5% 5%}.font{display:none}.banner{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--main-gray)}.bw-logo{animation:flyIn 2s ease-out forwards;font-size:70px;font-family:'righteous',Arial,Helvetica,sans-serif;color:var(--main-green);line-height:.9em !important;text-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative;top:50px}@keyframes flyIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:.7}100%{transform:scale(1);opacity:1}}.slogan-section{width:100% !important;display:flex;justify-content:center;align-items:center;padding:0 !important;height:183px;margin-bottom:2em}.startseite .slogan-section{margin-bottom:0 !important}.startseite-slogan{background-color:var(--main-gray)}.slogan h1{text-align:center;color:var(--main-white);font-style:italic}.femme,.web{position:relative;opacity:0}@keyframes vonlinks{from{left:-300px;opacity:0}to{left:0;opacity:1}}@keyframes vonrechts{from{right:-300px;opacity:0}to{right:0;opacity:1}}.animated-left{animation:vonlinks 1s ease-out forwards}.animated-right{animation:vonrechts 1s ease-out forwards}.vorstellung{background-color:var(--main-green);padding:180px 5% 150px}.vorstellung h2{font-family:'raleway',Arial,Helvetica,sans-serif;font-weight:300;text-transform:none;letter-spacing:0px;color:var(--main-gray);font-size:30px;line-height:1.4}@keyframes farbe-neu{from{color:var(--main-white)}to{color:var(--main-gray)}}.farbe-wechseln{animation:farbe-neu .5s ease-in-out forwards}.vorstellung-button{background-color:var(--main-green);padding:0 5%}@media only screen and (min-width:768px){.vorstellung h2{width:50%}.vorstellung-button{justify-content:flex-end !important}}@media only screen and (min-width:1280px){.vorstellung h2{font-size:50px;line-height:1.3}}.leistungen{background-color:var(--main-orange);position:relative;z-index:30 !important}.waren-container{margin-top:50px;display:flex;flex-wrap:wrap;z-index:2;justify-content:space-around;overflow:hidden}.waren-container .wp-block-group__inner-container.is-layout-constrained{width:auto !important}.ware{width:325px !important;height:275px !important;display:flex;padding:20px;margin-bottom:50px;justify-content:center;align-items:center;text-align:center;background-color:var(--main-gray);border-top:15px solid var(--main-white);border-right:15px solid var(--main-white);border-bottom:50px solid var(--main-white);border-left:15px solid var(--main-white);position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ware h3{position:relative;top:-20px}.ware1{background-color:var(--main-orange);padding:0;border:none;max-width:90%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:none;transition:transform .4s ease-out}.ware1:hover{transform:rotate(10deg)}.ware1 img{height:100%;object-fit:contain;position:absolute;top:20px}.ware:hover .infotext{visibility:visible;opacity:1;transition:visibility 0s,opacity .3s ease;cursor:pointer}.ware .infotext{padding:20px;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#fff;padding:2em;width:325px !important;height:275px !important;position:absolute;top:0;visibility:hidden;opacity:0;margin-bottom:0;position:absolute;top:15px}.ware .infotext p{margin-bottom:0}.leistungen .text-field{line-height:1.5em;color:var(--main-gray);width:100%}.leistungen-image{display:none}.leistungen h3{margin-bottom:.1em;margin-top:1.5em;line-height:1.3em;font-size:24px !important;color:var(--main-white)}.about{background-color:var(--main-red);position:relative;z-index:50 !important}.about-section{display:flex;flex-direction:column}.about-section figure{width:100%;max-width:800px;align-self:center;margin-bottom:75px}.titel-section{height:100vh;display:flex;align-items:center}.my-page{display:flex;flex-direction:column;align-items:center}.p-container{width:100%;max-width:1200px;background-color:var(--main-white);padding:5%;margin-bottom:0}.my-page h1{text-align:center;font-style:normal;padding:.2em 1em}.my-page .slogan h2{font-family:'raleway',Arial,Helvetica,sans-serif;font-weight:400;color:var(--main-white);text-align:center}.page-einleitung h2,.about-einleitung h2{margin-bottom:1em;padding:.3em .6em;color:var(--main-white);background-color:var(--main-gray)}.page-einleitung{margin-bottom:3em}.page-einleitung p{font-size:20px}.section-content{font-size:30px}.trenner{width:100%;border-bottom:1px solid var(--main-white)}.leistungen-page{background-color:var(--main-orange)}.banner-leistungen{padding:0 5%}.banner-leistungen h1{color:var(--main-orange)}.leistungen-page a{text-decoration:none;padding:0 .2em;color:var(--main-gray);font-weight:200}.leistungen-page-container{display:flex;flex-wrap:wrap}.leistungen-page-item{width:100%;margin-bottom:2em}.leistungen-bereiche-h2{margin-bottom:2em}.leistungen-page-item-text h2{color:var(--main-white);display:inline}.leistungen-page-item-text h3{padding-bottom:.2em;border-bottom:1px solid var(--main-white);margin-bottom:.75em}.leistungen-page-container p{margin-bottom:6em}.leistungen-page-item-text li{font-size:20px;font-family:'nunito sans';font-weight:200;margin-bottom:.7em}.leistungen-page-item-text ul{position:relative;left:1em;margin-bottom:2em}.leistungen-page-item-bild{display:none}@keyframes lvonlinks{from{left:-50px;opacity:0}to{left:0;opacity:1}}@keyframes lvonrechts{from{right:-50px;opacity:0}to{right:0;opacity:1}}.l-animated-left{animation:lvonlinks 1s ease-out forwards}.l-animated-right{animation:lvonrechts 1s ease-out forwards}.project-page,.project-page .p-container{background-color:var(--main-blue)}.banner-project{padding:0 5%}.banner-project h1{color:var(--main-blue)}.projects-section-content h2{margin-bottom:.8em;color:var(--main-gray);padding:.5em;text-align:center;background-color:var(--main-white)}.kategorie-header{margin-top:2em;margin-bottom:3em}.kategorie-header p{font-size:24px}.project-page h3 a{color:var(--main-gray);overflow:hidden;position:relative;display:inline-block}.project-page a{color:var(--main-gray)}.project-page-item{transition:all .3s ease;overflow:hidden}.project-page-item:hover{opacity:.8}.beitrags-template li:hover{transform:none}.beitrags-template li{width:100%;height:auto;margin-bottom:2em}.beitrags-template li:last-child{margin-bottom:0}.font-projekte-page h2{font-family:'righteous',Arial,Helvetica,sans-serif;font-weight:800}.wp-block-post-featured-image a{height:auto}.wp-block-group.portfolio-kategorie{margin:1em 0 2em}.trenner{color:var(--main-white)}.about-page{background-color:var(--main-red)}.banner-about{padding:0 5%;text-align:center}.banner-about h1{color:var(--main-red)}.about-einleitung{display:flex;justify-content:center;flex-wrap:wrap}.about-einleitung .about-text,.about-einleitung figure{width:100%}.about-page a{text-decoration:none;color:var(--main-gray)}.about-page h3{margin-top:1.5em;margin-bottom:1em}.about-page li{font-family:'nunito sans',Arial,Helvetica,sans-serif;font-weight:200;font-size:18px;margin-bottom:.5em;line-height:1.5em}.about-page ul{margin-bottom:1.5em;padding-left:1.5em}.contact-page{background-color:var(--main-violet)}.banner-contact{padding:0 5%}.banner-contact h1{color:var(--main-violet)}.contact-page .page-einleitung{margin-bottom:0}.contact-page .section-content figure{display:none}.contact-page .section-content h3{line-height:1.4em}.impressum-page h1{margin:1.5em}.impressum-page{color:var(--main-gray)}.daten-page h1{margin:1.5em}.my-post{padding:130px 5%;background-color:var(--main-gray)}.my-post-inner{max-width:1200px;margin:auto}.my-post h1{color:var(--main-blue);margin-bottom:.2em;font-size:40px}.my-post h2,.my-post h3,.my-post p,.my-post a{color:var(--main-white)}.my-post-container{margin-top:5em}.bild-container{margin-top:2em;margin-bottom:5em}.post-project-text>ul{padding-left:1.5em;margin:3em 0 1.5em 5%}.post-project-text li{font-size:20px;color:var(--main-white);font-family:'nunito sans';font-weight:200;margin-bottom:.7em;line-height:1.5em}.anpassung{background-color:var(--main-orange);color:var(--main-gray);padding:4em 10%}@media only screen and (min-width:580px){.footer-container{padding:200px 5%}.footer-items{flex-direction:row}.my-page .slogan h2{margin-left:0}}@media only screen and (min-width:768px){.video{max-width:75%;margin-top:8vh}.slogan-section{height:260px}.page-einleitung p{font-size:24px}.leistungen h3{font-size:30px !important}.leistungen-content{width:100%;display:flex;gap:50px;justify-content:center}.leistungen .text-field{width:50%;margin-left:0 !important;margin-bottom:25px}.leistungen-image{display:block;max-height:650px;width:45%;position:relative}.sprechblase{max-width:100%;position:relative;display:flex;justify-content:center;align-items:center}.sprechblase img{position:absolute;top:-100px;left:70px}.leistungen-image .wp-block-group__inner-container{height:100%;width:100%}.leistungen-page-container{margin-top:5em}.wp-block-group.portfolio-kategorie{margin:3em 0 5em}.n2-ss-text{font-size:50px !important}.my-post .post-title{font-size:50px;margin:1em 0;padding:.5em}.about-einleitung{align-items:center;gap:5%}.about-einleitung .about-text{width:50%}.about-einleitung figure{width:45%;justify-self:center;margin-left:50px;margin-top:40px}.about-page img{object-fit:cover}.about-einleitung p,.hard-facts p{font-size:24px;margin-bottom:3em}.leistungen-content h3{font-size:24px}.contact-page .section-content{display:flex;width:100%;justify-content:space-between;align-items:center}.contact-page .section-content figure{display:inline;width:35%}.wpcf7{width:55%;margin-top:3em}.my-post h1{font-size:50px}}@media only screen and (min-width:992px){.bw-logo{top:20px}.daten-page h2{font-size:30px;margin-top:1.5em;margin-bottom:1em}.daten-page h3{font-size:24px;margin-top:1.5em;margin-bottom:1em}.web h1{font-size:50px}.my-post .post-title{font-size:80px;margin:1em 0;padding:.5em}.projects-wp-content{top:0}.herz{display:block}.leistungen-page-item{display:flex;justify-content:space-between;align-items:center;gap:5%}.leistungen-page-item-text{width:50%}.leistungen-page-item-text h3{font-size:24px}.leistungen-page-item-bild{position:relative;opacity:0;display:block;width:45%;padding-top:1.5em}.beitrags-template li{margin-bottom:3em}.wp-block-group.portfolio-kategorie{margin:1em 0 3em}.my-post-header{width:100%;display:flex;justify-content:space-between}.my-post-header h1{margin-right:auto;margin-left:0}.my-post-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5em;gap:5%}.my-post-container .text{width:45%}.my-post-container .n2-section-smartslider,.my-post-container .slider{width:50%}.my-post-content{width:75%;margin-right:5%}.my-post h3{margin-top:2em;margin-bottom:1.5em}.my-post ul{margin-top:0}.my-post h1{font-size:80px}}@media only screen and (min-width:1180px){.bw-logo{top:-20px}.my-page h1{font-size:100px}.web h1{font-size:50px}.leistungen-content h3{font-size:30px}.contact-main-content h2.wp-block-heading{font-size:50px}.contact-main-content h3{font-size:30px}}@media only screen and (min-width:1400px){.bw-logo{top:-40px}section{padding:0}.fp-container,.about-container{margin-top:-1em}.my-post h1{font-size:90px}.font{display:block}.font-leistungen{position:sticky;top:0;transform:rotate(-90deg) translateX(-120%) translateY(-435px);transform-origin:left top}.font-about{position:sticky;top:0;transform:rotate(-90deg) translateX(-136%) translateY(-554px);transform-origin:left top}.font h2{font-size:90px !important;color:var(--main-white);margin-bottom:0 !important;font-family:'righteous',Arial,Helvetica,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:2px}.font-page{position:sticky;top:0;transform:rotate(-90deg) translateX(-120%) translateY(-435px);transform-origin:left top}.font-projekte-page{position:sticky;top:0;transform:rotate(-90deg) translateX(-128%) translateY(-422px);transform-origin:left top}.font-about-page{position:sticky;top:0;transform:rotate(-90deg) translateX(-120%) translateY(-460px);transform-origin:left top}.font-contact-page{position:sticky;top:0;transform:rotate(-90deg) translateX(-130%) translateY(-495px);transform-origin:left top}}@media only screen and (min-width:1600px){.font-leistungen{transform:rotate(-90deg) translateX(50%) translateX(-170%) translateY(-450px)}.font-projekte{transform:rotate(-90deg) translateX(50%) translateX(-140%) translateY(-460px)}.font-about{transform:rotate(-90deg) translateX(50%) translateX(-187%) translateY(-578px)}.font h2{font-size:100px !important;letter-spacing:5px !important}.font-projekte-page{position:sticky;top:0;transform:rotate(-90deg) translateX(-125%) translateY(-520px);transform-origin:left top}}