#btn-back-to-top:active,#btn-back-to-top:hover,.header-weiterer-inhalt{background-color:#20a8e4}*,.section.hero-home .container-lg .row.start{margin:0}*,.header-weiterer-inhalt,.phone .email,.phone .number{letter-spacing:1px}@font-face{font-family:Lato;font-display:swap;src:url('../fonts/Lato/Lato-Regular.ttf') format('truetype')}@font-face{font-family:Lato;font-display:swap;src:url('../fonts/Lato/Lato-Bold.ttf') format('truetype');font-weight:700}@font-face{font-family:Lato;font-display:swap;src:url('../fonts/Lato/Lato-Black.ttf') format('truetype');font-weight:900}@font-face{font-family:Lato;font-display:swap;src:url('../fonts/Lato/Lato-Italic.ttf') format('truetype');font-style:italic}@font-face{font-family:Lato;font-display:swap;src:url('../fonts/Lato/Lato-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic}@font-face{font-family:Lato;font-display:swap;src:url('../fonts/Lato/Lato-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic}*{padding:0;color:#000;box-sizing:border-box;font-family:Lato,sans-serif;font-size:17px}:root{--bs-heading-color:#2a5d9c!important}body{background-color:#ffff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{border-radius:10px;background:#20a8e4}#btn-back-to-top{display:inline-block;background-color:#00618b;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;cursor:pointer}#btn-back-to-top.show{opacity:1;visibility:visible}.wrapper{overflow:hidden;position:relative}.header{display:block;position:absolute;left:0;min-width:320px;top:0;width:100%}.header-weiterer-inhalt{height:60px;width:100%;align-items:center;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;font-weight:600;padding:9px 20px 10px 64px;position:relative;z-index:20;font-size:.75rem}.header-weiterer-inhalt .header-campaign-text,.header-weiterer-inhalt .header-campaign-text u{color:#fff;font-size:inherit}.header .header-weiterer-inhalt+.header-bar{position:absolute;z-index:50}.sticky .header .header-weiterer-inhalt+.header-bar{position:fixed;top:0}.header .header-bar{height:60px;left:0;position:fixed;width:100%;z-index:5}.header .header-bar .header-bar-content{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:12px 20px;position:relative;z-index:10}.header .header-bar .header-bar-content .header-bar-content-logo{display:flex;flex-direction:column;width:160px}img{height:auto;max-width:100%;vertical-align:bottom}.header .header-bar .header-bar-content .header-bar-content-logo img{display:block;width:100%;transition:.2s}.header .header-bar .header-bar-content .header-bar-content-logo img.header-bar-content-logo-top{height:22.31px}.header .header-bar .header-bar-content .header-bar-content-logo img.header-bar-content-logo-bottom{height:8px;margin-top:6px}.header-bar-navigation{background-color:#fff;height:100%;margin:0;left:0;padding:120px 20px 60px;position:fixed;top:0;width:100%;transition:.2s;justify-content:center!important}.header-toggler{position:absolute;right:0;top:0;width:60px;height:60px;z-index:10000;outline:0;background:0 0;color:#000;border:none;border-left:1px solid #e0e0e0}.hero-home .hero-home-background,.section{background-repeat:no-repeat;background-size:cover}.navbar-nav>li+li{margin-top:30px}.navbar-nav .nav-item .nav-link{font-weight:700;text-transform:uppercase;letter-spacing:1px}.header .header-bar-navigation ul ul{display:none;margin-top:0;padding-left:0;list-style:none;min-width:100%}.nav-active .header .header-bar-navigation ul ul li{margin-top:10px}.header .header-bar-navigation ul ul li .navbar-button,.header .header-bar-navigation ul ul li a{white-space:nowrap}.header .header-bar-navigation ul li:hover>ul{display:block;background-color:#00618b}.nav-active .header .header-bar-navigation ul li:hover>ul{background-color:#fff;transition:.2s}.hero-home-content-box p,.sticky .header .header-bar-navigation ul ul li a{color:#fff}.nav-active .header .header-bar-navigation ul li a,.sticky.nav-active .header .header-bar-navigation ul ul li a{color:inherit}.nav-active .navbar-nav .nav-item.active,.nav-active .navbar-nav .nav-item:focus,.nav-active .navbar-nav .nav-item:hover{background-color:#00618b;border-bottom:1px solid #fff;color:#fff!important}@media screen and (max-width:991px){.header .header-bar-navigation{display:none;text-align:center}.nav-active .header .header-weiterer-inhalt{z-index:100}.nav-active .header-bar-navigation{position:fixed;padding:180px 20px 60px;transition:.2s;display:block}}@media screen and (min-width:992px){.header .header-bar-navigation ul ul{position:absolute;margin-top:-10px}.header .header-weiterer-inhalt{margin-bottom:-1px}.header .header-bar .header-bar-content{background-color:transparent;border-bottom:1px solid transparent;padding:0;transition:.2s}.sticky .header .header-bar .header-bar-content{background-color:#fff;border-color:#e0e0e0}.header .header-bar .header-bar-content .header-bar-content-logo{background-color:#fff;border:1px solid #fff;height:60px;padding:12px 20px;width:200px;transition:.2s}.header .header-bar .header-bar-navigation{display:flex;background-color:#00618b;height:60px;left:200px;padding:18px 5px 0;position:absolute;right:0;top:1px;width:auto;z-index:20}.header .header-weiterer-inhalt+.header-bar .header-bar-navigation{height:59px}.sticky .header .header-bar .header-bar-content .header-bar-content-logo{background-color:transparent;border-color:transparent}.sticky .header .header-bar .header-bar-navigation{background-color:transparent}.navbar-nav>li+li{margin:0}.navbar-nav li{color:#fff;position:relative;transform:skew(-20deg)}.header-bar-navigation .nav-link{color:inherit;padding-bottom:40px;transform:skew(20deg);padding-left:20px!important}.navbar-nav li ul li.nav-item{transform:skew(0)}.navbar-nav .nav-item.active,.navbar-nav .nav-item:focus,.navbar-nav .nav-item:hover{background-color:#fff;color:#000}.sticky .navbar-nav li{color:#00618b}.sticky .navbar-nav .nav-item.active,.sticky .navbar-nav .nav-item:focus,.sticky .navbar-nav .nav-item:hover{background-color:#00618b;color:#fff;border-bottom:1px solid #fff}.sticky .navbar-nav li ul .nav-item.active,.sticky .navbar-nav li ul .nav-item:focus,.sticky .navbar-nav li ul .nav-item:hover{background-color:#20a8e4!important}.sticky .header-bar-navigation .nav-link{color:inherit}.section.hero-home .container-lg .row.start{margin-top:calc(-1* var(--bs-gutter-y));margin-right:calc(-.5* var(--bs-gutter-x));margin-left:calc(-.5* var(--bs-gutter-x))}}@media screen and (min-width:1041px){.header .header-bar .header-bar-navigation{padding:18px 30px 0}}@media screen and (min-width:1191px){.navbar-nav>li+li{margin:0 0 0 30px}}@media screen and (min-width:1400px){.header .header-weiterer-inhalt{margin-left:359px;padding-left:84px}.header .header-bar .header-bar-content .header-bar-content-logo{height:auto;margin-left:0;padding:40px;width:360px}.sticky .header .header-bar .header-bar-content .header-bar-content-logo{height:60px;margin-left:0;padding:16px 0 0;width:268px}.header .header-bar .header-bar-content .header-bar-content-logo img.header-bar-content-logo-top{height:39px;transition:height .2s}.sticky .header .header-bar .header-bar-content .header-bar-content-logo img.header-bar-content-logo-top{height:28px}.header .header-bar .header-bar-content .header-bar-content-logo img.header-bar-content-logo-bottom{height:30px;margin-top:0;transition:opacity .2s}.sticky .header .header-bar .header-bar-content .header-bar-content-logo img.header-bar-content-logo-bottom{opacity:0}.header .header-bar .header-bar-navigation{left:359px}.sticky .header .header-bar .header-bar-navigation{left:268px}.navbar-nav>li+li{margin-left:40px}.sticky .navbar-nav>li+li{margin-left:60px}}@media screen and (min-width:1461px){.header .header-bar .header-bar-content .header-bar-content-logo{margin-left:60px}.header .header-bar .header-bar-navigation{left:420px}}@media screen and (min-width:1600px){.sticky .header .header-bar .header-bar-navigation{right:208px}.navbar-nav>li+li{margin-left:60px}}.main,footer .content span{display:block}.section{background-position:center center;display:block;padding:40px 0;position:relative;background-color:#fff}.hero-home,.section:first-child{padding:300px 0 0}main>.section:only-child{padding-bottom:3rem}.section.reverse{background-color:#00618b}.section.reverse .elevated-shadow{background:#fff}.section.reverse .elevated-shadow h3{color:#00618b!important}.section+.section{border-top:1px solid #e0e0e0;margin-top:-1px}.hero-home{min-height:100vh;min-height:100dvh;overflow:hidden;background-color:transparent!important}.hero-home-content{padding:0 20px;max-width:1440px;position:absolute;bottom:90px}.col-half{width:50%!important;padding:0 20px}.hero-home-content-title{font-size:2rem;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3);color:#fff;font-weight:900}.btn-kontakt,.hero-home-content-box a{font-weight:700;padding:15px 30px 17px;position:relative;text-align:center;z-index:1;font-size:1rem;transition:.1s;color:#fff;background:#20a8e4}.hero-home-content-box a:hover{background:#00618b;color:#fff}.hero-home .hero-home-background{background-position:right -200px center;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-2;background-image:url('/assets/img/tmp-hero.jpg')}.hero-home .hero-home-background::after{background-color:#000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;opacity:.2}@media screen and (min-width:570px){.hero-home .hero-home-background{background-position:center center}.hero-home-content{bottom:30px}.hero-home-content-title{font-size:2.25rem}}@media screen and (max-width:767px){.tt{width:calc(100% - 20px)!important;margin:-80px 0 0 20px!important}}@media screen and (min-width:768px){.hero-home{padding:200px 0 100px}.hero-home-content{position:relative;bottom:0;padding:0 100px 0 40px}.hero-home-content-title{font-size:3.25rem}.hero-home .hero-home-background{right:0}.ml-n80{margin-left:-80px}.mr-n80{margin-right:-80px}.position-absolute-md{position:absolute}}.section .section-title{margin-bottom:30px}.section .section-title h3.title,.section h3.title{font-size:32px}.section .counter{display:flex;flex-wrap:wrap}.section .counter-box{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-basis:0;flex-grow:1;padding:0 20px}.section .counter .counter-number{position:absolute;left:133px;top:33px;font-weight:700;color:#2a5d9c;font-size:1.25rem}.section .counter svg{fill:#20a8e4;opacity:.4;width:100px;height:100px}.section .counter .counter-title{margin:15px 0 10px;text-align:center;hyphens:auto;font-size:24px}.navtabs .nav-link,.section .counter p{color:#2a5d9c}.zib{color:#20a8e4!important}@media screen and (min-width:1020px){.section .section-title{margin:0 0 40px 60px}}.result.hidden,.scroll-down-box{display:none}.elevated-shadow,.icon-box,.time-line{position:relative}.services{margin:40px 0}.services h2{text-align:center;color:#2a5d9c}.service-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.service-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;width:300px;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center}.service-card h3{color:#2a5d9c;font-size:1.17rem;font-weight:700}.service-card p{color:#555}.container .banner-item{display:inline-block;position:relative;width:100%;text-align:left;color:#fff;margin:0 auto;transition:.5s;border:1px solid #e0e0e0}.conatiner .banner-item-full{display:flex}.container .banner-item:hover{margin-top:-10px;margin-bottom:10px;transition:.5s}.container .banner-item .banner-item-text{min-height:180px;padding:1rem;margin-bottom:35px}.container .banner-item h5{line-height:24px;font-size:1.2rem;color:#2a5d9c;font-weight:700;margin:5px 0}.container .banner-item h2{line-height:20px}.container .banner-item .banner-item-a{position:absolute;bottom:10px;right:5px;text-decoration:none;padding:5px 20px;background:#00618b;color:#fff;border-radius:25px;cursor:pointer;font-weight:700}.container .banner-item .banner-item-img .modal-button{cursor:pointer}.container .banner-item .banner-item-a:hover{color:#fff;background-color:#20a8e4}.kostenrechner h2{color:#2a5d9c;text-align:center;margin-bottom:10px}.kostenrechner .info-text{text-align:center;font-size:14px;color:#666;margin-bottom:20px}#kostenrechner-form{display:flex;flex-wrap:wrap;justify-content:space-between}.kostenrechner .form-group{margin-bottom:20px;width:100%}@media screen and (min-width:992px){.scroll-down-box{display:block;position:absolute;background-color:transparent;bottom:20px;left:50%;transform:translateX(-50%);z-index:100}.scroll-down-box .span-box{position:relative;width:30px;height:60px}.scroll-down-box span{position:absolute;top:0;left:50%;width:100%;height:100%;margin-left:-15px;border:2px solid #fff;border-radius:50px;box-sizing:border-box}.scroll-down-box span::before{position:absolute;top:10px;left:50%;content:'';width:8px;height:8px;margin-left:-4px;background-color:#fff;border-radius:100%;-webkit-animation:2.5s infinite scroll-down-animation;animation:2.5s infinite scroll-down-animation;box-sizing:border-box}@-webkit-keyframes scroll-down-animation{0%{-webkit-transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,30px);opacity:0}100%{opacity:0}}@keyframes scroll-down-animation{0%{-webkit-transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,30px);opacity:0}100%{opacity:0}}.kostenrechner .form-group{width:40%}}.kostenrechner label{display:block;font-weight:700;margin-bottom:5px;color:#555}.kostenrechner input,.kostenrechner select{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:8px;font-size:14px;background:#f9f9f9;transition:border-color .3s}.kostenrechner input:focus,.kostenrechner select:focus{border-color:#2a5d9c;outline:0}.checkbox-group label{display:block;font-size:14px;font-weight:400;margin-bottom:8px}.kostenrechner button{background:#2a5d9c;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;width:100%;transition:background .3s}.kostenrechner button:hover{background:#1e4475}.result{background:#eaf4fb;border:1px solid #2a5d9c;padding:20px;border-radius:8px;margin-top:20px;display:block}.result h3{margin:0 0 10px;color:#2a5d9c}.result p{margin:0;font-size:16px;font-weight:700;color:#333}.banner-footer{padding:1rem;font-size:.75rem;font-weight:700;color:#fff;background:#00618b;line-height:1rem}.h3{color:#00618b}footer{bottom:0;padding-top:60px;width:100%;background:#002030}.meta{text-align:center;font-size:14px;max-width:100%;padding-bottom:0;border-top:1px solid #fff}.main-content .box{flex-basis:50%;padding:10px 15px 10px 10px}.phone .number{font-size:1.75em;font-weight:700}.phone .email{font-size:1em;font-weight:700;line-height:3}footer ul{list-style:none;padding-left:0!important}footer ul li a{line-height:1.7}footer ul li button{background:0 0;border:0}ul.inline>li{display:inline-block;padding-right:16px;background:0 0!important}ul.inline>li:last-of-type{padding-right:0}.box h4{font-size:1.125rem;font-weight:900;text-transform:uppercase;color:#20a8e4;min-height:1.125rem}.box .content{margin:10px 0 0}.left .content p{text-align:justify}.left .content .social{margin:20px 0 0}.left .content .social a{padding:0 2px}.center .content .fas{font-size:1.4375rem;background:#1a1a1a;height:45px;width:45px;line-height:45px;text-align:center;border-radius:50%;transition:.3s;cursor:pointer}.center .content .fas:hover{background:#f12020}.center .content .text{font-size:.9rem;font-weight:700;padding-left:10px}.center .content .phone{margin:15px 0}@media screen and (max-width:600px){footer{position:relative;bottom:0}.main-content{flex-wrap:wrap;flex-direction:column}.main-content .box{margin:5px 0}.nmb{font-size:12px!important}}.a-footer{color:#fff;text-decoration:none;cursor:pointer;font-size:inherit}.meta .a-footer:hover{text-decoration:underline;color:#fff}a[href^="fax:"],a[href^="info@zapf-ib.de.de"],a[href^="tel:"]{text-decoration:none!important}.text{color:#fff!important}#button:hover{cursor:pointer;background-color:#333}.section.leistung{background:#00618b;display:flex;align-items:center;min-height:70vh}.section.leistung .card{border:none;box-shadow:6px 10px rgba(0,0,0,.05);transition:transform .2s}@media screen and (min-width:770px){.header .header-weiterer-inhalt{height:60px;font-size:.875rem}.section .section-title h3.title,.section h3.title{font-size:42px}}@media screen and (min-width:1100px){.section:first-child{padding:340px 0 0}.hero-home{padding:380px 0 0}.hero-home-content-title{font-size:4.5rem}.hero-home-content{padding:0 100px}.section .section-title h3.title,.section h3.title{font-size:52px}}.card .card-body h4{line-height:24px;font-size:1.2rem;color:#2a5d9c;font-weight:900;margin:5px 0}.icon-box{width:60px;height:60px;background:#00618b;border-radius:50%}.icon-box svg{position:absolute;top:10px;left:10px;height:40px;width:40px}.icon-box .step-number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.elevated-shadow{box-shadow:0 5px 15px rgba(0,0,0,.6),0 0 10px rgba(0,97,136,.5);background-color:#00618b;border-radius:8px;padding:20px;transform:translateY(-10px);z-index:2;color:#fff}.content-box{width:calc(100% - 114px)}p{margin-bottom:0}.btn-baby{background-color:#20a8e4;color:#fff}.btn-baby:hover,.btn-kontakt:hover{background-color:#00618b;color:#fff}.section-cta .btn-kontakt:hover{background-color:#fff;color:#000}.section-cta .z-md-9{z-index:10}.section-cta .mb-n-1rem{margin-bottom:-1rem}@media screen and (min-width:768px){.section-cta .z-md-9{z-index:9}.section-cta .mb-n-1rem{margin-bottom:0!important}}.time-line::before{content:"";position:absolute;top:50%;left:1rem;right:1rem;height:4px;background-color:#fff;z-index:0}@media (max-width:768px){.time-line::before{top:1rem;bottom:0;left:50%;right:auto;width:4px;height:calc(100% - 3rem);transform:translateX(-50%)}}