.starline svg{max-width:32px;fill:orange}.mws-layer-cover svg{max-width:100% !important}@media (max-aspect-ratio:16/9){#top-poly,#bottom-poly{display:none}}.gradient-layer{overflow:initial}.gradient-layer h1{position:relative;top:300px;z-index:20;white-space:nowrap;font-size:clamp(1rem,6vw,6rem) !important;text-shadow:0 4px 4px #202020}.gradient-layer h1 mark{font-size:0.5em}.gradient-layer .gradient{max-width:600px;box-shadow:0px 6px 10px 4px #000;position:relative;top:100px}.gradient-layer svg{width:20px;color:#202020;border:2px solid #202020;border-radius:50%;padding:10px 12px;animation:blinken 1s linear alternate infinite;cursor:pointer}@keyframes blinken{from{opacity:0.2}to{opacity:1}}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{height:50px;width:50px}#modal-2-content ul{padding-right:20px}@media (min-width:992px){.mainmenu > div::before{content:"";background-image:url(https://shop.mission-webstyle.de/wp-content/uploads/2024/06/new-cover.png);background-size:cover;background-position:center;width:50vw;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.mainmenu > div::after{content:"Startseite";position:absolute;top:0;left:-50vh;height:100%;z-index:1;font-weight:900;text-align:center;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;font-size:7rem;color:rgba(1,234,255,1)}}.mainmenu a{-webkit-text-stroke:2px #FFF;text-stroke:2px #FFF;-webkit-text-fill-color:transparent;text-fill-color:transparent;transition:3s}.mainmenu a::before{-webkit-text-fill-color:#FFF;text-fill-color:#FFF;position:absolute;top:0;left:0;overflow:hidden;height:0;color:#FFF;-webkit-transition:height 0.4s;-moz-transition:height 0.4s;transition:height 0.4s}.mainmenu > div:has(li:hover)::after{left:-3rem;transition:1s 0.4s}@media (min-width:992px){.mainmenu ul li:nth-child(1) a::before,.mainmenu > div:has(li:nth-child(1):hover)::after{content:"Startseite"}.mainmenu ul li:nth-child(2) a::before,.mainmenu > div:has(li:nth-child(2):hover)::after{content:"Leistungen"}.mainmenu ul li:nth-child(3) a::before,.mainmenu > div:has(li:nth-child(3):hover)::after{content:"Das Team"}.mainmenu ul li:nth-child(4) a::before,.mainmenu > div:has(li:nth-child(4):hover)::after{content:"Blog"}.mainmenu ul li:nth-child(5) a::before,.mainmenu > div:has(li:nth-child(5):hover)::after{content:"Kontakt"}}.mainmenu a:where(:not(.wp-element-button)):hover::before,.mainmenu .current-menu-item a::before{height:100%}.mainmenu > div:has(li:nth-child(2):hover)::before{background-image:url(https://shop.mission-webstyle.de/wp-content/uploads/2021/10/mockupspektral.jpg);transition:1s}.mainmenu > div:has(li:nth-child(3):hover)::before{background-image:url(https://shop.mission-webstyle.de/wp-content/uploads/2022/10/firma-3.jpg);transition:1s}.mainmenu > div:has(li:nth-child(4):hover)::before{background-image:url(https://shop.mission-webstyle.de/wp-content/uploads/2024/06/blog.jpg);transition:1s}.mainmenu > div:has(li:nth-child(5):hover)::before{background-image:url(https://shop.mission-webstyle.de/wp-content/uploads/2024/06/contact.jpg);transition:1s}.modal{display:none;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:20px;background-color:rgba(255,255,255,0.5);z-index:10;padding:6px}.modal-content{margin:auto;padding:20px;background-color:white;width:90%;max-height:90vh;overflow-y:auto}.modal-content > .wp-block-column{max-height:inherit}.modal.visible{display:flex;justify-content:center;align-items:center}.post-button{height:0;transition:2s}.modalBtn.wp-block-cover:hover .post-button{height:55px;transition:1s}.archive .wp-block-query > ul > li{background-color:#202020}@media (min-width:768px){.archive .wp-block-query > ul > li:nth-child(13n + 1){grid-row:span 2;grid-column:span 2}.archive .wp-block-query > ul > li:nth-child(13n + 5){grid-row:span 2}.archive .wp-block-query > ul > li:nth-child(13n + 6){grid-row:span 2}.archive .wp-block-query > ul > li:nth-child(13n + 9){grid-column:span 2}.archive .wp-block-query > ul > li:nth-child(13n + 13){grid-column:span 2}}.archive .wp-block-query > ul > li > div{height:100%}.modalBtn.wp-block-cover img{transition:1s}.modalBtn.wp-block-cover:hover img{transform:scale(1.05);filter:brightness(110%) url() !important;z-index:0;position:absolute}.modalBtn.wp-block-cover:hover .wp-block-cover__background.has-background-dim.has-background-dim-0{opacity:0.8}.footer-posts li{margin-bottom:0}.sort-button a{border-radius:4px;border:1px solid #202020;background-color:white;color:#202020}.sort-button.moveon{border-radius:4px}.moveon > a{background-color:transparent;color:#202020;font-weight:bold}.sort-button > a:hover{background-color:#202020;color:white}.cover-title{background-color:rgba(255,255,255,0.8);position:absolute;top:40%;padding:20px}.wpcf7-acceptance{padding:0}.wpcf7-acceptance .wpcf7-list-item{margin:0}body{-webkit-transition:.8s;transition:.8s}.dark-mode{--wp--preset--color--primary:#FFFFFF;--wp--preset--color--secondary:#202020}.dark-mode .modal-content{background-color:#202020}.dark-mode footer{--wp--preset--color--primary:#101010;--wp--preset--color--secondary:#FFFFFF}.dark-mode .wp-container-core-post-template-is-layout-1 h2,.dark-mode .wp-container-core-post-template-is-layout-1 .taxonomy-category a{color:white}.cls-1{fill:var(--wp--preset--color--secondary);-webkit-transition:.8s;transition:.8s}.wp-block-button.dark-mode-btn .wp-block-button__link{position:relative;display:inline-block;width:60px;height:30px;background:#202020;border-radius:34px;padding:0;text-indent:-9999px;overflow:hidden;cursor:pointer;transition:.6s}.wp-block-button.dark-mode-btn .wp-block-button__link::before{content:"";position:absolute;height:24px;width:24px;left:2px;bottom:3px;background-color:#f9c20a;border-radius:50%;transition:.4s}body.dark-mode .wp-block-button.dark-mode-btn .wp-block-button__link{background:#101010}body.dark-mode .wp-block-button.dark-mode-btn .wp-block-button__link::before{transform:translateX(34px)}.dark-mode .sort-button a{border:1px solid #FFF;background-color:#202020;color:#FFF}.dark-mode .sort-button > a:hover{background-color:#FFF;color:#202020}.dark-mode .moveon > a{background-color:transparent;color:#202020;font-weight:bold}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{position:relative;border-radius:6px}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open svg{position:relative;z-index:10}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::before{border-radius:6px;content:'';background:linear-gradient(135deg,#00f2fe,#11f3ff,#FF00FF,#4facfe,#aa00aa);background-size:400% 400%;-webkit-animation:verlaufAnimation 6s linear infinite !important;-moz-animation:verlaufAnimation 6s linear infinite !important;-o-animation:verlaufAnimation 6s linear infinite !important;animation:verlaufAnimation 6s linear infinite !important;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::after{border-radius:6px;background-color:var(--wp--preset--color--primary);position:absolute;right:5%;bottom:5%;content:'';height:90%;width:90%}.home-cover .wp-block-cover__inner-container,.parallax-container{height:100vh}#left-1,#left-2,#left-3,#right-1,#right-2,#right-3,#base,#person-in-front{position:absolute;bottom:0}#person-in-front{width:20%;position:absolute;left:40%;bottom:0;z-index:50;display:flex;justify-content:center;animation:pump_up 3s}.wp-site-blocks{max-width:2800px;margin:0 auto}.home-cover{overflow:hidden}.parallax{pointer-events:none;transition:0.5s}.home-cover{position:relative;overflow:hidden;max-width:100%}.header-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:99;pointer-events:auto;text-align:center}.header-title h1{font-size:clamp(2rem,3rem + ((1vw - 0.3rem) * 4.444),6rem) !important}.header-title p{display:inline-block;font-weight:bold;color:#fff;position:relative}.header-title p::before{content:"Einfach. Individuell. Online.";position:absolute;top:0;left:0;z-index:-1;padding:0;color:transparent;-webkit-text-stroke:4px transparent;background:linear-gradient(135deg,#00f2fe,#11f3ff,#FF00FF,#4facfe,#aa00aa);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;animation:animateBorder 10s linear infinite alternate}@keyframes animateBorder{0%{background-position:0% 50%}100%{background-position:100% 50%}}.base{z-index:40}.left-1{z-index:30;animation:pump_up 2s}.left-2{z-index:20;animation:pump_up 1s}.left-3{z-index:10;animation:pump_up 0.5s}.right-1{z-index:10;animation:pump_up 0.5s}.right-2{z-index:20;animation:pump_up 1s}.right-3{z-index:30;animation:pump_up 2s}.fog-1{position:absolute;top:40%;width:100%;height:100%;z-index:25;animation:foglayer_01_opacity 10s linear infinite,fogmove 15s linear infinite}.fog-2{position:absolute;top:50%;width:100%;height:100%;z-index:5;animation:foglayer_02_opacity 21s linear infinite,fogmove 13s linear infinite}.fog-3{position:absolute;top:20%;left:0;width:100%;height:100%;z-index:15;animation:foglayer_02_opacity 21s linear infinite,fogmove 13s linear infinite}@keyframes fogmove{from{left:-100%}to{left:100%}}@keyframes pump_up{from{bottom:-100vh}to{bottom:0}}@keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}100%{opacity:.1}}@keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}100%{opacity:.5}}@keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}100%{opacity:.8}}.accordion-medien .wp-block-media-text__media{min-height:60vh !important}@media (min-width:592px){.accordion-medien > .wp-block-media-text{grid-template-columns:120px 1fr}.accordion-medien .wp-block-media-text__content{display:none}.accordion-medien .wp-block-media-text__content.showtoggle{display:block}.active-toggle{order:-1}}@media (min-width:800px){.accordion-medien > .wp-block-media-text{grid-template-columns:180px 1fr}}@media (min-width:1000px){.accordion-medien > .wp-block-media-text{grid-template-columns:240px 1fr}}@media (min-width:1200px){.accordion-medien{flex-wrap:nowrap !important}.accordion-medien > div{cursor:pointer}.accordion-medien > .wp-block-media-text{grid-template-columns:150px 1fr}}.slider{position:relative;min-height:100vh;overflow:hidden;font-family:sans-serif}.wp-block-group__slide{position:absolute;top:0;left:0;width:100%;min-height:100vh;opacity:0;pointer-events:none;transition:opacity 1s ease;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;z-index:0;flex-direction:column}.wp-block-group__slide.active{opacity:1;pointer-events:auto;z-index:2}.slide-images{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.slide-images img{position:absolute;width:100%;height:100% !important;object-fit:cover;object-position:center;filter:none;opacity:1;transition:transform 1s ease,filter 1s ease;transform-origin:center center;transform:rotate(0deg) scale(1)}.slide-images .outer{z-index:1}.slide-images .middle{z-index:2;clip-path:ellipse(20rem 20rem at 50% 50%)}.slide-images .inner{z-index:3;clip-path:ellipse(8rem 8rem at 50% 50%)}.content-box{position:relative;z-index:10;max-width:600px;background:rgba(0,0,0,0.85);padding:2rem;border-radius:0.5rem;text-align:center;color:#fff;opacity:0;transform:translateY(20px);transition:opacity 0.5s ease 1s,transform 0.5s ease 1s}.wp-block-group__slide.active .content-box{opacity:1;transform:translateY(0)}.slider-button{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:rgba(255,255,255,0.8);border:none;border-radius:50%;cursor:pointer;font-size:2rem;color:#000;z-index:9999;display:grid;place-items:center;user-select:none;box-shadow:0 0 8px rgba(0,0,0,0.3);transition:background 0.3s ease}.slider-button:hover{background:rgba(255,255,255,1)}.slider-button.prev{left:1rem}.slider-button.next{right:1rem}.wp-block-group__slide{height:100%}@media (max-width:768px){.slider{min-height:100vh}.wp-block-group__slide{min-height:100vh;padding:1rem}.content-box{max-width:90%;padding:1rem}}.hidden-animation{opacity:0;filter:blur(5px);transform:translatex(-100%);transition:all 1s}.show-animation{opacity:1;filter:blur(0);transform:translatex(0)}.accordion-medien *:nth-child(2){transition-delay:200ms}.accordion-medien *:nth-child(3){transition-delay:400ms}.accordion-medien *:nth-child(4){transition-delay:600ms}@media (prefers-reduced-motion){.animation{transition:none}}