@import"reset.css";@import"dsa-secure.css";@font-face{font-family:"Futura";src:local("Futura Bold"),local("Futura-Bold"),url("../fonts/Futura-Bold.woff2") format("woff2"),url("../fonts/Futura-Bold.woff") format("woff"),url("../fonts/Futura-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Futura";src:local("Futura Condensed Medium"),local("Futura-CondensedMedium"),url("../fonts/Futura-CondensedMedium.woff2") format("woff2"),url("../fonts/Futura-CondensedMedium.woff") format("woff"),url("../fonts/Futura-CondensedMedium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Futura Condensed";src:local("Futura Condensed ExtraBold"),local("Futura-CondensedExtraBold"),url("../fonts/Futura-CondensedExtraBold.woff2") format("woff2"),url("../fonts/Futura-CondensedExtraBold.woff") format("woff"),url("../fonts/Futura-CondensedExtraBold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Futura";src:local("Futura Medium"),local("Futura-Medium"),url("../fonts/Futura-Medium.woff2") format("woff2"),url("../fonts/Futura-Medium.woff") format("woff"),url("../fonts/Futura-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Futura";src:local("Futura Medium Italic"),local("Futura-MediumItalic"),url("../fonts/Futura-MediumItalic.woff2") format("woff2"),url("../fonts/Futura-MediumItalic.woff") format("woff"),url("../fonts/Futura-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}*{scroll-behavior:smooth}:root{--color-primary: #4e888f;--color-primary-t: #4e898fd0;--color-lightgray: #bab9b4;--color-gray: #404040;--color-text: #404040;font-family:"Futura",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1.6}.recht{position:fixed;bottom:0;left:0;width:100%;z-index:5;background-color:var(--color-gray);color:#fff;padding:.5rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:2rem}.recht a{color:#fff;font-weight:400;text-decoration:none}nav{position:fixed;top:0;right:0;width:100%;z-index:10}header{position:relative;background:url("../images/bueroservice-hausfront.webp") no-repeat center center/cover;height:70vh}@media(min-width: 1100px){header{height:100vh}}header .content{text-align:center;position:absolute;border-radius:10px 10px 0 0;bottom:0;left:0;width:100%;padding:2rem 1rem;background-color:var(--color-gray);color:#fff}@media(min-width: 1100px){header .content{text-align:left;width:auto;padding:2rem 3rem;bottom:10%;left:0;border-radius:0 10px 10px 0}}section:first-of-type{padding-top:0}section:last-of-type{padding-bottom:0}@media(min-width: 1100px){section{padding-block:5rem !important}}.title{padding:1rem 2rem;background-color:var(--color-primary);color:#fff;-webkit-transition-duration:250ms;transition-duration:250ms}.title:not(.full){width:min(100%,85ch)}@media(min-width: 110ch){.title{border-radius:10px}}.title.center{margin-inline:auto}.title.left{text-align:left;border-radius:0 10px 10px 0}.title.full{border-radius:10px 10px 0 0}.subheadline{margin-inline:auto;width:min(100%,65ch);font-weight:600}.c-primary{color:var(--color-primary)}.c-gray{color:var(--color-gray)}.c-lightgray{color:var(--color-lightgray)}.bg-primary{background-color:var(--color-primary)}.bg-gray{background-color:var(--color-gray)}.bg-lightgray{background-color:var(--color-lightgray)}.center{text-align:center}#kontaktformular{width:100%;border:none;height:920px}.containers{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0}@media(min-width: 1100px){.containers{grid-template-columns:2fr 1fr 2fr;gap:1rem}.containers.even{grid-template-columns:1fr 1fr 1fr}.containers.no-space{gap:0}}.containers.with-arrows .container:not(:last-child)::after{content:"";position:absolute;z-index:2;width:42px;height:42px;bottom:-21px;left:30px;background-color:var(--color-primary);-webkit-transform:scaleY(0.8) rotate(45deg);-ms-transform:scaleY(0.8) rotate(45deg);transform:scaleY(0.8) rotate(45deg);border-radius:0 0 5px 0}@media(min-width: 1100px){.containers.with-arrows .container:not(:last-child)::after{border-radius:0 5px 0 0;bottom:10%;left:unset;right:-21px}}.containers .container{position:relative;padding:2rem}.containers .container:has(img){overflow:hidden;padding:0}.containers .container.primary{background-color:var(--color-primary);color:#fff}.containers .container.primary::after{background-color:var(--color-primary) !important}.containers .container.gray{background-color:var(--color-gray);color:#fff}.containers .container.gray::after{background-color:var(--color-gray) !important}.containers .container.lightgray{background-color:var(--color-lightgray);color:#fff}.containers .container.lightgray::after{background-color:var(--color-lightgray) !important}@media(min-width: 1100px){.containers .container{border-radius:10px}.containers .container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.containers .container:first-of-type{border-radius:0 10px 10px 0}.containers .container:last-of-type{border-radius:10px 0 0 10px}}html body main section div.container.special{position:relative;border-radius:0 !important}html body main section div.container.special::after{content:"";position:absolute;top:0;right:0;width:20ch;height:3rem;z-index:2}@media(min-width: 1100px){html body main section div.container.special.primary::after{background:url(../images/edge-gray.svg) no-repeat right center/contain}html body main section div.container.special.gray::after{background:url(../images/edge-light-gray.svg) no-repeat right center/contain}html body main section div.container.special.lightgray::after{background:url(../images/edge-white.svg) no-repeat right center/contain}}.container h3{position:relative;z-index:3;margin-bottom:2rem}@media(min-width: 1100px){.container h3{margin-bottom:0;top:-1.5rem}}@media(min-width: 1100px){section:has(.wrapper){padding:3rem min(5rem,5vw)}section:has(.wrapper) .container{border-radius:10px !important}}.mb{margin-block:1.5rem 3rem}footer{background:var(--color-gray);color:#fff;border-radius:10px 10px 0 0}footer .flex>div:nth-child(2){text-align:center;margin-inline:auto}footer .flex>div:nth-child(2) div{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 1100px){footer .flex>div:nth-child(2){text-align:left}footer .flex>div:nth-child(2) div{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}@media(min-width: 1100px){.flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:min(5rem,5vw)}.flex>*{-webkit-box-flex:1;-ms-flex:1;flex:1}}footer a{color:#fff}.icon-text{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:1rem}.icon-text:first-of-type{margin-top:2rem}.icon-text img{height:1.5rem}.icon-text :is(p,a){position:relative;top:-2px}#leistungen .containers{position:relative}#leistungen .containers #graph{display:none;position:absolute;height:150px;top:-150px;right:13vw}@media(min-width: 1100px){#leistungen .containers #graph{display:block}}#hamburger{position:fixed;z-index:51;top:2rem;right:2rem;width:32px;height:32px;cursor:pointer;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);-webkit-transition-duration:500ms;transition-duration:500ms}@media(min-width: 1100px){#hamburger{right:-36px;pointer-events:none}}#hamburger .dash{position:absolute;width:70%;height:2px;background-color:var(--color-text);-webkit-transition-duration:250ms;transition-duration:250ms}#hamburger .dash:nth-child(1){top:30%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#hamburger .dash:nth-child(2){top:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#hamburger .dash:nth-child(3){top:70%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}button,.button,[role=button]{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.2rem 2.5rem;border:none;border-radius:8px;background:#fff;color:var(--color-primary);margin-top:1rem;text-decoration:none}.quick-access{position:fixed;z-index:49;bottom:3.5rem;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.icon-button{background-color:var(--color-primary);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);color:#fff;cursor:pointer;width:2.7rem;height:2.7rem;display:grid;place-items:center;padding:0;border-radius:5px 0 0 5px;margin:0}.icon-button img{width:1.7rem;height:1.7rem;-o-object-fit:contain;object-fit:contain;-webkit-transition-duration:250ms;transition-duration:250ms}@media(hover: hover){.icon-button:hover img{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}}body.nav-open #hamburger{top:320px;background-color:var(--color-primary);-webkit-box-shadow:none;box-shadow:none}body.nav-open #hamburger .dash{background-color:#fff}body.nav-open #hamburger .dash:nth-child(1){-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);top:50%}body.nav-open #hamburger .dash:nth-child(2){opacity:0}body.nav-open #hamburger .dash:nth-child(3){-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);top:50%}body.nav-open nav{-webkit-transform:translateY(0) !important;-ms-transform:translateY(0) !important;transform:translateY(0) !important}nav{background-color:#fff;position:fixed;width:100%;z-index:50;top:0;left:0;padding:2rem 1rem 3.5rem;border-radius:0 0 30px 30px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-385px);-ms-transform:translateY(-385px);transform:translateY(-385px);-webkit-transition-duration:500ms;transition-duration:500ms}@media(min-width: 1100px){nav{-webkit-transform:unset;-ms-transform:unset;transform:unset;border-radius:unset;background-color:unset;-webkit-box-shadow:unset;box-shadow:unset;padding:unset;left:unset;width:unset;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}nav #logo{margin-inline:auto;display:block;width:200px;margin-bottom:2rem}nav #logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media(min-width: 1100px){nav #logo{margin-bottom:unset;background-color:#fff;border-radius:0 0 30px 30px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);width:250px;padding:1rem 2.5rem}}nav ul{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.5rem;font-weight:600;margin:0}@media(min-width: 1100px){nav ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:max(1vh,1rem) 5vw;background-color:var(--color-primary);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1);gap:max(1.5rem,5vw)}}nav ul a{color:var(--color-text);text-decoration:none}@media(hover: hover){nav ul a:hover{text-decoration:underline}}@media(min-width: 1100px){nav ul a{color:#fff}}.parallax{height:400px;background-attachment:scroll;background-size:cover;background-position:center}.parallax[data-which=beratung]{background-image:url("../images/parallax-beratung.jpeg")}.parallax[data-which=pc]{background-image:url("../images/parallax-pc.jpeg")}@media(min-width: 1100px){.parallax{background-attachment:fixed}}:root{--popup-background: #fff;--popup-roundness: 10px}.popups{position:fixed;z-index:998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;-webkit-transition-duration:300ms;transition-duration:300ms}.popups.show{opacity:1;pointer-events:auto}@media screen and (-webkit-min-device-pixel-ratio: 0){.popups{-webkit-backdrop-filter:none;backdrop-filter:none}}.popups .popup{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:999;left:1rem;right:1rem;bottom:1rem;background:var(--popup-background);border-radius:var(--popup-roundness);padding:5vmin;max-height:85vh;overflow-y:auto;translate:0 30px;opacity:0;-webkit-transition-duration:300ms;transition-duration:300ms}@media(min-width: 850px){.popups .popup{width:min(95%,750px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:unset;top:10%;translate:0 -20px;padding:2vmax}}.popups .popup.show{translate:0 0;opacity:1}.popups .popup .popup-close{width:1.5em;aspect-ratio:1;position:sticky;top:0;left:96%;background-color:rgba(0,0,0,0);cursor:pointer}@media(min-width: 768px){.popups .popup .popup-close{width:1.2em;left:100%}}.popups .popup .popup-close::before,.popups .popup .popup-close::after{position:absolute;content:"";width:100%;height:3px;border-radius:4px;background-color:#303030}.popups .popup .popup-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popups .popup .popup-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}