body{font-family:Roboto,sans-serif}a:link,a:visited{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px}hr{border:none;border-bottom:1px solid var(--primary);margin:35px 0}h1{font-weight:700!important;color:var(--primary);font-size:35px}h2{color:var(--primary);font-size:28px}h3{font-size:1.5rem;font-weight:700;color:var(--primary)}h4{font-size:1.3rem;font-weight:400;color:var(--secondary);font-family:var(--headline-font)}h5{font-size:1rem;font-weight:700;color:var(--primary)}h6{font-size:1em;font-weight:400;color:var(--secondary)}.bg-1{background-color:var(--backgrounds)}.bg-card{background-color:var(--backgrounds);box-shadow:none;border:none}.logo{margin-left:0;max-width:300px;padding:30px 15px 15px 15px}.titelbereich{background-image:url(../img/iStock-1453919086.jpg);height:100vh;background-size:cover;background-position:bottom center;position:relative}.text-center{text-align:center;padding-bottom:20px;padding-top:50px}.fixed-header{position:fixed;top:0;left:0;background-color:rgba(255,255,255,.9);width:100%;z-index:99999}.navi_flex{display:flex;flex-wrap:wrap}.navi_flex div{padding:5px 20px;font-size:20px;font-weight:700;text-transform:uppercase}.navi_flex div a:link,.navi_flex div a:visited{color:var(--primary);text-decoration:none;transition:color .5s ease-in-out}.nav-unten .navi_flex div a:link,.nav-unten .navi_flex div a:visited{color:#fff}.nav-unten .navi_flex div a:hover,.navi_flex div a:hover{color:var(--accent);transition:color .5s ease-in-out}.nav-active{color:var(--accent)!important}#navbar-navbutton{display:none}.gelber-button{font-family:Roboto;background-color:var(--accent);border:none;color:var(--primary);text-decoration:none;margin:10px 2px 4px 0;font-weight:700;font-size:18px;padding:10px;border-radius:2px;cursor:pointer;transition:all .5s ease-in-out}.gelber-button:hover{transition:all .2s ease-in-out;background-color:#a8a8a8}.header_flex{display:flex;justify-content:space-between;align-items:center}p{font-weight:300;font-size:18px;line-height:150%}.wrapper{margin-left:auto;margin-right:auto;width:90%;max-width:1200px;position:relative}.wrapper_90prozent{margin-left:auto;margin-right:auto;width:90%;position:relative;margin:0 auto}.wrapper_1200{max-width:1200px;width:90%;margin:auto}.wrapper_text{padding:80px}.kachel{overflow:hidden;position:relative;min-height:350px;max-height:400px}.kachel-50prozent{width:50%}.kachel-33prozent{width:33.3333333333%}.kachel-60prozent{width:60%;position:relative;overflow:hidden}.kachel-40prozent{width:40%}.bild-kachel img,.kachel img{object-fit:cover;height:100%;transition:all .5s ease-in-out}.kachel-blur:hover img{transform:scale(1.1);transition:all .2s ease-in-out}.text-kachel{padding:35px;box-sizing:border-box}.text-kachel-links{padding-left:5%}.bild-kachel{overflow:hidden;position:relative;min-height:350px}.kachel_text{position:absolute;z-index:2;bottom:30px;left:30px;color:#fff;background-color:rgba(0,55,119,.8);padding:10px;font-size:20px;font-weight:700}.kachel-text span{display:inline-block}.slogan{position:absolute;left:5%;bottom:80px;font-size:80px;color:#fff;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.text-blue{padding:20px;width:100%;box-sizing:border-box;background-color:var(--primary);color:#fff;text-align:center;font-size:28px;text-transform:uppercase}.textbox{width:40%}.text-padding{padding-top:50px;padding-bottom:50px}.team-bild{height:500px;background-color:var(--backgrounds)}.bilder{width:100%;display:flex;flex-wrap:wrap}.aufzaehlung div{font-size:20px;margin-bottom:5px}.aufzaehlung div::before{content:'';width:10px;height:10px;background-color:var(--accent);display:inline-block;margin-bottom:2px;margin-right:5px}.footer{color:var(--primary)}.nav-unten .navi_flex{justify-content:center}.hero-unterseite{padding:100px 5% 50px 5%}.hero-us-text{color:var(--primary);font-size:3.5rem;width:calc(100% - 50px);font-weight:700;text-shadow:none;text-transform:uppercase;text-align:left;line-height:1}.titelbereich-unterseite{background-image:url(../img/verwaltungsgebaeude_adobestock_296801737.jpeg);height:50vh;background-size:cover;position:relative}.color-filter{background-color:var(--backgrounds-2);opacity:0;position:absolute;width:100%;height:100%;z-index:2;transition:.3s opacity ease-in-out}.kacheln .inner-box:hover>.color-filter{opacity:.8;transition:.5s opacity ease-in-out}.kacheln .inner-box:hover>.background{filter:blur(10px);transform:scale(1.2);transition:.5s filter ease-in-out,.3s transform ease-in-out}.team{width:10%}.team .background{background-size:cover;background-position:center;position:absolute;width:100%;height:100%;z-index:1;transition:.7s filter ease-in-out,.5s transform ease-in-out}.inner-box:hover>.color-filter{opacity:.8;transition:.5s opacity ease-in-out}.outer-box{max-width:calc(25% - 30px);height:400px;cursor:default;overflow:hidden;width:calc(25% - 30px);min-width:300px;height:300px;cursor:pointer;flex-grow:3;margin:15px}.gray-box{background-color:var(--backgrounds);box-sizing:border-box;padding:45px 50px;height:100%}.textmaxw p{max-width:850px}.btn{font-family:var(--primary-font);font-size:1.2rem;padding:8px 10px;border:none;transition:background .4s ease-in-out;cursor:pointer}.btn-arrow{text-transform:uppercase;border-color:var(--backgrounds);color:var(--secondary);background-color:transparent;transition:all .2s ease-in-out;padding:10px 15px 10px 0;margin-right:15px;font-size:22px}#modal1btn,#modal2btn{color:var(--accent);cursor:pointer;transition:color .4s ease-in-out}.titelbereich-ueberuns{background-image:url(../img/halle.jpg);height:50vh;background-size:cover;position:relative}.titelbereich-estrich{background-image:url(../img/AdobeStock_221269744.jpeg);height:50vh;background-size:cover;position:relative}.titelbereich-seniorenheime{background-image:url(../img/AdobeStock_283590586.jpeg);height:50vh;background-size:cover;position:relative}.titelbereich-kindergearten{background-image:url(../img/turnhalle_FBB09644.jpg);height:50vh;background-size:cover;position:relative}.titelbereich-verwaltungsgebaeude{background-image:url(../img/verwaltungsgebaeude_adobestock_296801737.jpeg);height:50vh;background-size:cover;position:relative}.titelbereich-wohnungsbau{background-image:url(../img/AdobeStock_370409736.jpeg);height:50vh;background-size:cover;position:relative}.titelbereich-oberboden{background-image:url(../img/AdobeStock_278019489_linoleumtextur.jpeg);height:50vh;background-size:cover;position:relative}.text-padding div{font-size:40px;font-weight:300}.framework-form input,.framework-form select,.framework-form textarea{border:1px solid var(--primary);border-radius:0;background-color:transparent;font-family:var(--primary-font)}@media only screen and (max-width:968px){.header_ueberschrift{font-size:50px}h2{font-size:23px}.aufzaehlung div{font-size:18px}.aufzaehlung div::before{width:8px;height:8px}.flexfooter{flex-wrap:wrap;gap:10px}.slogan{font-size:45px}@media only screen and (max-width:768px){.logo{max-width:200px}#navbar-navbutton{display:block;font-size:35px;color:var(--primary);cursor:pointer;background:0 0}#navbar{display:none;position:absolute;left:0;width:100%;background-color:var(--primary);top:113px}.navi_flex{padding:10px}.navi_flex div{padding:10px 20px;font-size:20px;font-weight:700;text-transform:uppercase;text-align:right}.navi_flex div a:link,.navi_flex div a:visited{color:#fff}.navi_flex div a:hover{color:var(--accent);transition:color .5s ease-in-out}.kachel{overflow:hidden;position:relative;height:250px}.kachel-50prozent{width:100%}.kachel-33prozent{width:100%}.kachel-40prozent{width:100%}.kachel-60prozent{width:100%}.footer-col{width:100%}.bilder{size:10px}.titelbereich{height:80vh}.row33{flex-wrap:wrap}.col33,.col66{width:100%;min-width:100%}.mobile1{order:1}.mobile2{order:2}}@media only screen and (max-width:400px){.logo{max-width:150px}.slogan{font-size:30px}.titelbereich{height:50vh}.text-blue{font-size:18px}}}