body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
*{box-sizing:border-box}body{font:1.2em "Open Sans", verdana, arial;color:#292929;line-height:1.6em}h1{font:1.4em "Open Sans", verdana, arial}h2{font:1.3em "Open Sans", verdana, arial}h3{font:1em "Open Sans", verdana, arial}h1,h2,h3{font-weight:600;color:#07426b;margin:10px 0px 0px 0px;text-transform:uppercase}a{color:#07426b;text-decoration:underline}a:focus{outline:none}a:hover{color:#6b9dd3}#header{height:117px}#header .inside{margin:0 auto;max-width:1390px;padding:0 25px;z-index:999}#logo{float:left;padding-top:13px}#banner{width:100%;z-index:-10}#banner .hero-image{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;border-bottom:4px solid #6b9dd3}#banner .hero-start{background-image:url("../../files/northpoint/images/banner_northpoint_hamburger_hafen.jpg");height:500px}#banner .hero-unternehmen{background-image:url("../../files/northpoint/images/banner_northpoint_gueterbahnhof.jpg");height:400px}#banner .hero-leistungen{background-image:url("../../files/northpoint/images/banner_northpoint_street.jpg");height:400px}#banner .hero-kontakt{background-image:url("../../files/northpoint/images/banner_northpoint_kontakt.jpg");height:400px}#banner .hero-impressum{background-image:url("../../files/northpoint/images/banner_impressum_datenschutz.jpg");height:400px}#banner .hero-text{text-align:center;position:absolute;padding:0px 25px;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);color:white}#banner .hero-text p{font-size:1.2em;margin:0px;line-height:1.2em;text-shadow:0px 0px 60px black}#banner h1{font:2.6em "Open Sans", verdana, arial;font-weight:700;color:#ffffff;margin:0px 0px 10px 0px;letter-spacing:0.5px;text-shadow:0px 0px 60px black;text-transform:uppercase}.custom{clear:both}.video_container video{width:100%;height:auto}#starticons{font:0.9em "Open Sans", verdana, arial;text-align:center;background-color:#e6ecf0;padding:75px 0px;margin:-9px;border-top:7px solid #07426b}#starticons .inside{max-width:1080px;margin:0px auto;padding:0px 25px}#starticons .image_container{margin:0px 0px 15px 0px}#starticons p{margin:5px;line-height:1.6em}.margin-bottom-block{margin-bottom:110px}.margin-bottom-block-download{margin-bottom:60px}.middle_image{text-align:center}#main .inside{max-width:1080px;margin:110px auto 0px auto;padding:0px 25px}.footer_banner{width:100%;height:220px;background-image:url("../../files/northpoint/images/northpoint_fassade_sw.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;text-align:center;border-bottom:4px solid #6b9dd3}#footer{background-color:#07426b;color:#ffffff;font-size:0.8em;line-height:1.8em}#footer h2{font:1.1em "Open Sans", verdana, arial;color:#ffffff;text-transform:uppercase;letter-spacing:0.5px;margin:35px 0px 10px}#footer .footer_elements{max-width:1080px;margin:0px auto;padding:20px 25px}#footer .footer_logo{float:left;width:45%;padding:60px 20px 0px 0px}#footer .footer_adresse{float:left;width:37%;padding:0px 20px 20px}#footer .footer_navigation{float:left;width:18%;padding:0px 0px 20px 20px}#footer .footer_hr{clear:both;max-width:95%;margin:0px auto}#footer .copyright{text-align:center;padding:30px 0px;font-size:0.9em}#footer a,#footer a:visited{color:#ffffff;text-decoration:none}#footer a:hover{color:#6b9dd3}#footer .mod_customnav{margin-bottom:35px}#footer .mod_customnav ul{list-style-type:none;margin:0;padding:0}#footer .mod_customnav li{padding:0px}#footer .mod_customnav li.first{padding-top:6px}#footer .active{font-weight:400;color:#6b9dd3}.change_language_normal{float:right;text-align:right;padding:44px 0px 0px 0px}.change_language_normal ul{list-style-type:none;margin:0;padding:5px 0 10px;height:40px}.change_language_normal li{display:inline;padding:0px 0px 0px 25px;float:left}.change_language_normal li:last-child{padding:0px}.change_language_normal li a{padding:12px 10px 12px 0}.change_language_normal li .active{padding:12px 10px 12px 0;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.mod_navigation{font:0.7em "Open Sans", verdana, arial;float:right;text-align:right;padding:0px 0px 0px 0px}.mod_navigation ul{list-style-type:none;margin:0;padding:0px 0 10px;height:117px}.mod_navigation li{display:inline;float:left;text-transform:uppercase;font-weight:400;padding:54px 5px 45px 5px;-moz-osx-font-smoothing:grayscale;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in}.mod_navigation li a{padding:54px 5px 45px 5px;text-decoration:none;text-transform:uppercase;font-weight:400;-moz-osx-font-smoothing:grayscale;-moz-osx-font-smoothing:grayscale;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in}.mod_navigation li a:hover{color:#ffffff}.mod_navigation li:hover,.mod_navigation .active{color:#ffffff;background-color:#07426b;text-decoration:none;text-transform:uppercase;font-weight:400;padding:54px 5px 45px 5px;-moz-osx-font-smoothing:grayscale}.mobile_menu{z-index:999}.menubutton,.menubutton:hover,.menubutton.active,.menubutton-inside,.menubutton-inside::before,.menubutton-inside::after{-webkit-transition:350ms all;transition:350ms all}.menubutton{width:35px;height:25px;right:25px;top:50px;position:absolute;float:right;margin:0;padding:0;z-index:99999999;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menubutton.active{position:fixed}.menubutton-inside{width:35px;height:1px;top:11px;position:absolute;background-color:#07426b}.menubutton-inside::before,.menubutton-inside::after{width:35px;height:1px;position:absolute;display:block;background-color:#07426b;content:""}.menubutton-inside::before{top:-8px}.menubutton-inside::after{top:8px}.menubutton-inside.active{background:transparent}.menubutton-inside.active::before{background-color:#ffffff;-webkit-transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}.menubutton-inside.active::after{background-color:#ffffff;color:#07426b;-webkit-transform:translateY(-8px) translateX(0rem) rotate(45deg);-ms-transform:translateY(-8px) translateX(0rem) rotate(45deg);transform:translateY(-8px) translateX(0rem) rotate(45deg)}.mobile_menu .inner{background-color:#292929;padding-top:10px}.mobile_menu .inner h2{float:left;margin:20px 0px 10px;color:#ffffff;font-weight:400;padding:0px 20px}.mobile_menu .change_language_mobile{float:right;text-align:right;padding:15px 10px 0px 0px}.mobile_menu .change_language_mobile ul{list-style-type:none;margin:0;padding:5px 0 10px;height:40px}.mobile_menu .change_language_mobile li{display:inline;padding:0px;float:left}.mobile_menu .change_language_mobile li:last-child{padding:0px}.mobile_menu .change_language_mobile li a{padding:12px 10px 12px 0}.mobile_menu .change_language_mobile li .active{padding:12px 10px 12px 0;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#mobilenavigation{clear:both}#mobilenavigation ul{margin:10px 0px;list-style-type:none;padding:0px}#mobilenavigation li{background-color:#272727;padding:5px 20px;border-bottom:2px solid #07426b}#mobilenavigation li:hover{background-color:#6b9dd3}#mobilenavigation li.active{color:#07426b;background-color:#6b9dd3;text-decoration:none;text-transform:uppercase;padding:5px 20px}#mobilenavigation a{color:#ffffff;text-decoration:none;text-transform:uppercase;padding:3% 25% 3% 3%}#mobilenavigation .active{padding:3% 50% 3% 3%}#mobile_info{color:#ffffff;font:0.9em "Open Sans", verdana, arial;line-height:1.8em;padding:25px 25px}#mobile_info a{color:#6b9dd3;text-decoration:none;text-transform:uppercase;font-weight:400}#mobile_info a:hover{color:#e6ecf0}.cookiebar *{box-sizing:border-box}.cookiebar{box-sizing:border-box;position:fixed;left:0px;max-width:300px;margin:20px;padding:25px 25px;background-color:#292929;color:#ffffff;font-size:0.7em;text-align:left;z-index:10;line-height:26px}.cookiebar--active{display:flex !important;justify-content:left;align-items:center;flex-wrap:wrap}.cookiebar__message,.cookiebar__text{margin-right:0px}.cookiebar--position-bottom{bottom:0px}.cookiebar__message,.cookiebar__text{margin-right:0px}#cookiebar_more{padding:10px 15px}.cookiebar__link{color:#ffffff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}#cookiebar_google_checkbox{padding:12px 0px 12px 0px}.cookiebar__analytics{margin-right:0}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}.cookiebar__button{margin:0px 0px 0px 5px;padding:10px 15px;border:none;border-radius:0;background-color:#07426b;color:#ffffff;font-weight:normal;font-size:12px;cursor:pointer}.cookiebar__button:hover{background-color:#6b9dd3;color:#07426b}@media screen and (max-width:900px){body{font:1.2em "Open Sans", verdana, arial;color:#292929;line-height:1.6em}h1{font:1.4em "Open Sans", verdana, arial}h2{font:1.3em "Open Sans", verdana, arial}h3{font:1em "Open Sans", verdana, arial}h1,h2,h3{font-weight:600;color:#07426b;margin:10px 0px 0px 0px;text-transform:uppercase}#header .inside{margin:0 auto;max-width:1390px;padding:0 25px;z-index:999}.change_language_normal{float:right;text-align:right;padding:24px 0px 0px 0px}.change_language_normal ul{list-style-type:none;margin:0;padding:5px 0 10px;height:auto}.change_language_normal li{display:block;padding:0px 0px 0px 25px;float:none}.change_language_normal li:last-child{padding:0px 0px 0px 25px}#logo{float:left;padding-top:25px;max-width:245px}#banner .hero-start{height:450px}#banner .hero-unternehmen,#banner .hero-leistungen,#banner .hero-kontakt,#banner .hero-impressum{height:320px}#banner h1{font:2.2em "Open Sans", verdana, arial;font-weight:700;color:#ffffff;margin:0px 0px 10px 0px;letter-spacing:0.5px;text-shadow:0px 0px 60px black;text-transform:uppercase}#main .inside{max-width:1080px;margin:90px auto 0px auto;padding:0px 25px}.footer_banner{height:180px}}@media screen and (max-width:767px) and (min-width:466px){body{font:1.1em "Open Sans", verdana, arial;color:#292929;line-height:1.6em}h1{font:1.4em "Open Sans", verdana, arial}h2{font:1.3em "Open Sans", verdana, arial}h3{font:1em "Open Sans", verdana, arial}h1,h2,h3{font-weight:600;color:#07426b;margin:10px 0px 0px 0px;text-transform:uppercase}#header .inside{margin:0 auto;max-width:1390px;padding:0 25px;z-index:999}#logo{float:left;padding-top:25px;max-width:240px}.change_language_normal{display:none}.mod_navigation{display:none}#banner .hero-start{height:400px}#banner .hero-unternehmen,#banner .hero-leistungen,#banner .hero-kontakt,#banner .hero-impressum{height:260px}#banner h1{font:2.4em "Open Sans", verdana, arial;font-weight:700;color:#ffffff;margin:0px 0px 10px 0px;letter-spacing:0.5px;text-shadow:0px 0px 60px black;text-transform:uppercase}#main .inside{max-width:1080px;margin:70px auto 0px auto;padding:0px 25px}.footer_banner{height:100px}#footer .footer_logo{display:none}#footer .footer_adresse{float:left;width:60%;padding:0px 20px 20px}#footer .footer_navigation{float:left;width:40%;padding:0px 0px 20px 20px}}@media screen and (max-width:465px){body{font:1em "Open Sans", verdana, arial;color:#292929;line-height:1.6em}h1{font:1.4em "Open Sans", verdana, arial}h2{font:1.3em "Open Sans", verdana, arial}h3{font:1em "Open Sans", verdana, arial}h1,h2,h3{font-weight:600;color:#07426b;margin:10px 0px 0px 0px;text-transform:uppercase}#header .inside{margin:0 auto;max-width:1390px;padding:0px 15px;z-index:999}#logo{float:left;padding-top:30px;max-width:210px}.change_language_normal{display:none}.mod_navigation{display:none}#banner .hero-start{height:380px}#banner .hero-unternehmen,#banner .hero-leistungen,#banner .hero-kontakt,#banner .hero-impressum{height:180px}#banner h1{font:1.8em "Open Sans", verdana, arial;font-weight:700;color:#ffffff;margin:0px 0px 10px 0px;letter-spacing:0.5px;text-shadow:0px 0px 60px black;text-transform:uppercase}#main .inside{max-width:1080px;margin:50px auto 0px auto;padding:0px 25px}.footer_banner{display:none}#footer .footer_logo{display:none}#footer .footer_adresse{float:none;width:100%;padding:0px 20px;text-align:center}#footer .footer_navigation{float:none;width:100%;padding:0 20px;text-align:center}.cookiebar{max-width:100%;margin:0}}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url("../../files/northpoint/fonts/open-sans-v17-latin-regular.eot");src:local("Open Sans Regular"), local("OpenSans-Regular"), url("../../files/northpoint/fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/northpoint/fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("../../files/northpoint/fonts/open-sans-v17-latin-regular.woff") format("woff"), url("../../files/northpoint/fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("../../files/northpoint/fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:url("../../files/northpoint/fonts/open-sans-v17-latin-600.eot");src:local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../../files/northpoint/fonts/open-sans-v17-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/northpoint/fonts/open-sans-v17-latin-600.woff2") format("woff2"), url("../../files/northpoint/fonts/open-sans-v17-latin-600.woff") format("woff"), url("../../files/northpoint/fonts/open-sans-v17-latin-600.ttf") format("truetype"), url("../../files/northpoint/fonts/open-sans-v17-latin-600.svg#OpenSans") format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url("../../files/northpoint/fonts/open-sans-v17-latin-700.eot");src:local("Open Sans Bold"), local("OpenSans-Bold"), url("../../files/northpoint/fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/northpoint/fonts/open-sans-v17-latin-700.woff2") format("woff2"), url("../../files/northpoint/fonts/open-sans-v17-latin-700.woff") format("woff"), url("../../files/northpoint/fonts/open-sans-v17-latin-700.ttf") format("truetype"), url("../../files/northpoint/fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg")}#banner{height:500px;overflow:hidden}#banner video{width:100%;height:500px;object-fit:cover}