:root{--layout-max-width:90rem;--site-max-width:var(--layout-max-width);--header-max-width:var(--layout-max-width)}body.bbooe article,body.bbooe footer article{max-width:var(--layout-max-width)}html{scroll-behavior:smooth}#mobilenav.open,header.open #mobilenav{display:block}body.bbooe header article nav.main a{color:#fff;text-transform:uppercase;letter-spacing:.8px}body.bbooe header article{max-width:var(--layout-max-width)}@media (min-width:1200px){body.bbooe header article nav.main a{letter-spacing:.4px}}body.bbooe header article #logo a img{max-height:48px;margin-right:0}@media (min-width:1200px){body.bbooe header{height:5rem!important}body.bbooe header .site-header__container{max-width:var(--header-max-width);justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;padding:0;display:flex}body.bbooe header .site-header__main{flex:1;align-items:center;gap:1rem 1.25rem;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:flex;overflow:visible}body.bbooe header #logo{flex-shrink:0;margin-right:.25rem}body.bbooe header .navbox{flex:auto;justify-content:flex-end;align-items:center;gap:clamp(.75rem,1.5vw,1.5rem);min-width:0;height:auto;display:flex;overflow:visible}body.bbooe header #mainnav{flex:0 auto;width:auto;min-width:0;font-size:.875rem;line-height:1.35;margin-top:0!important}body.bbooe header #mainnav nav.main ul{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:clamp(.65rem,.5rem + .45vw,1.35rem)}body.bbooe header #mainnav nav.main ul>li.kundenzone{padding:.25rem 0;position:relative}body.bbooe header #mainnav nav.main ul>li.kundenzone>a{white-space:nowrap;align-items:center;gap:.375rem;padding-left:1.25rem;display:inline-flex;position:relative}body.bbooe header #mainnav nav.main ul>li.kundenzone>a:before{content:"";background:url(/img/account.svg) 50%/1rem no-repeat;width:1rem;height:1rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.bbooe header #mainnav nav.main ul>li.kundenzone:hover>a{color:#82d0f5}body.bbooe header #mainnav nav.main ul>li.kundenzone>ul{z-index:30;background:#fff;border:none;border-radius:.25rem;min-width:10rem;padding:.375rem 0 .25rem;left:auto;right:0;box-shadow:0 4px 12px #00000026}body.bbooe header #mainnav nav.main ul>li.kundenzone>ul li{padding:0}body.bbooe header #mainnav nav.main ul>li.kundenzone>ul li a{color:#0067b1;text-transform:uppercase;letter-spacing:.8px;padding:.625rem 1rem;font-size:14px;line-height:1.25;display:block}body.bbooe header #mainnav nav.main ul>li.kundenzone>ul li:hover a{color:#82d0f5}body.bbooe .site-header__cta-short{display:none}body.bbooe .site-header__cta-full{display:inline}body.bbooe header #mainnav nav.main ul>li{white-space:nowrap;flex-shrink:0;padding:.25rem 0}body.bbooe header #mainnav nav.main ul>li>a{letter-spacing:.4px;font-size:.875rem;line-height:1.35;text-decoration:none;display:inline-block}body.bbooe header #mainnav nav.main ul>li.loesungen>a{font-size:.875rem}body.bbooe header .site-header__cta{white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;align-items:center;margin:0;padding:.5rem .85rem;font-size:.8125rem;line-height:1.25;text-decoration:none;display:inline-flex}body.bbooe header .site-header__mobileActions{display:none}body.bbooe header #mainnav nav.main>ul>li.loesungen{position:relative}body.bbooe header #mainnav nav.main>ul>li.loesungen>ul,body.bbooe header #mainnav nav.main>ul>li.kundenzone>ul{top:100%;margin-top:0!important}body.bbooe header #mainnav nav.main>ul>li.loesungen:hover>ul,body.bbooe header #mainnav nav.main>ul>li.loesungen:focus-within>ul,body.bbooe header #mainnav nav.main>ul>li.kundenzone:hover>ul,body.bbooe header #mainnav nav.main>ul>li.kundenzone:focus-within>ul{flex-direction:column;display:flex}body.bbooe #mainnav nav.main ul li.loesungen>ul{z-index:30;background:#fff;border:none;border-radius:.25rem;min-width:12rem;padding:.375rem 0 .25rem;left:0;box-shadow:0 4px 12px #00000026}body.bbooe #mainnav nav.main ul li.loesungen>ul li a{color:#0067b1;padding:.625rem 1rem;font-size:14px;line-height:1.25;display:block}body.bbooe #mainnav nav.main ul li.loesungen>ul li:hover a{color:#82d0f5}}@media (min-width:1200px) and (max-width:1499px){body.bbooe header .navbox,body.bbooe header #mainnav nav.main ul{gap:.65rem}body.bbooe header #logo a img{max-height:42px}body.bbooe .site-header__cta-full{display:none}body.bbooe .site-header__cta-short{display:inline}}@media (min-width:1500px){body.bbooe .site-header__cta-short{display:none}body.bbooe .site-header__cta-full{display:inline}}@media (min-width:900px) and (max-width:1199px){#mobilenav{display:block!important}}@media (max-width:1199px){body.bbooe header .site-header__container{height:100%;max-width:var(--layout-max-width);box-sizing:border-box;align-items:center;width:100%;min-width:0;margin:0 auto;padding:0;display:flex}body.bbooe header .site-header__main{box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;max-width:100%;padding:0;display:flex}body.bbooe header .navbox{display:none}body.bbooe header article #logo{flex-shrink:1;min-width:0;margin:0}body.bbooe header #logo a img{max-width:min(160px,48vw);height:auto;max-height:40px}body.bbooe header .site-header__mobileActions{z-index:100;flex-shrink:0;align-items:center;gap:.5rem;display:flex}body.bbooe header #hamburger{flex-shrink:0;width:36px;height:24px;margin-left:0;display:inline-block!important}body.bbooe header .headerContactPopover{position:relative}body.bbooe header .site-header__callBtn{cursor:pointer;background:#e4007c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:flex}body.bbooe header .site-header__callBtn img{filter:brightness(0)invert();width:1.05rem;height:1.05rem}body.bbooe header .site-header__callBtn:hover{background:#c4006a}body.bbooe header .headerContactPopover__panel{z-index:200;background:#fff;border-radius:12px;width:17.5rem;max-width:calc(100vw - 2rem);position:absolute;top:calc(100% + .75rem);right:-.5rem;overflow:hidden;box-shadow:0 12px 32px #0003}body.bbooe header .headerContactPopover__head{color:#0067b1;background:#eaf4fb;align-items:center;gap:.6rem;padding:1rem 1.1rem;font-size:1rem;font-weight:800;display:flex;position:relative}body.bbooe header .headerContactPopover__head img{width:1.35rem;height:1.35rem}body.bbooe header .headerContactPopover__close{color:#0067b1;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}body.bbooe header .headerContactPopover__row{color:#0067b1;background:#eaf4fb;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;margin:.5rem .75rem 0;padding:.85rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}body.bbooe header .headerContactPopover__row:hover{background:#dcedf7;border-color:#0067b1}body.bbooe header .headerContactPopover__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}body.bbooe header .headerContactPopover__icon--pink{background:#e4007c}body.bbooe header .headerContactPopover__icon--blue{background:#0067b1}body.bbooe header .headerContactPopover__icon--green{background:#25d366}body.bbooe header .headerContactPopover__icon img{flex-shrink:0;width:1.05rem;height:1.05rem}body.bbooe header .headerContactPopover__row span:first-of-type{flex:1}body.bbooe header .headerContactPopover__row span[aria-hidden]{color:#0067b1;font-weight:800}body.bbooe header .headerContactPopover__footer{color:#0067b1;border-top:1px solid #00000014;justify-content:center;align-items:center;gap:.4rem;margin:.85rem 0 0;padding:.85rem 1.1rem;font-size:.9rem;font-weight:800;text-decoration:none;display:flex}body.bbooe header .headerContactPopover__footer:hover{background:#f5fafd}body.bbooe #mobilenav .site-header__mobile-cta{text-align:center;text-transform:uppercase;letter-spacing:.8px;width:100%;max-width:none;margin:0 0 1.5rem;display:block}}@media (max-width:599px){#mobilenav{padding:5.5rem 1.25rem 1rem}#mobilenav nav ul li{margin-bottom:.7rem}#mobilenav nav.mainnav{font-size:1.125rem;line-height:1.3}#mobilenav nav.mainnav ul li.loesungen-sub{margin-bottom:.45rem;padding-left:1rem}#mobilenav nav.mainnav ul li.loesungen-sub a{letter-spacing:.4px;font-size:.9375rem;font-weight:400}#mobilenav nav.mainnav ul li.kundenlogin a{padding-left:1.75rem}#mobilenav nav.mainnav ul li.kundenlogin a:before{background-size:1.15rem;width:1.15rem;height:1.15rem}#mobilenav nav.mainnav ul li.webmail-mobile{margin-top:.15rem;margin-bottom:.7rem}#mobilenav nav.mainnav ul li.webmail-mobile .webmail{padding:.5rem 1rem;font-size:.9375rem;line-height:1.25}#mobilenav hr{margin-top:.15rem;margin-bottom:.85rem}#mobilenav nav.topnav{font-size:.9375rem}#mobilenav nav.topnav ul li{margin-bottom:.55rem}#mobilenav nav.footernav{margin-top:.75rem;padding-bottom:.25rem}#mobilenav nav.footernav ul{gap:.25rem .75rem}#mobilenav nav.footernav ul li{margin-bottom:.35rem}#mobilenav nav.footernav ul li a{font-size:.8125rem}body.bbooe #mobilenav .site-header__mobile-cta{margin-bottom:1rem;padding:.6rem 1rem;font-size:.875rem;line-height:1.25}}.modal.show{background:#00000080}.modal-backdrop.show{z-index:1040;opacity:.5;background-color:#000;position:fixed;inset:0}.modal.show .modal-dialog{z-index:1050;position:relative}.slick-slider .slick-slide>div:only-child{height:100%;display:contents}.moduleSlider .slick-slide{margin:0}@media (max-width:599px){.moduleSlider .slick-slide:last-child.item,.moduleSlider .slick-slide:last-child .item{margin-right:1.5rem}.moduleSlider .slick-slide:first-child.item,.moduleSlider .slick-slide:first-child .item{margin-left:1.5rem}}.slider-placeholder{min-height:12rem}.testimonials-slider-placeholder{min-height:24rem}.cardslider-placeholder{flex-wrap:wrap;align-items:stretch;gap:1rem;min-height:0;display:flex}.cardslider-placeholder>.carditem{flex:16rem;max-width:22rem}.module-slider-placeholder{min-height:16rem}.hubCards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem;display:grid}.hubCard{color:inherit;background:#fff;border-radius:.5rem;padding:1.5rem;text-decoration:none;display:block}.hubCard h3{margin-bottom:.5rem}.hubCard p{margin-bottom:1rem}.hubCardsFooter{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}#mainnav nav.main ul li.loesungen{position:relative}#mobilenav nav.mainnav ul li.loesungen-sub{padding-left:1.5rem}#mobilenav nav.mainnav ul li.mobileNavAccordion{margin-bottom:.7rem}#mobilenav nav.mainnav ul li.mobileNavIcon>a,#mobilenav nav.mainnav ul li.mobileNavIcon>.mobileNavAccordion__row{padding-left:1.85rem;position:relative}#mobilenav nav.mainnav ul li.mobileNavIcon>a:before,#mobilenav nav.mainnav ul li.mobileNavIcon>.mobileNavAccordion__row:before{content:"";background:var(--nav-icon) no-repeat center / contain;opacity:.85;width:1.1rem;height:1.1rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}#mobilenav .mobileNavAccordion__row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}#mobilenav .mobileNavAccordion__toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}#mobilenav .mobileNavAccordion__toggle span{border-bottom:2px solid #fff;border-right:2px solid #fff;width:.6rem;height:.6rem;transition:transform .2s ease-in-out;transform:rotate(45deg)}#mobilenav .mobileNavAccordion__toggle.is-open span{transform:rotate(-135deg)}#mobilenav .mobileNavAccordion__sublist{flex-direction:initial;background:0 0;border:none;margin:.6rem 0 0;padding:0;list-style:none;display:block;position:static}#mobilenav .mobileNavAccordion__sublist li.loesungen-sub{margin-bottom:.45rem}#mobilenav .mobileNavAccordion__sublist li.loesungen-sub:last-child{margin-bottom:0}.highlightList{padding-left:1.5rem;list-style:outside}.highlightList li+li{margin-top:.5rem}.locationLinks{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.locationLink{color:#0067b1;text-decoration:underline}.locationLink:hover{color:#004a80}.orteGroup+.orteGroup{margin-top:2rem}.orteGroup h2{margin-bottom:.75rem}.projectList{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;display:grid}.projectCard{color:inherit;background:#ffffff14;border-radius:.5rem;padding:1.5rem;text-decoration:none;display:block}.projectCardHeader{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.projectStatus{font-size:.85rem;font-weight:600}.statusActive{color:#7dffb3}.statusPlanning{color:#ffd27d}.statusCompleted{color:#b3d4ff}.netzMapPlaceholder{margin:1rem 0}.netzMapPlaceholder img{max-width:100%;height:auto}.netzMapWrap{margin:1rem 0 1.5rem}.netzMap{z-index:0;border:1px solid #0067b133;border-radius:.5rem;width:100%;height:min(28rem,70vh);overflow:hidden}.netzMapLoading{color:#0067b1;background:#0067b10f;justify-content:center;align-items:center;font-weight:600;display:flex}.netzMapLegend{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1rem;padding:0;list-style:none;display:flex}.netzMapLegend li{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.netzMapLegendDot{border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #00000026}.netzMapPopup strong{margin-bottom:.25rem;font-size:1rem;display:block}.netzMapPopup .netzMapPopupStatus{color:#0067b1;margin-bottom:.5rem;font-size:.85rem;display:block}.netzMapPopup p{margin:0 0 .75rem;font-size:.9rem;line-height:1.4}.netzMapPopup a{color:#0067b1;font-weight:600}#kontakt-cta .buttonbox{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}header{box-sizing:border-box;width:100%;max-width:100%}body.bbooe header .site-header__container{min-width:0;max-width:min(100%, var(--header-max-width));box-sizing:border-box}body.bbooe header .site-header__main{box-sizing:border-box;min-width:0;max-width:100%}body.bbooe header #logo{flex-shrink:1;min-width:0}body.bbooe header #logo a img{max-width:100%;height:auto}@media (max-width:899px){.slider,.slider.fullright{width:100%;max-width:100%}}#mobilenav{box-sizing:border-box;width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0px);left:100%}#mobilenav.open{left:0}@media (min-width:600px) and (max-width:1199px){#mobilenav{padding:6.5rem 1.5rem 1.5rem}#mobilenav.open{justify-content:flex-start;display:block}}@media (max-width:899px){footer article .row2{grid-template-columns:1fr;gap:1.5rem}footer article .row2>div:nth-child(2){justify-content:flex-start}footer article .row2 nav{flex-wrap:wrap;gap:1rem 1.5rem}footer article .row1>div:nth-child(3){grid-template-columns:1fr;justify-content:start}}.faqs .item h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:899px){html{scroll-padding-top:5rem}.button,#mobilenav nav.topnav ul li:nth-child(6){box-sizing:border-box;max-width:100%}}@media (max-width:1199px){body.home2 footer article{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}}@media (max-width:767px){#contact_form .row{flex-direction:column}#contact_form .row .col{flex:0 0 100%;width:100%;max-width:100%}#contact_form .inputradiocontainer{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}#contact_form select,#contact_form input[type=file].form-control{box-sizing:border-box;width:100%;max-width:100%}#contact_form label[for=gdpr]{max-width:none}}@media (max-width:479px){.downloadBox .downloads{grid-template-columns:1fr;gap:1.25rem}}.cardsliderbox,.moduleSliderBox{max-width:100%;overflow:hidden}.cardslider .slick-list,.moduleSlider .slick-list{overflow:hidden}.button,a.button{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:374px){section,header{padding-left:1rem;padding-right:1rem}}body.glasfaser-internet section#header,body.home2 section#header{overflow:hidden}@media (min-width:900px) and (max-width:1199px){body.glasfaser-internet section#header article .twocol>div:last-child,body.home2 section#header article .twocol>div:last-child{justify-content:flex-end;align-items:flex-start;display:flex}body.glasfaser-internet .headerbadge,body.home2 .headerbadge{width:min(336px,100%);max-width:100%;height:auto;position:relative;top:auto;right:auto;scale:1}}@media (max-width:640px){.faqCategoryFilters button{padding:.4rem .7rem;font-size:.8rem}.faqSearchBar{max-width:none}}@media (min-width:1200px){body.glasfaser-internet .headerbadge,body.home2 .headerbadge{top:-1rem;right:0;scale:1}}.topcol h2+.teaser,.topcol h2+.p{margin-top:clamp(.75rem,1.5vw,1.25rem)}.topcol .teaser{max-width:65ch;line-height:1.45}section#downloads .faqSearchBar input[type=search]{color:#1a1a18;background:#fff;border-color:#0067b140;font-size:1rem}section#downloads .faqSearchMeta,section#downloads .faqSearchEmpty{color:#1a1a18}section#downloads .downloadCategoryFilters button{color:#0067b1;background:#fff;border-color:#0067b14d}section#downloads .downloadCategoryFilters button.active,section#downloads .downloadCategoryFilters button:hover,section#downloads .downloadCategoryFilters button:focus-visible{color:#fff;background:#0067b1;border-color:#0067b1;outline:none}section#downloads .downloadBox--compact{gap:1rem 2rem;padding:1.5rem 0}@media (max-width:899px){section#downloads .downloadBox--compact .cat{margin-bottom:.5rem;font-size:1.15rem;line-height:1.4}}@media (max-width:640px){section#downloads .downloadSearchBar input[type=search]{padding:.95rem 1rem;font-size:16px}}section.blue.dark .faqSearchMeta,section.blue.dark .faqSearchEmpty{color:#ffffffe0}section.blue.dark .faqCategoryFilters button{color:#fff;border-color:#ffffff59}.downloadListCompact__link{line-height:1.45}@media (max-width:767px){#contact_form{margin-top:1.5rem}}
