@charset "UTF-8";
/***!  /media/templates/site/cassiopeia_internetagentur_scherer/css/user.css?c49f1e  !***/

:root{--bg:#161C24;--bgbright:#212b36;--border:rgba(145,158,171,0.24);--white:#fff;--darkwhite:#919EAB;--orange:#FF8C00;--skill-beratung:#66d1dd;--skill-beratung-d:#2dc8d3;--skill-konzeption:#33b1e4;--skill-konzeption-d:#0b98d0;--skill-gestaltung:#065382;--skill-gestaltung-d:#0c4367;--skill-programmierung:#8c103e;--skill-programmierung-d:#7b002e;--skill-suchmaschine:#e34856;--skill-suchmaschine-d:#c8202f;--skill-socialmedia:#fe9229;--skill-socialmedia-d:#fb7802;--skill-controlling:#feca5a;--skill-controlling-d:#f9b421;--skill-optimierung:#97bb12;--skill-optimierung-d:#93a317;--size:200px;--icon-size:100px}html,body{overflow-x:hidden;width:100%}body{margin:0;padding:0;background:var(--bg);background-size:400% 400%;color:var(--darkwhite);font-family:'Montserrat';font-style:normal;font-weight:400}body.wrapper-fluid .grid-child,body.wrapper-fluid .site-grid,body.wrapper-fluid .site-grid .grid-child{max-width:1920px;margin:0 auto}body.wrapper-fluid header>.grid-child{padding-left:0;padding-right:0}.distance{height:1.5em}.distance-5{height:5rem}.page-starter{margin-top:5rem}a{color:var(--darkwhite);transition:1.3s}a:hover:hover{color:var(--orange);transition:1.3s}p,.p{hyphens:auto;text-align:justify}h1,.h1{font-family:"Handel Gothic ITC W01 Italic";color:var(--white);font-size:2.5em}.wrapper-headline-front{position:relative;margin-left:50px}.headline-front{font-family:"Handel Gothic ITC W01 Italic";color:var(--white);font-size:1.5em;font-weight:700;margin:0 0 -10px 0;padding:0;display:inline-block}.headline-front:before{content:'';display:block;position:absolute;background:var(--white);height:1px;width:40px;left:-50px;top:50%}h2,.h2{font-family:"Handel Gothic ITC W01 Italic";color:var(--white);font-size:2.5em}h3,.h3{font-family:"Handel Gothic ITC W01 Italic";color:var(--white);font-size:2.5em}.animated{display:inline;text-indent:8px;position:relative}.animated span{font-family:"Handel Gothic ITC W01 Italic";color:var(--white);font-size:1.5em;font-weight:700;margin:0 0 -10px 0;padding:0;animation:topToBottom 5s infinite 0s;-ms-animation:topToBottom 5s infinite 0s;-webkit-animation:topToBottom 5s infinite 0s;color:var(--orange);overflow:hidden;position:absolute;display:inline-block;visibility:hidden}.animated span:nth-child(2){animation-delay:1s;-ms-animation-delay:1s;-webkit-animation-delay:1s}.animated span:nth-child(3){animation-delay:2s;-ms-animation-delay:2s;-webkit-animation-delay:2s}.animated span:nth-child(4){animation-delay:3s;-ms-animation-delay:3s;-webkit-animation-delay:3s}.animated span:nth-child(5){animation-delay:4s;-ms-animation-delay:4s;-webkit-animation-delay:4s}@keyframes topToBottom{0%{visibility:hidden}20%{visibility:hidden}40%{visibility:hidden}60%{visibility:hidden}80%{visibility:hidden}100%{visibility:visible}}h5,.h5{font-family:"Handel Gothic ITC W01 Italic";color:#fff;text-shadow:1px 1px 1px #252525;font-size:1.8em;margin-bottom:1rem;padding-left:0.2em !important}h6,.h6{font-family:"Handel Gothic ITC W01 Italic";color:var(--white);text-shadow:1px 1px 1px #252525;font-size:1.3em}@media only screen and (max-width:576px){h1,.h1,h2,.h2,h3,.h3,.sidebar h6,.container-sidebar-right .card h6{font-size:1.3em !important}p.headline-front{font-size:0.9em}.animated span{font-size:1.0em;margin:0 0 -10px 0}}body.site .site-grid .com-content-article__body a{color:var(--white);text-decoration:none;background-image:linear-gradient(#FF8C00,#FF8C00);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s}body.site .site-grid .com-content-article__body a:hover{background-size:100% 2px}body.site .site-grid .com-content-article__body a,body.site .site-grid .com-content-article__body a:hover,body.site .site-grid .com-content-article__body a:focus{text-decoration:none}.container-header{z-index:100;background-color:var(--bg);background-image:none;border-bottom:1px solid var(--orange)}.container-header .brand-container{padding:0 !important;width:100%}.container-header .top-logo{padding-left:15px}.container-header .brand-container a{text-decoration:none;font-family:"Handel Gothic ITC W01 Italic"}.container-header .mod-menu>li.active:after,.container-header .mod-menu>li:hover:after{background:var(--orange);opacity:1.0}img.imagemark{margin-top:5px}h2.wordmark{font-family:"Handel Gothic ITC W01 Italic";color:#fff;text-shadow:1px 1px 1px #252525;font-size:2.5em}.brandname{border-bottom:1px solid black;border-image:linear-gradient(to left,rgb(255,255,255) 75%,rgba(0,0,0,0) 100%);border-image-slice:1}header.container-header .brand-container .custom ul{margin:0;padding:0;display:flex}header.container-header .brand-container .custom ul li{list-style:none;padding:10px 20px}header.container-header .brand-container .custom a{font-family:"Handel Gothic ITC W01 Italic";color:#fff;text-shadow:1px 1px 1px #252525;color:var(--white);text-decoration:none;text-transform:uppercase;position:relative;&:hover{color:var(--white)}span:first-child:before,span:first-child:after{content:'';position:absolute;top:0;width:7px;height:7px;background:transparent;border-top:2px solid var(--orange);transition:.3s;opacity:0}span:first-child:before{left:0;border-left:2px solid var(--orange);opacity:0}span:first-child:after{right:0;border-right:2px solid var(--orange);opacity:0}span:last-child:before,span:last-child:after{content:'';position:absolute;bottom:0;width:7px;height:7px;background:transparent;border-bottom:2px solid var(--orange);transition:.3s;opacity:0}span:last-child:before{left:0;border-left:2px solid var(--orange);opacity:0}span:last-child:after{right:0;border-right:2px solid var(--orange);opacity:0}&:hover span:first-child:before{top:-7px;left:-7px;opacity:1}&:hover span:first-child:after{top:-7px;right:-7px;opacity:1}&:hover span:last-child:before{bottom:-7px;left:-7px;opacity:1}&:hover span:last-child:after{bottom:-7px;right:-7px;opacity:1}}body.willkommen header.container-header .brand-container .custom a.willkommen,body.agentur header.container-header .brand-container .custom a.agentur,body.soft-skills header.container-header .brand-container .custom a.soft-skills,body.ki-skills header.container-header .brand-container .custom a.ki-skills,body.tech-skills header.container-header .brand-container .custom a.tech-skills,body.aktuelles header.container-header .brand-container .custom a.aktuelles,body.kontakt header.container-header .brand-container .custom a.kontakt{font-family:"Handel Gothic ITC W01 Italic";color:#fff;text-shadow:1px 1px 1px #252525;color:var(--orange);text-decoration:none;text-transform:uppercase;position:relative}body.willkommen header.container-header .brand-container .custom a.willkommen span:first-child:before,body.agentur header.container-header .brand-container .custom a.agentur span:first-child:before,body.soft-skills header.container-header .brand-container .custom a.soft-skills span:first-child:before,body.ki-skills header.container-header .brand-container .custom a.ki-skills span:first-child:before,body.tech-skills header.container-header .brand-container .custom a.tech-skills span:first-child:before,body.aktuelles header.container-header .brand-container .custom a.aktuelles span:first-child:before,body.kontakt header.container-header .brand-container .custom a.kontakt span:first-child:before{top:-7px;left:-7px;opacity:1}body.willkommen header.container-header .brand-container .custom a.willkommen span:first-child:after,body.agentur header.container-header .brand-container .custom a.agentur span:first-child:after,body.soft-skills header.container-header .brand-container .custom a.soft-skills span:first-child:after,body.ki-skills header.container-header .brand-container .custom a.ki-skills span:first-child:after,body.tech-skills header.container-header .brand-container .custom a.tech-skills span:first-child:after,body.aktuelles header.container-header .brand-container .custom a.aktuelles span:first-child:after,body.kontakt header.container-header .brand-container .custom a.kontakt span:first-child:after{top:-7px;right:-7px;opacity:1}body.willkommen header.container-header .brand-container .custom a.willkommen span:last-child:before,body.agentur header.container-header .brand-container .custom a.agentur span:last-child:before,body.soft-skills header.container-header .brand-container .custom a.soft-skills span:last-child:before,body.ki-skills header.container-header .brand-container .custom a.ki-skills span:last-child:before,body.tech-skills header.container-header .brand-container .custom a.tech-skills span:last-child:before,body.aktuelles header.container-header .brand-container .custom a.aktuelles span:last-child:before,body.kontakt header.container-header .brand-container .custom a.kontakt span:last-child:before{bottom:-7px;left:-7px;opacity:1}body.willkommen header.container-header .brand-container .custom a.willkommen span:last-child:after,body.agentur header.container-header .brand-container .custom a.agentur span:last-child:after,body.soft-skills header.container-header .brand-container .custom a.soft-skills span:last-child:after,body.ki-skills header.container-header .brand-container .custom a.ki-skills span:last-child:after,body.tech-skills header.container-header .brand-container .custom a.tech-skills span:last-child:after,body.aktuelles header.container-header .brand-container .custom a.aktuelles span:last-child:after,body.kontakt header.container-header .brand-container .custom a.kontakt span:last-child:after{bottom:-7px;right:-7px;opacity:1}header.container-header .brand-container .mobile{display:none !important}@media only screen and (max-width:1150px){header.container-header .brand-container .custom ul li{padding:10px 12px}}@media only screen and (max-width:992px){header.container-header .brand-container .nomobile{display:none}header.container-header .brand-container .mobile{display:block !important}}@media only screen and (max-width:786px){header.container-header .brand-container h2.wordmark{font-size:2.0em}header.container-header .brand-container img.imagemark{width:2.0em;height:auto;margin-top:3px}}@media only screen and (max-width:576px){header.container-header .brand-container h2.wordmark{font-size:1.5em}header.container-header .brand-container img.imagemark{width:1.5em;height:auto;margin-top:2px}}header.container-header .brand-container .mobile .overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(153,204,51,0.9)}header.container-header .brand-container .mobile .menu-btn{background:var(--bg);display:block;position:absolute;width:36px;border:0px;top:-15px;right:1vw;color:var(--white)}header.container-header .brand-container .mobile .overlay .overlay-close{width:40px;height:40px;position:absolute;right:calc(50vw - 20px);top:20px;overflow:hidden;border:none;background:url(https://www.internetagentur-scherer.de/media/templates/site/cassiopeia_internetagentur_scherer/img/cross.png) no-repeat center center;text-indent:200%;color:transparent;outline:none;z-index:100}header.container-header .brand-container .mobile .overlay nav{text-align:center;position:relative;top:50%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header.container-header .brand-container .mobile .overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;height:100%;position:relative}header.container-header .brand-container .mobile .overlay ul li{display:block;height:20%;height:calc(100% / 7);min-height:54px;-webkit-backface-visibility:hidden;backface-visibility:hidden}header.container-header .brand-container .mobile .overlay ul li a{font-size:24px;font-weight:300;display:block;color:#fff;-webkit-transition:color 0.2s;transition:color 0.2s}header.container-header .brand-container .mobile .overlay ul li a:hover,header.container-header .brand-container .mobile .overlay ul li a:focus{color:#f0f0f0}header.container-header .brand-container .mobile .overlay-boxes{background:transparent;visibility:hidden;-webkit-transition:visibility 0s 0.8s;transition:visibility 0s 0.8s}header.container-header .brand-container .mobile .overlay-boxes.open{visibility:visible;-webkit-transition:none;transition:none}header.container-header .brand-container .mobile .overlay-boxes svg{position:absolute;top:0;left:0}header.container-header .brand-container .mobile .overlay-boxes svg path{fill:rgb(33 43 54);display:none}header.container-header .brand-container .mobile .overlay-boxes nav,header.container-header .brand-container .mobile .overlay-boxes .overlay-close{opacity:0;-webkit-transition:opacity 0.5s 0.8s;transition:opacity 0.5s 0.8s}header.container-header .brand-container .mobile .overlay-boxes.open nav,header.container-header .brand-container .mobile .overlay-boxes.open .overlay-close{opacity:1;-webkit-transition-delay:0.8s;transition-delay:0.8s}header.container-header .brand-container .mobile .overlay-boxes.close nav,header.container-header .brand-container .mobile .overlay-boxes.close .overlay-close{-webkit-transition-delay:0s;transition-delay:0s}@media screen and (max-height:30.5em){header.container-header .brand-container .mobile .overlay nav{height:70%;font-size:34px}header.container-header .brand-container .mobile .overlay ul li{min-height:34px}}.container-sidebar-right .card{background-color:var(--bgbright);border-style:solid;border-color:rgba(145,158,171,0.24);border-image:initial;border-radius:16px}.container-sidebar-right .card h6{color:var(--white);font-family:"Handel Gothic ITC W01 Italic";font-style:normal;font-weight:700;font-size:1.7em;margin-bottom:-15px;padding-bottom:0px}.container-sidebar-right .card hr{border:1px solid var(--darkwhite);opacity:1.00}.container-sidebar-right .card ul li{color:var(--darkwhite);font-family:'Montserrat';font-style:normal;font-weight:400;list-style:none;margin-bottom:7px}.container-sidebar-right .card ul li i.fa-solid.fa-star{color:var(--white)}.container-sidebar-right .card i.fa-solid.fa-phone-volume{margin-right:10px}.container-sidebar-right .card a{text-decoration:none}.container-sidebar-right .card .cta{color:var(--white);font-size:1.5em;font-weight:900;transition:1.3s}.container-sidebar-right .card .cta:hover{color:var(--orange);transition:1.3s}p.sidebar-after-underline{font-family:"Handel Gothic ITC W01 Italic";text-align:right;margin-top:-1rem;color:var(--white);font-weight:700;font-size:1.4em}.sidebar{background-color:var(--bgbright);border-style:solid;border-color:rgba(145,158,171,0.24);border-image:initial;border-radius:16px}.sidebar h6{color:var(--white);font-family:"Handel Gothic ITC W01 Italic";font-style:normal;font-weight:700;font-size:1.7em;margin-bottom:-15px;padding-bottom:0px}.sidebar hr{border:1px solid var(--darkwhite);opacity:1.00}.sidebar ul li{color:var(--darkwhite);font-family:'Montserrat';font-style:normal;font-weight:400;list-style:none;margin-bottom:7px}.sidebar ul li i.fa-solid.fa-star{color:var(--white)}.sidebar i.fa-solid.fa-phone-volume{margin-right:10px}.sidebar .card a{text-decoration:none}.sidebar .card .cta{color:var(--white);font-size:1.5em;font-weight:900;transition:1.3s}.sidebar.cta:hover{color:var(--orange);transition:1.3s}p.sidebar-after-underline{font-family:"Handel Gothic ITC W01 Italic";text-align:right;margin-top:-1rem;color:var(--white);font-weight:700;font-size:1.4em}.sidebar-right.optionen h3{font-family:"Handel Gothic ITC W01 Italic";text-align:center;color:#fff;text-shadow:1px 1px 1px #252525;font-size:1.2em;margin-top:1rem;margin-bottom:1rem;padding-left:0.2em !important}.sidebar-right.optionen h3 a{color:var(--white);transition:1.3s}.sidebar-right.optionen h3 a:hover{color:var(--orange);transition:1.3s}.sidebar-cta{width:100%}.container-sidebar-left .card{background-color:var(--bgbright);border-style:solid;border-color:rgba(145,158,171,0.24);border-image:initial;border-radius:16px}.container-sidebar-left .card h6{color:var(--white);font-family:"Handel Gothic ITC W01 Italic";font-style:normal;font-weight:700;font-size:1.7em;margin-bottom:-15px;padding-bottom:0px}.container-sidebar-left .card hr{border:1px solid var(--darkwhite);opacity:1.00}body.agentur .imagecircle{position:relative;width:250px;border-radius:50%;margin:0 auto}body.agentur .imagecircle img{position:relative;display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:inherit;z-index:2}body.agentur .imagecircle::before,body.agentur .imagecircle::after{position:absolute;z-index:1;content:"";inset:-2px;border-radius:inherit;background-image:conic-gradient(var(--orange) 0deg,var(--orange) 270deg,#161C24 270deg);animation:rotate 15s linear infinite}body.agentur .imagecircle:hover::before,body.agentur .imagecircle:hover::after{animation-play-state:paused}@keyframes rotate{to{rotate:360deg}}@media only screen and (max-width:1200px){body.agentur .sidebar{margin-bottom:5rem}body.agentur .wrapper-agentur-left{width:100%;padding-bottom:10px}body.agentur .wrapper-agentur-left-ceo{float:left;width:50%}body.agentur .wrapper-agentur-left-profile{float:right;width:50%}body.agentur .imagecircle{position:relative;width:300px;border-radius:50%}}@media only screen and (max-width:768px){body.agentur .wrapper-agentur-left{width:300px;margin:0 auto}body.agentur .wrapper-agentur-left-ceo{float:none;width:100%}body.agentur .wrapper-agentur-left-profile{float:none;width:100%}body.agentur .imagecircle{position:relative;width:300px;border-radius:50%}.wrapper-agentur-left ul li{font-size:14px}}body.agentur .img-wrap{overflow:hidden;position:relative}body.agentur .img-wrap img{display:block;width:100%;height:auto;transition:transform .5s ease}body.agentur .img-wrap img:hover{transform:scale(1.2)}body.agentur .img-wrap .overlay{position:absolute;bottom:0;left:0;width:50%;height:30%;background-color:rgba(0,0,0,0.5);color:white;display:flex;justify-content:center;align-items:center;z-index:1}body.agentur .img-wrap .overlay p{margin:0;padding:0}@media only screen and (max-width:992px){body.agentur .img-wrap .overlay{bottom:0;left:0;width:60%;height:30%}body.agentur .img-wrap .overlay p{font-size:14px}}@media only screen and (max-width:768px){body.agentur .img-wrap .overlay{width:100%;height:40%}body.agentur .img-wrap .overlay p{font-size:11px}}body.layout-blog .blog{max-width:1200px;margin-bottom:10rem}body.layout-blog .blog h4{margin-bottom:2.5rem}.container-blog-items.full-width h4 a{color:var(--white);font-size:0.8em;text-decoration:none}body.willkommen .container-blog-items a{color:var(--white) !important;text-decoration:none;background-image:linear-gradient(#FF8C00,#FF8C00);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s}body.willkommen .container-blog-items a:hover{color:var(--white);background-size:100% 2px}body.willkommen .container-blog-items a,body.willkommen .container-blog-items a:hover,body.willkommen .container-blog-items a:focus{text-decoration:none}body.layout-blog h1 a{color:var(--white) !important;text-decoration:none;background-image:linear-gradient(#FF8C00,#FF8C00);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s}body.layout-blog h1 a:hover{color:var(--white);background-size:100% 2px}body.layout-blog h1 a,body.layout-blog h1 a:hover,body.layout-blog h1 a:focus{text-decoration:none}body.layout-blog .blog a{color:var(--white);text-decoration:none;background-image:linear-gradient(#FF8C00,#FF8C00);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s}body.layout-blog .blog a:hover{background-size:100% 2px}body.layout-blog .blog a,body.layout-blog .blog a:hover,body.layout-blog .blog a:focus{text-decoration:none}body.layout-blog .blog .no-blog{color:var(--white)}body.view-article.layout-blog .blog .no-blog{display:none}body.willkommen .container-blog-items .img-wrap{overflow:hidden}body.willkommen .container-blog-items img{display:block;width:100%;height:auto;transition:transform .5s ease}body.willkommen .container-blog-items img:hover{transform:scale(1.2)}.site-grid ul li{color:var(--darkwhite);font-family:'Montserrat';font-style:normal;font-weight:400;list-style:none;margin-bottom:7px;padding-left:1.5em;text-indent:-1.8em}.site-grid ul li:before{font-family:var(--fa-style-family,"Font Awesome 6 Free");content:"\f006";padding-right:10px;color:var(--white)}.site-grid ul li i.fa-solid.fa-star{color:var(--white)}.up-down{animation:up-down 4s ease-in-out infinite alternate-reverse both}@keyframes up-down{0%{transform:translateY(10px)}100%{transform:translateY(-10px)}}.left-right{animation:left-right 4s ease-in-out infinite alternate-reverse both}@keyframes left-right{0%{transform:translateX(10px)}100%{transform:translateX(-10px)}}body.digital-skills .pre-section-skills-wrap{display:none}body.digital-skills-sub .skills-overview .section-skills-intro{display:none}body.site .site-grid .com-content-article__body .page-starter .arrow a{color:var(--white);text-decoration:none}body.site .site-grid .com-content-article__body .page-starter .arrow a,body.site .site-grid .com-content-article__body .page-starter .arrow a:hover,body.site .site-grid .com-content-article__body .page-starter .arrow a:focus{text-decoration:none}section#skills.container-section-skills-top{max-width:100%;padding-left:2em;padding-right:2em;background-color:var(--bg);overflow:hidden}section#skills{max-width:100%;padding-left:2em;padding-right:2em;background-color:var(--bgbright);overflow:hidden}section#skills .grid-child{display:grid;align-content:center;gap:2rem}.pre-section-skills-wrap{margin-bottom:20vw;position:relative;padding:0px}.pre-section-skills:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 1185 248'><circle cx='76' cy='121.1' r='20' class='a' fill='%23161C24'/><circle cx='870' cy='201.1' r='11' class='a' fill='%23161C24'/><circle cx='814.5' cy='165.6' r='24.5' class='a' fill='%23161C24'/><path d='M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z' class='a' fill='%23161C24'/></svg>");content:"";position:absolute;bottom:0;width:100%;height:20vw;background-color:var(--bgbright);background-size:100%;transform:translate(0,100%)}.after-section-skills-wrap{margin-bottom:20vw;position:relative;padding:0px}.after-section-skills:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1185 248'><path d='M50.5 199.8c112.4 0 87.5-49 188.7-59.3s146.7 38.3 219.5 38.3 107.9-21.9 210.8-69.3c102.8-47.3 274-8.7 424.8 69.3 37.7 19.5 68 36.7 90.7 51.5V0H0v193C15 197.2 31.6 199.8 50.5 199.8zM1109 106.9c11 0 20 9 20 20 0 11-9 20-20 20s-20-9-20-20C1089 115.9 1098 106.9 1109 106.9zM370.5 57.9c13.5 0 24.5 11 24.5 24.5 0 13.5-11 24.5-24.5 24.5S346 95.9 346 82.4C346 68.9 357 57.9 370.5 57.9zM315 35.9c6.1 0 11 4.9 11 11s-4.9 11-11 11 -11-4.9-11-11S308.9 35.9 315 35.9z' fill='%23212b36'/></svg>");content:"";position:absolute;bottom:0;width:100%;height:20vw;background-color:var(--bg);background-size:100%;transform:translate(0,100%)}.skills-overview #skills{height:625px;background-image:url("https://www.internetagentur-scherer.de/images/skills/360grad-digitales-marketing.webp");background-repeat:no-repeat;background-position:40px 8px}.skills-overview #radius{width:0px;height:200px}.skills-overview #container{position:absolute;top:0px;width:500px;height:500px;animation:spin 20s linear infinite}.skills-overview .item{width:30px;height:30px;line-height:30px;text-align:center;position:absolute;animation:spin 20s linear infinite reverse}@keyframes spin{100%{transform:rotate(1turn)}}.skills-overview img.beratung-consulting{max-width:var(--size);rotate:90deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-beratung-consulting{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:90deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-beratung-consulting:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.konzeption-planung{max-width:var(--size);rotate:135deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-konzeption-planung{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:135deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-konzeption-planung:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.gestaltung-design{max-width:var(--size);rotate:180deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-gestaltung-design{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:180deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-gestaltung-design:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.programmierung-entwicklung{max-width:var(--size);rotate:225deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-programmierung-entwicklung{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:225deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-programmierung-entwicklung:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.suchmaschinen-seo-sea{max-width:var(--size);rotate:270deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-suchmaschinen-seo-sea{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:270deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-suchmaschinen-seo-sea:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.socialmedia-smm-sma{max-width:var(--size);rotate:315deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-socialmedia-smm-sma{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:315deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-socialmedia-smm-sma:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.controlling-analyse{max-width:var(--size);rotate:360deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-controlling-analyse{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:360deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-controlling-analyse:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}.skills-overview img.optimierung-tuning{max-width:var(--size);rotate:45deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-optimierung-tuning{position:absolute;top:0px;left:0px;max-width:var(--size);rotate:45deg;animation:antispin 20s linear infinite}.skills-overview .item img.top-optimierung-tuning:hover{transition:all 1.0s ease-in-out !important;filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}@keyframes antispin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}body:has(.skills-overview #container img.top-beratung-consulting:hover ) .skills-overview .bubble .icon.beratung-consulting{background-color:var(--skill-beratung)}body:has(.skills-overview .bubble .row.beratung-consulting:hover ) .skills-overview #container img.top-beratung-consulting{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.beratung-consulting:hover ) .skills-overview .bubble .icon.beratung-consulting{background-color:var(--skill-beratung)}body:has(.skills-overview #container img.top-konzeption-planung:hover ) .skills-overview .bubble .icon.konzeption-planung{background-color:var(--skill-konzeption)}body:has(.skills-overview .bubble .row.konzeption-planung:hover ) .skills-overview #container img.top-konzeption-planung{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.konzeption-planung:hover ) .skills-overview .bubble .icon.konzeption-planung{background-color:var(--skill-konzeption)}body:has(.skills-overview #container img.top-gestaltung-design:hover ) .skills-overview .bubble .icon.gestaltung-design{background-color:var(--skill-gestaltung)}body:has(.skills-overview .bubble .row.gestaltung-design:hover ) .skills-overview #container img.top-gestaltung-design{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.gestaltung-design:hover ) .skills-overview .bubble .icon.gestaltung-design{background-color:var(--skill-gestaltung)}body:has(.skills-overview #container img.top-programmierung-entwicklung:hover ) .skills-overview .bubble .icon.programmierung-entwicklung{background-color:var(--skill-programmierung)}body:has(.skills-overview .bubble .row.programmierung-entwicklung:hover ) .skills-overview #container img.top-programmierung-entwicklung{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.programmierung-entwicklung:hover ) .skills-overview .bubble .icon.programmierung-entwicklung{background-color:var(--skill-programmierung)}body:has(.skills-overview #container img.top-suchmaschinen-seo-sea:hover ) .skills-overview .bubble .icon.suchmaschinen-seo-sea{background-color:var(--skill-suchmaschine)}body:has(.skills-overview .bubble .row.suchmaschinen-seo-sea:hover ) .skills-overview #container img.top-suchmaschinen-seo-sea{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.suchmaschinen-seo-sea:hover ) .skills-overview .bubble .icon.suchmaschinen-seo-sea{background-color:var(--skill-suchmaschine)}body:has(.skills-overview #container img.top-socialmedia-smm-sma:hover ) .skills-overview .bubble .icon.socialmedia-smm-sma{background-color:var(--skill-socialmedia)}body:has(.skills-overview .bubble .row.socialmedia-smm-sma:hover ) .skills-overview #container img.top-socialmedia-smm-sma{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.socialmedia-smm-sma:hover ) .skills-overview .bubble .icon.socialmedia-smm-sma{background-color:var(--skill-socialmedia)}body:has(.skills-overview #container img.top-controlling-analyse:hover ) .skills-overview .bubble .icon.controlling-analyse{background-color:var(--skill-controlling)}body:has(.skills-overview .bubble .row.controlling-analyse:hover ) .skills-overview #container img.top-controlling-analyse{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.controlling-analyse:hover ) .skills-overview .bubble .icon.controlling-analyse{background-color:var(--skill-controlling)}body:has(.skills-overview #container img.top-optimierung-tuning:hover ) .skills-overview .bubble .icon.optimierung-tuning{background-color:var(--skill-optimierung)}body:has(.skills-overview .bubble .row.optimierung-tuning:hover ) .skills-overview #container img.top-optimierung-tuning{filter:brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(612%) hue-rotate(170deg) brightness(93%) contrast(86%)}body:has(.skills-overview .bubble .row.optimierung-tuning:hover ) .skills-overview .bubble .icon.optimierung-tuning{background-color:var(--skill-optimierung)}.skills-overview .bubble a{text-decoration:none}.skills-overview .bubble .icon{width:6rem;aspect-ratio:1;color:white;font-size:2.5rem;border:0.4rem solid var(--bgColor);border-radius:50%;box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.45),inset -0.25rem 0.25rem 0.5rem rgba(0,0,0,0.45)}.skills-overview .bubble .title{font-size:1.0rem;color:white}@media only screen and (max-width:1400px){.skills-overview #container{top:20px;left:260px}.skills-overview #skills{height:625px;background-size:450px 450px;background-position:58px 85px}.skills-overview #radius{width:0px;height:150px}.skills-overview #container img.beratung-consulting,.skills-overview #container img.top-beratung-consulting,.skills-overview #container img.konzeption-planung,.skills-overview #container img.top-konzeption-planung,.skills-overview #container img.gestaltung-design,.skills-overview #container img.top-gestaltung-design,.skills-overview #container img.programmierung-entwicklung,.skills-overview #container img.top-programmierung-entwicklung,.skills-overview #container img.suchmaschinen-seo-sea,.skills-overview #container img.top-suchmaschinen-seo-sea,.skills-overview #container img.socialmedia-smm-sma,.skills-overview #container img.top-socialmedia-smm-sma,.skills-overview #container img.controlling-analyse,.skills-overview #container img.top-controlling-analyse,.skills-overview #container img.optimierung-tuning,.skills-overview #container img.top-optimierung-tuning{width:150px}}@media only screen and (max-width:1200px){.skills-overview #container{top:20px;left:170px}.skills-overview #skills{height:625px;background-size:450px 450px;background-position:11px 85px}.skills-overview .bubble .title{font-size:0.85rem}}@media only screen and (max-width:992px){.skills-overview #skills{display:none}}@media only screen and (max-width:576px){.skills-overview .bubble .title{font-size:0.85rem}}.gr-1{background:linear-gradient(170deg,var(--skill-beratung-d) 0%,var(--bg) 100%)}.gr-2{background:linear-gradient(170deg,var(--skill-konzeption-d) 0%,var(--bg) 100%)}.gr-3{background:linear-gradient(170deg,var(--skill-gestaltung-d) 0%,var(--bg) 100%)}.gr-4{background:linear-gradient(170deg,var(--skill-programmierung-d) 0%,var(--bg) 100%)}.gr-5{background:linear-gradient(170deg,var(--skill-suchmaschine-d) 0%,var(--bg) 100%)}.gr-6{background:linear-gradient(170deg,var(--skill-socialmedia-d) 0%,var(--bg) 100%)}.gr-7{background:linear-gradient(170deg,var(--skill-controlling-d) 0%,var(--bg) 100%)}.gr-8{background:linear-gradient(170deg,var(--skill-optimierung-d) 0%,var(--bg) 100%)}section#skills .grid-child *{transition:.5s}section#skills .grid-child .h-100{height:100vh !important}section#skills .grid-child .align-middle{position:relative}section#skills .grid-child .column{margin-top:3rem;padding-left:3rem;&:hover{padding-left:0;.card .txt{margin-left:1rem;h1,p{color:rgba(255,255,255,1);opacity:1}}a{color:rgba(255,255,255,1);&:after{width:10%}}}}section#skills .grid-child .card{min-height:170px;margin:0;padding:1.7rem 1.2rem;border:none;border-radius:0;color:rgba(0,0,0,1);letter-spacing:.05rem;font-family:'Oswald',sans-serif;box-shadow:0 0 21px rgba(0,0,0,.27);.txt{margin-left:-3rem;z-index:1;h3{font-size:1.5rem;font-weight:300;text-transform:uppercase}p{font-size:.7rem;font-family:'Open Sans',sans-serif;letter-spacing:0rem;margin-top:33px;opacity:0;color:rgba(255,255,255,1)}}a{z-index:3;font-size:.7rem;color:rgba(0,0,0,1);margin-left:1rem;position:relative;bottom:-.5rem;text-transform:uppercase;&:after{content:"";display:inline-block;height:0.5em;width:0;margin-right:-100%;margin-left:10px;border-top:1px solid rgba(255,255,255,1);transition:.5s}}.ico-card{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;overflow:hidden}i{position:relative;right:-50%;top:60%;font-size:12rem;line-height:0;opacity:.2;color:rgba(255,255,255,1);z-index:0}}@media only screen and (max-width:1400px){section#skills .grid-child .card .txt h3{font-size:1.2rem}}.skip-page{background-color:var(--rgb-highlight)}.skip-page .page-break-forward,.skip-page .page-break-back{background-color:var(--bg)}.skip-page .page-break-forward .arrow{background-color:var(--orange);color:#fff;display:inline-block;padding-left:0px;border-color:1px var(--orange)}.skip-page .page-break-forward .arrow a{color:#fff;padding-left:10px;text-decoration:none !important}.skip-page .page-break-forward .arrow-right{border-style:dashed;border-color:transparent;border-width:0.20em;display:-moz-inline-box;display:inline-block;font-size:100px;height:0;line-height:0;position:relative;vertical-align:middle;width:0;background-color:var(--bg);border-left-width:0.2em;border-left-style:solid;border-left-color:var(--orange);left:0.25em}.skip-page .page-break-forward .arrow-left-nocke{border-style:dashed;border-color:var(--orange);border-width:0.20em;display:-moz-inline-box;display:inline-block;font-size:100px;height:0;line-height:0;position:relative;vertical-align:middle;width:0;background-color:var(--orange);border-left-width:0.2em;border-left-style:solid;border-left-color:var(--bg)}.skip-page .page-break-back .arrow{background-color:var(--orange);color:#fff;display:inline-block;padding-left:4px}.skip-page .page-break-back .arrow a{color:#fff;padding-right:10px;text-decoration:none !important}.skip-page .page-break-back .arrow-right{border-style:dashed;border-color:transparent;border-width:0.20em;display:-moz-inline-box;display:inline-block;font-size:100px;height:0;line-height:0;position:relative;vertical-align:middle;width:0;background-color:var(--bg);border-right-width:0.2em;border-right-style:solid;border-right-color:var(--orange);right:0.25em}.skip-page .page-break-back .arrow-right-nocke{border-style:dashed;border-color:var(--orange);border-width:0.20em;display:-moz-inline-box;display:inline-block;font-size:100px;height:0;line-height:0;position:relative;vertical-align:middle;width:0;background-color:var(----bg);border-right-width:0.2em;border-right-style:solid;border-right-color:var(--bg)}.skip-page .no-mobile{display:none !important}@media only screen and (max-width:768px){.skip-page{background-color:var(--bg)}.skip-page .page-break-forward,.skip-page .page-break-back{background-color:var(--bg)}.skip-page .page-break-forward{border-top:1px solid var(--bg)}.skip-page .page-break-back{border-bottom:1px solid var(--bg)}.skip-page .page-break-back .arrow-right-nocke{border-right-color:var(--bg)}.skip-page .page-break-forward .arrow-left-nocke{border-left-color:var(--bg)}.skip-page .page-break-forward .arrow.no-mobile{display:none}.skip-page .mobile{display:inline-block}}body.site .site-grid .com-content-article__body .breadcrumb-item a{color:var(--white)}.breadcrumb.breadcrumb-custom{padding:0 0;border-color:var(--border)}.breadcrumb{border:1px solid var(--orange)}.breadcrumb{display:flex;flex-wrap:wrap;padding:0.56rem 1.13rem;margin-bottom:1rem;list-style:none;background-color:var(--bgbright);border-radius:0.25rem}nav{display:block}.breadcrumb.breadcrumb-custom .breadcrumb-item{font-size:0.875rem;background:var(--orange);padding:0.56rem 10px;color:var(--white);display:inline-block;vertical-align:top}.breadcrumb.breadcrumb-custom .breadcrumb-item.active{font-size:0.875rem;padding:0.56rem 10px;color:var(--white);display:inline-block;vertical-align:top}.breadcrumb.breadcrumb-custom .breadcrumb-item:before{content:""}.breadcrumb.breadcrumb-custom .breadcrumb-item a{position:relative;color:inherit;display:inline-block;vertical-align:top;padding-left:15px}.breadcrumb.breadcrumb-custom .breadcrumb-item a:before{right:-22px;z-index:3;border-left-color:var(--orange);border-left-style:solid;border-left-width:12px}.breadcrumb.breadcrumb-custom .breadcrumb-item a:after{border-top:21px solid transparent;border-bottom:22px solid transparent;border-left:12px solid var(--white);top:-9px;right:-23px}.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child{background:transparent}.breadcrumb.breadcrumb-custom .breadcrumb-item.pre-active a:before{border-top:21px solid var(--bgbright);border-bottom:21px solid var(--bgbright)}.breadcrumb.breadcrumb-custom .breadcrumb-item:before{content:""}.breadcrumb.breadcrumb-custom .breadcrumb-item a:before,.breadcrumb.breadcrumb-custom .breadcrumb-item a:after{position:absolute;top:-9px;width:0;height:0;content:"";border-top:21px solid transparent;border-bottom:21px solid transparent}.breadcrumb a:link{text-decoration:none}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:0.5rem;color:#6c757d;content:"/"}@media only screen and (max-width:768px){.breadcrumb.breadcrumb-custom .breadcrumb-item.active{display:none}}.get-in-touch{margin-top:3em;margin-bottom:3em}.get-in-touch .big-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--orange);bottom:50%;right:50%;transform:translate(-60%,45%)}.get-in-touch .big-circle:after{content:"";position:absolute;width:360px;height:360px;background-color:var(--bg);border-radius:50%;top:calc(50% - 180px);left:calc(50% - 180px)}.get-in-touch .contact-info{position:relative;background-color:var(--white);border-top-left-radius:10px;border-bottom-left-radius:10px;padding:2.3rem 2.2rem}.get-in-touch .contact-info h3{color:var(--orange);text-shadow:1px 1px 1px #252525;line-height:1.0;margin-top:0;margin-bottom:1rem}.get-in-touch .contact-info p{color:var(--bg)}.get-in-touch .contact-form{position:relative;background-color:var(--orange);border-top-right-radius:10px;border-bottom-right-radius:10px}.get-in-touch .contact-form:before{content:"";position:absolute;width:26px;height:26px;background-color:var(--orange);transform:rotate(45deg);top:50%;left:-13px}.get-in-touch .fa-xl{color:var(--orange);transition:1.3s}.get-in-touch .fa-xl:hover{color:var(--bg);transition:1.3s}.circle{border-radius:50%;background:var(--bgbright);position:absolute}.circle.one{width:130px;height:130px;top:130px;right:-40px}.get-in-touch .circle.two{width:80px;height:80px;top:10px;right:30px}.get-in-touch .circle.three{width:140px;height:140px;top:80%;left:-30%}@media only screen and (max-width:1400px){.get-in-touch .big-circle{transform:translate(-30%,40%)}.get-in-touch .circle.one{top:370px;right:-20px}}@media only screen and (max-width:1200px){.get-in-touch .big-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--orange);bottom:50%;right:50%;transform:translate(-10%,40%)}.get-in-touch .big-circle:after{content:"";position:absolute;width:360px;height:360px;background-color:var(--bg);border-radius:50%;top:calc(50% - 180px);left:calc(50% - 180px)}}@media only screen and (max-width:992px){.get-in-touch .circle.one{top:470px;right:-20px}}@media only screen and (max-width:768px){.get-in-touch .contact-info{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0px}.get-in-touch .contact-form{border-top-right-radius:0px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.get-in-touch .contact-form:before{display:none}.get-in-touch .circle.one{top:170px;right:0px}.get-in-touch .circle.three{width:40px;height:40px;top:-15%;left:60%}}#waterdrop{height:30px}#waterdrop canvas{bottom:-70px !important}footer.container-footer{background-color:var(--orange);background-image:none;border-bottom:2px solid var(--bg);margin-top:0}footer.container-footer .brandline{border-bottom:1px solid black;border-image:linear-gradient(to right,rgb(255,255,255) 75%,rgba(0,0,0,0) 100%);border-image-slice:1}footer.container-footer .touchpoints .fa-4xl{font-size:3.5em;margin-left:10px}footer.container-footer .touchpoints .fa-4xl:hover{color:var(--bg);transition:1.3s}footer.container-footer img.agenturpartner{max-width:300px;height:auto;float:right}footer.container-footer img.datenschutzbeauftragter{max-width:300px;height:auto;float:right;margin-top:1rem}@media only screen and (max-width:1400px){footer.container-footer img.agenturpartner,footer.container-footer img.datenschutzbeauftragter{display:block;float:none}}@media only screen and (max-width:768px){footer.container-footer img.agenturpartner,footer.container-footer img.datenschutzbeauftragter{display:block;margin:1rem auto}footer.container-footer .touchpoints h6{text-align:center}}.solutions{border-left:34px;display:block;float:left;margin:0 0 0 30px;padding-bottom:0;position:relative}.solutions h2{text-shadow:1px 1px 1px #252525;font-size:1.8em;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0 0;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;top:240px;left:-40px;padding:0}.solutions ul{border-left:1px solid black;border-image:linear-gradient(to bottom,rgb(255,255,255) 75%,rgba(0,0,0,0) 100%);border-image-slice:1;padding-left:10px}.solutions li{list-style:none;margin-bottom:7px}a.footer-skills{color:var(--white)}a:not([class]){text-decoration:none}a.footer-skills{text-decoration:none;background-image:linear-gradient(#fff,#fff);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s}a.footer-skills:hover,a.footer-skills:focus{background-size:100% 2px}a.footer-skills,a.footer-skills:focus,a.footer-skills:hover{text-decoration:none}a.footer-skills:not([class]){text-decoration:none}footer.container-copyright.copyright{padding:10px;border-top:2px solid var(--orange)}footer.container-copyright.copyright ul{margin:0;padding:0;display:flex}footer.container-copyright.copyright ul li{list-style:none;padding:10px 20px}footer.container-copyright.copyright a{font-family:"Handel Gothic ITC W01 Italic";color:#fff;text-shadow:1px 1px 1px #252525;color:var(--white);text-decoration:none;text-transform:uppercase;position:relative;&:hover{color:var(--white)}span:first-child:before,span:first-child:after{content:'';position:absolute;top:0;width:7px;height:7px;background:transparent;border-top:2px solid var(--orange);transition:.3s;opacity:0}span:first-child:before{left:0;border-left:2px solid var(--orange);opacity:0}span:first-child:after{right:0;border-right:2px solid var(--orange);opacity:0}span:last-child:before,span:last-child:after{content:'';position:absolute;bottom:0;width:7px;height:7px;background:transparent;border-bottom:2px solid var(--orange);transition:.3s;opacity:0}span:last-child:before{left:0;border-left:2px solid var(--orange);opacity:0}span:last-child:after{right:0;border-right:2px solid var(--orange);opacity:0}&:hover span:first-child:before{top:-7px;left:-7px;opacity:1}&:hover span:first-child:after{top:-7px;right:-7px;opacity:1}&:hover span:last-child:before{bottom:-7px;left:-7px;opacity:1}&:hover span:last-child:after{bottom:-7px;right:-7px;opacity:1}}body.meldestelle-hinweisgeber footer.container-copyright.copyright a.meldestelle-hinweisgeber,body.sitemap footer.container-copyright.copyright a.sitemap,body.impressum footer.container-copyright.copyright a.impressum,body.datenschutz footer.container-copyright.copyright a.datenschutz,body.dsa footer.container-copyright.copyright a.dsa{font-family:"Handel Gothic ITC W01 Italic";color:#fff;text-shadow:1px 1px 1px #252525;color:var(--orange);text-decoration:none;text-transform:uppercase;position:relative}body.meldestelle-hinweisgeber footer.container-copyright.copyright a.meldestelle-hinweisgeber span:first-child:before,body.sitemap footer.container-copyright.copyright a.sitemap span:first-child:before,body.impressum footer.container-copyright.copyright a.impressum span:first-child:before,body.datenschutz footer.container-copyright.copyright a.datenschutz span:first-child:before,body.dsa footer.container-copyright.copyright a.dsa span:first-child:before{top:-7px;left:-7px;opacity:1}body.meldestelle-hinweisgeber footer.container-copyright.copyright a.meldestelle-hinweisgeber span:first-child:after,body.sitemap footer.container-copyright.copyright a.sitemap span:first-child:after,body.impressum footer.container-copyright.copyright a.impressum span:first-child:after,body.datenschutz footer.container-copyright.copyright a.datenschutz span:first-child:after,body.dsa footer.container-copyright.copyright a.dsa span:first-child:after{top:-7px;right:-7px;opacity:1}body.meldestelle-hinweisgeber footer.container-copyright.copyright a.meldestelle-hinweisgeber span:last-child:before,body.sitemap footer.container-copyright.copyright a.sitemap span:last-child:before,body.impressum footer.container-copyright.copyright a.impressum span:last-child:before,body.datenschutz footer.container-copyright.copyright a.datenschutz span:last-child:before,body.dsa footer.container-copyright.copyright a.dsa span:last-child:before{bottom:-7px;left:-7px;opacity:1}body.meldestelle-hinweisgeber footer.container-copyright.copyright a.meldestelle-hinweisgeber span:last-child:after,body.sitemap footer.container-copyright.copyright a.sitemap span:last-child:after,body.impressum footer.container-copyright.copyright a.impressum span:last-child:after,body.datenschutz footer.container-copyright.copyright a.datenschutz span:last-child:after,body.dsa footer.container-copyright.copyright a.dsa span:last-child:after{bottom:-7px;right:-7px;opacity:1}footer.container-copyright.copyright .mobile{display:none}footer.container-copyright.copyright .nomobile{display:block}@media only screen and (max-width:768px){footer.container-copyright.copyright .mobile{display:unset}footer.container-copyright.copyright .nomobile{display:none}footer.container-copyright.copyright .mobile p.distance-ul{width:1em}}.container-hero-image{width:100%}.container-hero-image #app{margin:0;padding:0;width:100%;height:calc(100vh - 135px)}.container-hero-image #app .hero{position:absolute;top:0;height:calc(100vh - 135px);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,140,0,1) 0%,rgba(255,140,0,0.5) 200%)}.container-hero-image #app .hero h3,#app .hero h4{margin:0;padding:0;color:var(--bg);text-shadow:0 0 20px rgba(255,255,255,1);line-height:100%;user-select:none}.container-hero-image #app h3{position:relative;z-index:2;font-size:4.5em;font-weight:700}.container-hero-image #app h4{font-size:3.0em;font-weight:500}.container-hero-image #app #webgl-canvas{position:relative;height:600px;overflow:hidden;z-index:1}@media only screen and (max-width:768px){.container-hero-image #app h3{font-size:2.5em}.container-hero-image #app h4{font-size:1.7em}}@media only screen and (max-width:768px){.container-hero-image #app h3{font-size:2.5em}.container-hero-image #app h4{font-size:1.7em}}@media only screen and (max-width:450px){.container-hero-image #app h3{font-size:1.8em}.container-hero-image #app h4{font-size:1.1em}}body.sitemap li#osmap-li-uid-menuitem-109,body.sitemap li#osmap-li-uid-menuitem-110{display:none}body.dsa div.fcp_line label{font-size:1.0rem;color:var(--white)}body.dsa label.fcp_opt{font-size:1.0rem;color:var(--white)}body.dsa .fcp_wrapper .fcp_confirm{font-size:1.0rem;color:var(--white)}.fixed-share-panel{position:fixed;top:40%;right:0;z-index:9999;display:flex;flex-direction:column;gap:12px;background:#161c24;padding:10px;border-radius:8px 0 0 8px;box-shadow:-2px 2px 6px rgba(0,0,0,0.25)}.fixed-share-panel a{color:#ff8c00;font-size:20px;text-decoration:none;transition:all 0.3s ease}.fixed-share-panel a:hover{color:#fff}.fixed-share-panel a{color:#ff8c00;font-size:20px;text-decoration:none;transition:all 0.3s ease}@media (max-width:768px){.fixed-share-panel{display:none}}