/* cmsms stylesheet: PPR-2016__CSS_normalize modified: Mittwoch, 11. Januar 2017 14:19:05 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */article,footer,header,nav,section {display: block;}a {background-color: transparent;-webkit-text-decoration-skip: objects;}a:active,a:hover {outline-width: 0;}b,strong {font-weight: inherit;}b,strong {font-weight: bolder;}h1 {font-size: 2em;margin: 0.67em 0;}img { border-style: none; }button,input,select,textarea {font: inherit;margin: 0;}input { overflow: visible; }[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}::-webkit-input-placeholder {color: inherit;opacity: 0.54;}
/* cmsms stylesheet: PPR-2016__CSS_header+nav modified: Sonntag, 30. April 2017 00:44:53 */
/*header { background: #ddd !important; }.header-container { background: navy !important; }*//*nav { background: rgba(255,0,0,.75) !important; }nav ul { background: rgba(255,0,0,.5) !important; }nav ul li { background: rgba(255,0,0,.25) !important; }*/header {position: relative;width: 100%;height: 3rem;max-width: 120rem;background: #fff;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;box-shadow: 0 5px 15px -10px #000;-webkit-transition: .4s; transition: .4s;z-index: 10;}.down {position: fixed;top: 0;height: 4rem;box-shadow: 0 20px 30px -15px rgba(0,0,0,.5);}.header-container {position: relative;width: 100%;max-width: 80rem;height: 100%;margin: 0 auto;-webkit-transition: .4s; transition: .4s;}@media (max-width: 60em) {header, .down {position: absolute;top: .5rem;border: none;background: none;box-shadow: none;}.header-container, .down .header-container { top: -2rem; }}nav {position: absolute;width: 100%;top: 50%; right: 0;-webkit-transform: translateY(-50%); transform: translateY(-50%);} nav:after { clear: both; }nav ul {margin: 0;list-style-type: none;text-align: center;-webkit-transition: .4s; transition: .4s;}nav ul li {position: relative;display: inline-block;padding: 1rem .25rem;margin: 0;text-transform: uppercase;border-top-left-radius: 1rem;border-top-right-radius: 1rem;-webkit-transition: .4s; transition: .4s;}nav ul li.parent:hover { background: #f7f2f8; }/* *** SECOND LEVEL *** */nav ul li ul {position: absolute;left: 0;min-width: 200px;display: block;margin-top: 1rem;padding: 1rem 0;text-align: left;opacity: 0;box-shadow: 2px 7px 15px -5px rgba(50,50,50,.5);border-radius: 1rem;border-top-left-radius: 0;border-top: 3px solid white;background: rgb(247,242,248);background: -moz-linear-gradient(top,  rgba(247,242,248,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(247,242,248,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(247,242,248,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2f8', endColorstr='#ffffff',GradientType=0 );transform-origin: top;-webkit-transform: scale(1,0);transform: scale(1,0);}nav ul li:hover ul {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}nav ul li ul li {display: block;padding: .25rem 0;opacity: 0;}nav ul li:hover ul li {opacity: 1;-webkit-transition: .4s .2s;transition: .4s .2s;}nav ul li ul li a { text-align: left; }nav ul li a:link,nav ul li a:visited,nav ul li.sectionheader > span {color: #aaa;font-weight: 700;margin: 0;padding: .5rem 1rem;}nav ul li a:focus, nav ul li a:focus:visited,nav ul li a:hover, nav ul li a:hover:visited,nav ul li a.currentpage, nav ul li.sectionheader:hover > span { color: rgba(23,123,156,1); }nav ul li.sectionheader:hover { cursor: default; }#nav-cb { display: none; }@media (max-width: 60rem) {nav {position: relative;top: 6rem;width: 90%;margin: 0 auto;background: #fff;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition: .4s; transition: .4s;opacity: 0;}nav ul {margin: 2rem 0 0;padding: 1.5rem .75rem;text-align: center;}nav ul li { display: block; padding: .5rem; text-align: center; }nav ul li.parent:hover { background: transparent; }nav ul li ul {position: relative;margin: .25rem 0 0 1rem;padding: 0 0 0 .25rem;opacity: 1;background: none;box-shadow: none;border-left: 1px solid #ccc;-webkit-transform: scale(1,1);transform: scale(1,1);}nav ul li ul li {padding: 0 0 .4rem;opacity: 1;list-style-type: disc;}nav ul li a:link, nav ul li a:visited, nav ul li.sectionheader > span {display: block;padding: 0 1rem;color: #666;font-size: 1.3rem;font-weight: 700;}nav ul li a:focus, nav ul li a:focus:visited,nav ul li a:hover, nav ul li a:hover:visited,nav ul li a.currentpage { color: rgba(23,123,156,1); }nav ul li ul li a:link, nav ul li ul li a:visited {font-size: 1.1rem;font-weight: 400;}#nav-icon {position: absolute;top: 50%; right: 1rem;width: 2rem; height: 2.5rem;margin: 0;display: block;cursor: pointer;z-index: 10;-webkit-transform: translateY(-50%); transform: translateY(-50%)}#nav-icon span:before, #nav-icon span, #nav-icon span:after {position: absolute;width: 100%; height: .25rem;display: block;background: rgba(23,123,156,1);border-radius: .5rem;content: '';-webkit-transition: .4s; transition: .4s;}#nav-icon span:before { top: -.5rem; }#nav-icon span { margin-top: 1.25rem; }#nav-icon span:after { bottom: -.5rem; }#nav-cb:checked + #nav-icon span:before,#nav-cb:checked + #nav-icon span,#nav-cb:checked + #nav-icon span:after { background: rgba(23,123,156,1); }#nav-cb:checked + #nav-icon span:before { top: -.75rem; }#nav-cb:checked + #nav-icon span:after { bottom: -.75rem; }#nav-cb:checked ~ nav { opacity: 1; }#nav-cb:checked ~ nav > ul {height: auto;background: #fff;box-shadow: 0 1rem 6rem 1rem rgba(0,0,0,.5), 0 5rem 10rem 1rem rgba(0,0,0,.5), 0 -1rem 6rem 1rem rgba(0,0,0,.75);}}
/* cmsms stylesheet: PPR-2016__CSS_layout modified: Donnerstag, 12. März 2026 22:03:56 */
body#lebensberatung-rulik { max-width: inherit !important; height: 130rem !important; overflow: hidden !important; }body#lebensberatung-rulik:after { content: ''; max-width: inherit !important; }body#lebensberatung-rulik h1 { padding-top: 5rem !important; }body#lebensberatung-rulik section { margin-top: 1rem !important; }html {font-family: 'Lato', Arial, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background: #fff;}body {position: relative;top: 0;max-width: 120rem;margin: 0 auto;line-height: 1.4;overflow-x: hidden;background: rgba(206,239,232,1);box-shadow: 0 0 150px rgba(100,100,100,.25);border-left: 1px solid #ddd;border-right: 1px solid #ddd;}body:after {content: '';position: fixed;top: 0;max-width: 120rem;width: 100%; height: 100%;background: url(/uploads/images/design/background-pattern.png) repeat;opacity: .07;-webkit-box-shadow: inset 0 0 200px 50px rgba(206,239,232,1);box-shadow: inset 0 0 200px 50px rgba(206,239,232,1);}#preloader {position: fixed;left: 0; top: 0;width: 100%; height: 100%;background: #fff;overflow: visible;z-index: 999;}a { text-decoration: none; padding: .5rem 1em; margin: -.5rem -1em; }a:link, a:visited { color: rgba(23,123,156,1); -webkit-transition: .4s; transition: .4s; }article p a, article a:link, article a:visited {padding: .125rem .5rem; margin: 0;background: rgba(255,255,255,.4);border-radius: .75rem;letter-spacing: .5px;}article a:hover, article a:focus { background: rgba(255,255,255,.9); }.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 1.3rem;display: inline-block;vertical-align: middle;margin: -5px 10px 0 0;line-height: 1.4;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';}.material-icons.main-color { color: rgba(23,123,156,1); }img { max-width: 100%; height: auto; }.logo-link {position: relative;height: 100%;display: block;margin: 0 auto;z-index: 1;}h1 {color: rgba(23,123,156,1);font-size: 3rem;font-weight: 300;text-transform: uppercase;text-align: center;margin: 0;padding: 1rem 0;line-height: 1.3;text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff;-webkit-transition: .4s; transition: .4s;}h1 > span { font-size: 3.5rem; }.logo-link:hover > h1 {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff}h2 {position: relative;color: rgba(23,123,156,1);font-size: 2.6rem;font-weight: 300;text-transform: uppercase;margin: 1.5rem 0 .5rem;}h2:first-of-type:before, h2:first-of-type:after {content: '';position: absolute;background: #fff;background: rgba(246,253,250,.6);border-radius: 50%;}h2:before { left: -13rem; top: -1rem; width: 5rem; height: 5rem; }#kontakt h2:before, #sitemap h2:before, #ueber_mich h2:before { left: -13rem; top: 10rem; width: 5rem; height: 5rem; }h2:after { right: -12rem; top: 20rem; width: 8rem; height: 8rem; }h3 {color: rgba(23,123,156,1);font-size: 1.4rem;font-weight: 400;margin: 3.5rem 0 1rem;}p {color: #666;font-size: 1.2rem;margin: 1.25rem 0;}blockquote {position: relative;margin: 4.5rem 3.5rem 6rem;padding-left: 2rem;font-family: 'Sorts Mill Goudy', serif;color: rgba(23,123,156,1);font-size: 1.6rem;}blockquote:before {content: '“';color: rgba(206,239,232,1);font-size: 15rem;position: absolute;top: -5.5rem;left: -4.75rem;z-index: -1;transform: scaleX(.9);}blockquote cite {color: rgba(140,210,200,1);font-size: 1.2rem;position: absolute;bottom: -2rem;margin-left: 3rem;display: block;}section ul {margin: 0 0 0 3rem;padding: 0;list-style-position: outside;}section li {color: #666;font-size: 1.2rem;}section li::marker { color: rgba(23,123,156,1); }body:not(#ueber_mich):not(#kontakt):not(#home) section p:first-of-type {color: rgba(23,123,156,1);margin: 0 0 3rem 3rem;}@media (max-width: 60em) {h1 { font-size: 2.2rem; }h1 > span { font-size: 2.5rem; }h2 { font-size: 1.8rem; margin: 1rem 0; font-weight: 400; }h3 { font-size: 1.2rem; font-weight: 700; }p { font-size: 1.1rem; margin: .75rem 0; }section ul { margin: 0 0 0 1.25rem; }section li { font-size: 1.1rem; }}@media (max-width: 48em) {h1 { font-size: 2rem; text-align: left; margin-left: 1rem; }h1 > span { font-size: 2rem; }h2 { font-size: 1.6rem; margin: 1rem 0; font-weight: 400; }p { font-size: 1rem; margin: .75rem 0; }section ul { margin: 0 0 0 1.25rem; }section li { font-size: 1rem; }}@media (max-width: 30em) {h1 { font-size: 1.2rem; padding: .5rem 0; }h1 > span { font-size: 1.4rem; }.logo-link { padding: 0; }h2 { font-size: 1.4rem; }blockquote { margin: 4.5rem 2rem 5rem; font-size: 1.4rem; }blockquote:before { font-size: 14rem; top: -5.5rem; left: -2.75rem; opacity: .3; }blockquote cite { margin-left: 0; }body:not(#ueber_mich):not(#kontakt):not(#home) section p:first-of-type { margin: 0 0 2rem 0; }}#mood-container {position: relative;width: 100%;height: 25rem;margin: 0 auto;display: block;overflow: hidden;background: #fff;background: transparent;-webkit-transition: .4s; transition: .4s;z-index: 1;}.mood-photo {position: absolute;background: #ccc;width: 100%;height: 100%;background: url(/uploads/images/design/mood-image-01.jpg) center no-repeat;background-size: cover;}@media (max-width: 80em) { #mood-container { height: 20rem; margin-top: 0; } }@media (max-width: 60em) { #mood-container { height: 18rem; } }@media (max-width: 48em) { #mood-container { height: 16rem; } }@media (max-width: 40em) { #mood-container { height: 12rem; } }section {position: relative;width: 88%;max-width: 80rem;margin: -5rem auto 0;padding: 2rem 3rem 4rem;box-sizing: border-box;border: 1px solid #ccc;border-radius: 1rem;box-shadow: 0 0 100px 10px rgba(255,255,255,.5);background: #fff;z-index: 1;}#home section:nth-of-type(2) { margin-top: 3rem; padding-top: 7rem; }#home section:nth-of-type(2):before,#kontakt section:before {content: '';position: absolute;top: 0;width: 100%; height: 100%;background: url(/uploads/images/design/2228_PPR_042_web.png) 90% 40% no-repeat;background-size: 37.5rem;z-index: -1;}#kontakt section:before {background: url(/uploads/images/design/2228_PPR_080_web.png) 90% 40% no-repeat;background-size: 37.5rem;}article { position: relative; }.info_box:link {position: relative;width: 45.5%;display: inline-block;margin: 1.5rem 2%;padding: 2.5rem 1rem;overflow: hidden;box-sizing: border-box;box-shadow: 0 0 1rem 0 rgba(0,0,0,.25);border: 1px solid #aaa;background: rgba(201,233,230,.1);text-align: center;-webkit-transition: .4s; transition: .4s;}.info_box:link:nth-last-child(1):nth-child(odd) {position: relative;margin: 1.5rem auto 2.5rem;display: block;}.info_box:hover { border: 1px solid rgba(23,123,156,1); background: rgba(201,233,230,.4); }.info_box span {position: relative;color: rgba(23,123,156,1);font-size: 1.2rem;text-transform: uppercase;z-index: 1;}.info_box i {color: rgba(201,233,230,.17);font-family: 'Material Icons';font-size: 20rem;position: absolute;top: 50%; left: 50%;margin: 0;-webkit-transform: translate(-80%,-50%) rotate(20deg);transform: translate(-80%,-50%) rotate(20deg);-webkit-transition: .4s; transition: .4s;}#lebensberatung iframe {max-width: 100%;display: block;margin: 3rem auto;border: 1px solid rgba(23,123,156,1);box-shadow: 0 0 15px rgba(0,0,0,.5);}@media (max-width: 60em) {section { width: 86%; overflow: hidden; }#home section:nth-of-type(2):before, #kontakt section:before {background: url(/uploads/images/design/2228_PPR_042_web.png) 250px 20% no-repeat;background-size: 37.5rem;}}@media (max-width: 48em) {section { width: 96%; padding: 1rem 1.5rem 2rem; }article { padding: 0 4%; }.info_box:link { width: 100%; display: block; margin: 2rem 0; padding: 1rem; }.info_box span { font-size: 1.1rem; }.info_box i { color: rgba(201,233,230,.25); }#home section:nth-of-type(2):before, #kontakt section:before {background: url(/uploads/images/design/2228_PPR_042_web.png) 150px 10% no-repeat;background-size: 37.5rem;}}@media (max-width: 30em) {section { margin: -3rem auto 0; }article { padding: 0; }#home section:nth-of-type(2):before, #kontakt section:before { /* was at max-width: 36rem */width: 95%;background: url(/uploads/images/design/2228_PPR_042_web.png) 50px 5% no-repeat;background-size: 37.5rem;z-index: -1;opacity: .2;}}/*#contact-container { width: 60%; margin: 0 auto 5rem; border: .5rem solid rgba(255,255,255,.5); border-radius: 2rem; }.contactform {width: 100%;max-width: 40rem;margin: 3em auto;}.contactform input, label, textarea {width: 100%;color: rgba(23,123,156,1);margin-top: -1em;}.contactform label {display: block;padding: 0 .5em;margin: 1em 0 0 0;text-align: center;color: rgba(23,123,156,1);}.contactform div:first-child label { margin-top: -.5em; }.contactform input,.contactform textarea {margin: .25em 0 0 0;padding: .5em 0;font-size: .9em;background-color: rgba(255,255,255,.5);border: 1px solid rgba(23,123,156,1);border-radius: .5rem;-webkit-transition: .4s; transition: .4s}.contactform .fb_invalid input { border: 1px solid red; }.contactform .fb_invalid label { color: red; }.error_message ul {  padding-left: 1em; margin: 1.5em 0 1.5em; }.error_message ul li {  color: red; font-size: .8em; }.submit input {display: block; width: 50%; margin: 1.5em auto 0; padding: .5em 1em;text-transform: uppercase; font-size: 1.2em;color: #fff; color: rgba(23,123,156,1); background: none; border-radius: .7em; border: 1px solid rgba(23,123,156,1);}.contactform input:hover, .contactform input:focus,.contactform textarea:hover, .contactform textarea:focus { background-color: rgba(206,239,232,1); color: rgba(23,123,156,1); }.contactform input:visited, .contactform input:active,.contactform textarea:visited, { background-color: rgba(23,123,156,1); }.contactform .submit input:hover,.contactform .submit input:focus { color: #fff; background-color: rgba(23,123,156,1); }.contactform .submit input:active { background-color: rgba(23,123,156,1); border-color: rgba(206,239,232,1); }.form-salutation, .form-phone { width: 48%; float: left; margin-right: 4%; }.form-title, .form-mail { width: 48%; clear: right; display: inline-block; }#map_canvas_a,#map_canvas_b {position: relative;display: block;width: 100%;height: 100%;min-height: 450px;margin-bottom: 2em;margin: 2em auto;border: .5rem solid #fff;border-radius: 2rem;box-sizing: border-box;}@media (max-width: 48em) {#map_canvas_a, #map_canvas_b { border-radius: .5rem; }}*/#footer-deco {position: relative;height: 18rem;background: url(/uploads/images/design/Footer-Deco.png) bottom no-repeat;z-index: 1;}#footer-deco:before {content: '';height: 100%;display: block;background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99ffffff',GradientType=0 );}.doterra { display: none; }#kontakt .doterra { display: block; margin-top: -15rem; text-align: center; }#kontakt #doterra-logo {max-width: 96%;border: 1px solid #ccc;border-radius: 1rem;}footer {position: relative;width: 100%;padding: 1rem 0;background-color: #8fc9bc;z-index: 1;}footer div {position: relative;top: 2rem; top: 0;width: 90%;max-width: 1280px;margin: 0 auto;}footer div a:link, footer div a:visited {width: 30.5%;display: inline-block;margin: 0 2%;padding: .3rem 2% .25rem;background: none;border-radius: 1rem;border: 2px solid #fff;color: #fff;font-weight: bold;text-align: center;text-transform: uppercase;box-sizing: border-box;cursor: pointer;-webkit-transition: .4s; transition: .4s;}footer div a:first-of-type { margin-left: 0; }footer div a:last-of-type { margin-right: 0; }footer div a:hover { color: rgba(23,123,156,1); background: #fff; }footer p {color: #fff;text-align: center;padding: .5rem 0 1rem;margin: 2rem 0 0;line-height: 2.5;}#cookiesdirective input { margin-left: 1rem; padding: 0 1rem; cursor: pointer; }#cookiesdirective a { border-bottom: 1px solid #ddd; padding: 0; margin: 0; }/*.sitemap ul li { color: rgba(23,123,156,1); }.sitemap ul li a, .sitemap ul li a:link, .sitemap ul li a:visited {background: none; padding: 0;}.sitemap ul li, .sitemap .sectionheader { margin: 0; padding: 0; }.sitemap > ul > li, .sitemap .sectionheader { margin: 1.5rem 0 0; }.vp-sig:link, .vp-sig:visited {font-size: 1.1rem;color: #fff;padding: .5rem;}.vp-sig:hover, .vp-sig:focus { text-decoration: underline; }*/@media (min-width: 60em) {#kontakt .doterra { margin-top: -23rem; }#kontakt #doterra-logo { max-width: 100%; }#footer-deco { height: 26.75rem; }}@media (max-width: 48rem) {#footer-deco {height: 18rem;background: url(/uploads/images/design/Footer-Deco.png) bottom no-repeat;background-size: cover;}footer div a:link, footer div a:visited {width: 80%;max-width: 15rem;display: block;margin: 0 auto 1rem;padding: .5rem 2%;}}@media (max-width: 36rem) {#footer-deco {height: 18rem;background: url(/uploads/images/design/Footer-Deco.png) bottom no-repeat;background-size: cover;}}body::after { z-index: 0; }/* Bewegte Kugeln zwischen Hintergrund und Content */.bg-balls {position: absolute;/*    inset: 0;*/z-index: 1;pointer-events: none;overflow: hidden;}/* Einzelne Kugeln */.bg-balls span {position: fixed;display: inline-block;border-radius: 50%;background: rgba(255, 255, 255, 0.42);box-shadow:0 0 18px rgba(255, 255, 255, 0.18),inset 0 0 10px rgba(255, 255, 255, 0.24);will-change: transform;transform: translate3d(0, 0, 0);animation-timing-function: ease-in-out;animation-iteration-count: infinite;}.bg-balls span:nth-child(1) {width: 2.4rem; height: 2.4rem;left: 8vw; top: 14vh;animation-name: drift-1;animation-duration: 11s;animation-delay: -2s;}.bg-balls span:nth-child(2) {width: 4.5rem; height: 4.5rem;left: 22vw; top: 68vh;animation-name: drift-2;animation-duration: 13s;animation-delay: -5s;}.bg-balls span:nth-child(3) {width: 7.2rem; height: 7.2rem;left: 41vw; top: 22vh;animation-name: drift-3;animation-duration: 10s;animation-delay: -3s;}.bg-balls span:nth-child(4) {width: 6.5rem; height: 6.5rem;left: 63vw; top: 58vh;animation-name: drift-4;animation-duration: 14s;animation-delay: -6s;}.bg-balls span:nth-child(5) {width: 3.2rem; height: 3.2rem;left: 76vw; top: 18vh;animation-name: drift-5;animation-duration: 12s;animation-delay: -4s;}.bg-balls span:nth-child(6) {width: 8.1rem; height: 8.1rem;left: 84vw; top: 74vh;animation-name: drift-6;animation-duration: 9s;animation-delay: -7s;}.bg-balls span:nth-child(7) {width: 5rem; height: 5rem;left: 55vw; top: 84vh;animation-name: drift-7;animation-duration: 15s;animation-delay: -3s;}/* Mehrpunkt-Bewegungen */@keyframes drift-1 {0% { transform: translate3d(0, 0, 0); }25% { transform: translate3d(38px, -24px, 0); }50% { transform: translate3d(74px, 18px, 0); }75% { transform: translate3d(26px, 54px, 0); }100% { transform: translate3d(0, 0, 0); }}@keyframes drift-2 {0% { transform: translate3d(0, 0, 0); }20% { transform: translate3d(-42px, 22px, 0); }45% { transform: translate3d(-68px, -18px, 0); }70% { transform: translate3d(-20px, -48px, 0); }100% { transform: translate3d(0, 0, 0); }}@keyframes drift-3 {0% { transform: translate3d(0, 0, 0); }30% { transform: translate3d(34px, 26px, 0); }55% { transform: translate3d(62px, -16px, 0); }80% { transform: translate3d(18px, -42px, 0); }100% { transform: translate3d(0, 0, 0); }}@keyframes drift-4 {0% { transform: translate3d(0, 0, 0); }25% { transform: translate3d(-36px, -20px, 0); }50% { transform: translate3d(-70px, 30px, 0); }75% { transform: translate3d(-14px, 58px, 0); }100% { transform: translate3d(0, 0, 0); }}@keyframes drift-5 {0% { transform: translate3d(0, 0, 0); }20% { transform: translate3d(28px, -18px, 0); }45% { transform: translate3d(64px, 12px, 0); }75% { transform: translate3d(20px, 46px, 0); }100% { transform: translate3d(0, 0, 0); }}@keyframes drift-6 {0% { transform: translate3d(0, 0, 0); }25% { transform: translate3d(-24px, -22px, 0); }50% { transform: translate3d(-52px, 10px, 0); }80% { transform: translate3d(-18px, 40px, 0); }100% { transform: translate3d(0, 0, 0); }}@keyframes drift-7 {0% { transform: translate3d(0, 0, 0); }20% { transform: translate3d(22px, -26px, 0); }45% { transform: translate3d(56px, -8px, 0); }70% { transform: translate3d(30px, 38px, 0); }100% {transform: translate3d(0, 0, 0); }}