:root {--main-white:white;--main-black:#1a1a1a;--light-black:#232323;--main-grey:#666666;--dark-grey:#474747;--light-grey:#858585;--transparent-grey:#474747f2;--high-transparent-grey:rgba(130, 130, 130, 0.3);--light-blue:#24a2d8;--warning-orange:#ff8c00;--dark-orange:#d27f20;--light-orange:#ffddb6;--lighter-orange:#fcedd0;--dark-green:#1a9d0f;--light-green:#adffa6;--lighter-green:#dbfed8;}@font-face {font-family:'Overpass';src:url('/content/font/Overpass-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face {font-family:'Overpass';src:url('/content/font/Overpass-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}@font-face {font-family:'Overpass';src:url('/content/font/Overpass-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;}@font-face {font-family:'Overpass';src:url('/content/font/Overpass-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap;}html {scroll-behavior:smooth}body,button,input,textarea {font-family:Overpass, sans-serif;color:var(--main-black);padding:0px;margin:0px;font-size:18px;line-height:1.5;word-wrap:break-word;}img {display:block;}.white {color:var(--main-white);}.nobutton {border:none;background-color:transparent;padding:0px;line-height:0;}input:focus,select:focus,textarea:focus,button:focus {outline:none;}.gradient {background-color:var(--main-black);background-image:linear-gradient(to top left, var(--main-black), var(--light-black), rgba(255, 255, 255, 0.1));}.teaser {font-size:20px;padding-top:80px;padding-bottom:80px;text-align:center;overflow:hidden;z-index:1;}.teaser-text {position:relative;z-index:2;}.teaser-text,.teaser .text {text-shadow:var(--dark-grey) 0px 0px 4px, var(--dark-grey) 2px 2px 3px, var(--dark-grey) 0px 0px 4px;}footer,.footer-last a,.white-2 {color:var(--main-white);position:relative;}footer {z-index:3;}a {color:var(--light-blue);text-decoration:none;cursor:pointer;}a:hover {text-decoration:underline;}button,input,textarea {padding:5px;border:2px var(--dark-grey) solid;border-radius:5px;transition:0.6s;background-color:var(--main-white);}button.dark,.button.dark {background-color:var(--dark-grey);color:var(--main-white);}button:hover:not(.disabled),.button:hover:not(.disabled) {background-color:var(--dark-grey);cursor:pointer;color:var(--main-white);transition:0.6s;}button.dark:hover:not(.disabled),.button.dark:hover:not(.disabled) {background-color:var(--main-white);color:var(--dark-grey);}.page,.timeline {margin:0 auto;max-width:1200px;}.page-inner {padding:0px 20px 0px 20px;}.page-margin {margin:0px 20px 0px 20px;}.text-div {margin-top:20px;}.text-div.more-space {margin-top:80px;}::selection {background:var(--main-grey);color:var(--main-black);text-shadow:none;}h1,h2,h3,h4,h5,h6 {margin:0px;padding-top:12px;padding-bottom:12px;}p {margin:0px;}h1,.headline-txt {font-size:48px;font-weight:bold;}h2 {font-size:30px;}h3 {font-size:22px;}@media screen and (max-width:550px) {body,button,input,textarea {font-size:16px;}h1,.headline-txt {font-size:36px;}h2 {font-size:28px;}h3 {font-size:20px;}}.img-normal {width:100%}#h-menu ul {display:flex;list-style:none;}#h-menu li {position:relative;margin-left:30px;}#h-menu li:first-child {margin-left:0px;}#h-menu li::before {content:'';position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:center;border-bottom:4px solid white;transform:scale3d(0, 1, 1);clip-path:inset(34px 0px -12px 0px);margin-top:-5px;}#h-menu li:hover::before {transform:scale3d(1, 1, 1);transition:transform 0.5s;}#h-menu a,.a#h-menu-icon {color:white;text-decoration:none;position:relative;display:block;padding:5px 5px 2px 5px;}#h-menu span {font-size:20px;font-weight:600;text-transform:uppercase;}#h-menu-icon {display:none;padding:5px 5px 2px 5px;border:2px solid white;background:var(--main-black);border-radius:5px;line-height:1;}#h-menu-icon svg {width:32px;height:32px;filter:invert(100%) sepia(0%) saturate(7487%) hue-rotate(164deg) brightness(106%) contrast(106%);}#h-menu-icon:hover {background:var(--main-grey);}#close-h-menu {cursor:pointer;display:none;}#close-h-menu svg {width:30px;height:30px;height:auto;filter:invert(100%) sepia(0%) saturate(7487%) hue-rotate(164deg) brightness(106%) contrast(106%);}#header {height:200px;overflow:hidden;}#header .page-inner {width:100%;height:100%;position:relative;}#header-nav .img-container,#header-nav .img-container img {height:180px;position:absolute;z-index:0;}#header-nav .img-container {bottom:-1px;right:40px;width:20%;}#header-nav .img-container img {bottom:0px;right:0px;pointer-events:none;width:auto;}#header-nav nav {position:absolute;bottom:-10px;right:60px;z-index:90;}#logo-text-first {color:var(--main-black);position:absolute;top:30px;left:210px;font-size:52px;font-weight:600;z-index:1;}#logo-text-second {color:var(--main-grey);position:absolute;top:100px;left:180px;font-size:24px;z-index:1;}@media screen and (max-width:1120px) {#header-nav .img-container,#header-nav .img-container img {height:140px;}#header-nav nav {bottom:-5px;}#h-menu {background-color:var(--transparent-grey);position:fixed;top:-100px;left:0px;margin:0px;text-shadow:none;width:100%;z-index:200;max-height:0px;opacity:0;pointer-events:none;}#h-menu ul {display:block;padding:60px 0px 10px 0px;}#h-menu.h-menu-active {transition:0.5s all;top:0px;max-height:1000px;opacity:1;pointer-events:all;}#h-menu.h-menu-deactive {transition:0.5s all;}#h-menu a {margin-bottom:20px;}#h-menu li {margin:auto;width:fit-content;}#h-menu li:first-child {margin:auto;}#h-menu li::before {box-shadow:none;clip-path:none;}#h-menu-icon {display:block;position:absolute;right:20px;bottom:10px;}#close-h-menu {display:block;position:fixed;right:20px;top:10px;}#close-h-menu button:hover:not(.disabled) {background:none;}#close-h-menu svg:hover {filter:invert(89%) sepia(0%) saturate(1439%) hue-rotate(133deg) brightness(80%) contrast(112%);}}@media screen and (max-width:812px) {#logo-text-first {top:20px;left:180px;font-size:48px;}#logo-text-second {top:90px;left:170px;font-size:20px;}}@media screen and (max-width:634px) {#logo-text-first {top:10px;left:165px;font-size:42px;}#logo-text-second {top:65px;left:150px;font-size:18px;}#header-nav nav {right:40px;top:25px;bottom:unset;}#h-menu-icon {border-color:var(--main-black);right:20px;top:0px;bottom:unset;}}@media screen and (max-width:515px) {#header {height:210px;}#header-nav .img-container,#header-nav .img-container img {height:120px;}}@media screen and (max-width:550px) {h1,.headline-txt {font-size:32px;}.teaser {padding-top:40px;padding-bottom:40px;font-size:16px;}}.not-visible {opacity:0;pointer-events:none;}.visible {transition:opacity 0.3s ease-in-out;opacity:1;}#logo {position:absolute;top:0px;z-index:1;}#logo img {height:200px;width:auto;max-width:80%;float:left;}footer {margin-top:40px;padding-top:20px;padding-bottom:20px;}#footer {display:flex;justify-content:center;}.innendiv {width:250px;text-align:center;padding:10px;}.castle-footer {position:absolute;bottom:0px;right:70px;overflow:hidden;opacity:0.35;}.castle-footer,.castle-footer img {height:110px;width:auto;}.logo-footer img {opacity:0.25;height:120px;}.footer-last {text-align:center;}.footer-last a {text-decoration:none;margin-left:10px;position:relative;padding:2px 2px 2px 2px;}.footer-last a::before {content:'';position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:center;border-bottom:3px solid white;transform:scale3d(0, 1, 1);}.footer-last a:hover::before {transform:scale3d(1, 1, 1);transition:transform 0.5s;}.footer-last a:first-child {margin-right:10px;}#sm-footer {display:flex;justify-content:center;}#instagram-logo-container {width:24px;height:24px;margin:5px 5px 0px 0px;position:relative;}@media screen and (max-width:700px) {.footer-last {margin-top:20px;}footer .innendiv.view-Check-OnOff {display:none;}.castle-footer {opacity:0.25;right:50%;transform:translateX(50%);}}@media screen and (max-width:450px) {footer {font-size:14px;}#instagram-logo-container {width:18px;height:18px;}}.sm-link {position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;}.flex-wrapper {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:30px;margin:40px auto;padding:10px;}.flex-wrapper.glow {--xPos:-1000px;--yPos:-1000px;}.headline-img {height:30vw;width:100%;position:relative;min-height:350px;}.headline-txt {box-sizing:border-box;width:100%;height:100%;}.headline-txt-inner {width:100%;height:100%;position:relative;}.headline-txt .text {position:absolute;text-shadow:var(--main-black) 0px 0px 4px, var(--main-black) 2px 2px 3px, var(--main-black) 0px 0px 4px;bottom:50px;}#produkt-page {max-width:100%;}.fadeIn {opacity:0;}.fadeIn.in-view {opacity:1;transition:opacity 1s 0.5s;}.fadeIn.in-view.fast {transition:opacity 1s 0.3s;}@keyframes background-pan {from {background-position:0% center;}to {background-position:-200% center;}}@keyframes scale {from,to {transform:scale(0);}50% {transform:scale(1);}}@keyframes rotate {from {transform:rotate(0deg);}to {transform:rotate(180deg);}}.home-title {font-size:34px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;text-align:center;width:fit-content;height:fit-content;}.text-shadow {text-shadow:var(--main-black) 0px 0px 4px, var(--main-black) 2px 2px 4px, var(--main-black) 0px 0px 4px;}.magic-star {animation:scale 1s ease forwards;display:block;left:var(--star-left);position:absolute;top:var(--star-top);width:30px;height:30px;}.magic-star>svg {animation:rotate 1000ms linear infinite;display:block;opacity:0.7;}.magic-star>svg>path {fill:white;}#homeBackgroundImg .img-fill,.headline-img .img-fill {background-position-y:top;background-position-x:center;background-repeat:no-repeat;background-size:cover;}#homeBackgroundImg {position:relative;height:30vw;min-height:400px;}#homeBackgroundImg,.headline-img {border-top:5px solid var(--main-black);}#to-top {position:fixed;bottom:20px;right:20px;transition:opacity 0.3s ease-in-out;z-index:200;}#to-top button {border:2px white solid;padding:26px 12px 12px 12px;font-size:24px;line-height:0;}#to-top button:hover {border-color:var(--dark-grey);}.noDisplay {display:none;pointer-events:none;}.display {display:block;}.clearFloat {clear:both;}.glow .glow-item {position:relative;background:radial-gradient(1000px circle at var(--xPos) var(--yPos), #01a34fbf, transparent 30%);}.glow .glow-item:hover {background:radial-gradient(1000px circle at var(--xPos) var(--yPos), #01a34f, transparent 30%);}.glow .glow-item::before {content:"";height:100%;width:100%;position:absolute;top:0;left:0;border-radius:inherit;background:radial-gradient(800px circle at var(--xPos) var(--yPos), rgba(255, 255, 255, 0.1), transparent 30%);z-index:90;opacity:0;transition:all 0.15s ease-in-out;}.glow .glow-item:hover::before {opacity:1;}th {font-weight:normal;}.margin-top-bottom {margin:20px 0 20px 0;}#cookie-message {position:fixed;bottom:0;width:100%;padding-top:10px;text-align:center;background-color:white;border-top:3px solid var(--main-black);z-index:300;}#cookie-message button {width:70%;margin:10px;border-radius:0;}.cookie-change-btn {margin:10px;}.link-footer {margin:40px;text-align:center;}.silent {display:none;}#leistungen-overview,#leistungen-detail,#reviews,#remote,#team {padding:40px 0px 40px 0px;}.leistungen-overview-header,.leistungen-detail-header,.reviews-header,.remote-header,.team-header,.my-team-title,.contact-header {display:flex;justify-content:center;align-items:center;text-align:center;}.leistungen-detail-header {margin-bottom:20px;}.team-header {position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);color:var(--main-white);}.accordion {color:var(--main-white);background-color:unset;padding:18px;width:100%;border:none;outline:none;transition:0.4s;transition:border none !important;border-radius:0px;text-align:left;border-top:2px solid var(--main-white);font-weight:bold;}.accordion h2 {font-size:18px;padding:0px;margin:0px;}@media screen and (max-width:550px) {.accordion .mobile-disable {display:none;}}.accordion:last-of-type {border-bottom:2px solid var(--main-white);}.accordion:last-of-type.accordion-active {border-bottom:none;}.accordion:hover {background-color:var(--light-grey) !important;}.accordion-panel {display:none;overflow:hidden;padding:15px;}button.accordion h2::after {content:'\002B';float:right;}button.accordion.accordion-active h2::after {content:"\2212";}.leistungen-container {justify-content:space-between;gap:20px;}.reviews-container {gap:20px;margin-left:20px;margin-right:-20px;}.leistungen-container {display:flex;flex-wrap:wrap;}.reviews-wrapper {position:relative;display:flex;align-items:center;overflow:hidden;}.reviews-container {display:flex;transition:transform 0.3s ease;width:100%;justify-content:left;}.review-single-container {flex:0 0 calc(33% - 20px);}.arrow-review {background:none;border:none;font-size:2rem;cursor:pointer;z-index:1;padding:5px 18px 0px 18px;}.arrow-review.right{margin-left:10px;}.leistungen-single-container,.review-single-container {box-sizing:border-box;background-color:#f9f9f9;border-radius:8px;padding:20px;margin:10px 0;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.3s ease;box-shadow:3px 3px 3px 1px var(--high-transparent-grey);}.leistungen-single-container {flex:1 1 30%;justify-content:start;text-align:center;border:3px solid var(--dark-grey);background-color:var(--main-white);}.leistungen-single-container img {display:inline-block;width:80px;height:auto;}.review-quote {font-style:italic;color:var(--main-grey);margin-bottom:10px;}.review-quote_person {font-weight:bold;text-align:right;}.remote-header {margin-bottom:20px;}.remote-container {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;}.remote-text {flex:0 0 70%;}.remote-img-container {flex:0 0 calc(30% - 40px);max-width:300px;}#team-img {min-height:400px;height:30vw;}#team-img .img-fill {background-position-x:center;}.my-team-title {margin:20px 0px 20px 0px;}.inhaber-container {display:flex;gap:20px;justify-content:center;align-items:center;}.inhaber-text-container .toggle-btn{display:none;}#team img {border:5px solid var(--main-white);border-radius:15px 50px;background-color:var(--main-white);box-shadow:0px 0px 30px 0px var(--main-black);}.team-container {display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:40px;align-items:flex-start;}.team-mitarbeiter {flex:1 1 calc(50% - 10px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}.team-mitarbeiter img {max-height:300px;width:auto;}.team-mitarbeiter:first-child img {border-radius:50px 15px !important;}.mitarbeiter-text {overflow:hidden;max-height:0px; transition:max-height 0.8s ease;position:relative;}.mitarbeiter-text-container .toggle-btn{display:block;margin:10px auto 0;}.mitarbeiter-text.expanded {max-height:2000px;}#kontakt {margin:40px 0px;}.contact-text {margin:20px 0px 40px 0px;}#contactForm {margin-bottom:20px;}textarea,input {box-sizing:border-box;}textarea:focus,input:focus {border-color:var(--light-blue);}#contactForm textarea {width:100%;height:100px;resize:none;overflow:auto;}#contactForm input {width:100%;}#contactForm label {line-height:2.8;}#contactForm .optional {position:relative;font-size:10px;top:-20px;color:var(--light-grey);}.contact-form-row {display:flex;}.contact-form-left {max-width:200px;min-width:150px;width:50%;}.contact-form-right {width:100%;padding:5px 0px;}.contact-form-flex {display:flex;flex-wrap:wrap;}.contact-form-flex-left {flex-grow:1;}.contact-form-data {margin-bottom:-7px;}.contact-form-img,.contact-form-img-mobile {margin-left:20px;padding-top:5px;}.contact-form-img {width:550px;}.contact-form-img-mobile {display:none;width:247px;}@media screen and (max-width:1070px) {.contact-form-img {display:none;}.contact-form-img-mobile {display:block;}}@media screen and (max-width:700px) {.contact-form-img-mobile {display:none;}}.contact-form-img img,.contact-form-img-mobile img {width:100%;border-radius:15px 50px;}.contact-message-hidden {display:none;}.contact-warning {border-color:var(--warning-orange) !important;}#contactResponse {border-radius:5px;}.contact-message-warning {background-color:var(--lighter-orange);color:var(--dark-orange);border:2px solid var(--light-orange);margin:10px 0px;padding:10px;}.contact-message-success {background-color:var(--lighter-green);color:var(--dark-green);border:2px solid var(--light-green);margin:80px 0px;padding:10px;}#sendContactButton {position:relative;width:95px;height:42px;}#sendContactButton .disabled {background-color:var(--dark-grey);}#sendContactButtonLoading {position:absolute;top:-6px;left:20px;width:50px;}@media (max-width:1000px) {.inhaber-container {flex-direction:column-reverse;text-align:center;gap:0px;}.inhaber-text {overflow:hidden;max-height:0em;transition:max-height 0.4s ease;}.inhaber-text-container .toggle-btn {display:block;margin:10px auto 0;}#team img {max-width:30vw;}.team-mitarbeiter {flex:1 1 100%;}.team-mitarbeiter img {max-height:100%;max-width:100%;height:auto;margin:0 auto;}.remote-text,.remote-img-container {flex:1 1 100%;text-align:center;}.remote-img-container {height:auto;margin:0 auto;display:flex;justify-content:center;align-items:center;}.remote-img-container img {max-width:100%;height:auto;}.review-single-container {flex:1 1 100%;}.reviews-container{margin-left:40px;margin-right:40px;}.arrow-review{position:absolute;}.arrow-review.left {left:0;}.arrow-review.right {right:0;}#kontakt_text {text-align:center;}}@media (max-width:550px) {#team img {max-width:50vw;}}