container{width:1600px;max-width:100%;margin:auto;padding:6rem 100px;display:block;box-sizing:border-box;position:relative}container.small{width:1600px;max-width:100%;margin:auto;padding:6rem 100px;display:block;box-sizing:border-box;position:relative;width:1100px}html{scroll-behavior:smooth}body{min-height:100vh;position:relative;display:flex;flex-direction:column;scroll-behavior:smooth}*{box-sizing:border-box}.btn,.btn-primary{background-color:var(--tri_color);padding:1rem 1.5rem;border-radius:2rem;color:#fff;font-weight:bold;text-decoration:none;margin-top:1rem;transition:background-color 300ms;transition:color 200ms}.btn:hover,.btn-primary:hover{border:solid 3px var(--tri_color);padding:calc(1rem - 3px) calc(1.5rem - 3px);background-color:unset;color:var(--tri_color)}.btn::after,.btn-primary::after{display:none}header{position:fixed;top:0;width:100vw;z-index:1001;min-height:70px;box-sizing:border-box;color:#fff;background-color:var(--main_color);box-shadow:0px 1px 4px rgba(0,0,0,.25);height:100px;display:flex;opacity:100%;pointer-events:auto;transition:opacity 400ms ease,transform 400ms ease}header.visible{opacity:1;pointer-events:auto;transform:translateY(0)}header container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 50px;z-index:2000}header.light{color:var(--sec_color)}header.light ul li a:hover{color:var(--sec_color)}header.light nav.menu ul li a.rex-current{color:#fff}header.light .burger span{background:#fff}header.light nav.menu ul li ul li a::after{background-color:#fff}header.light nav.menu ul li ul li a:hover{color:#000}header.light nav.dropdown .submenu-toggle{border:3px solid #fff}header.light .rex-navi-depth-1>li>a::after{border-bottom:3px solid #fff}header a.logo{height:100%;position:absolute;left:50%;transform:translateX(-50%);top:-95%;transition:300ms}header a.logo::after{display:none}header a.logo:hover{opacity:unset}header a.logo:hover img{opacity:.7}header a.logo:hover img.logo-hg-blau{opacity:unset}header a.logo img{height:100%;transition:300ms;clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 51% 100%, 29% 76%, 0% 75%)}header a.logo .logo-hg-blau{position:absolute;height:150px;transform:translate(-100%, 0%);z-index:-1}header a.logo .logo-normal{display:none}header nav.menu{position:absolute;top:100%;right:-100vw;height:calc(100vh - 100px);background-color:var(--main_color);width:100vw;padding:2rem 3rem 2rem 2rem;transition:400ms ease-in-out;box-shadow:-1px 5px 5px #c8c8c8;overflow-y:auto;z-index:1000;display:flex;justify-content:center}header nav.menu.active{right:0}header nav.menu ul{width:85%;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}header nav.menu ul li a{text-decoration:none;color:#fff;font-size:2rem;font-weight:bold}header nav.menu ul li a.rex-current{color:var(--tri_color)}header nav.menu ul li ul{justify-self:start;width:fit-content;gap:1rem;padding:1rem 0 1rem 1rem}header nav.menu ul li ul li a{font-size:1.5rem;font-weight:unset}header nav.menu ul li ul li a::after{background-color:var(--main_color)}header nav.menu ul li ul li ul li a{font-size:1.25rem}header nav.menu ul li ul a{text-decoration:none}header nav.menu ul li ul a.rex-current a{color:var(--tri_color)}header nav.menu>ul>li:last-child{padding-bottom:100px}header .rex-navi-depth-1>li>a::after{all:unset;content:" ";display:block;padding-top:1rem;border-bottom:3px solid #fff}header .rex-navi-depth-1>li>a:hover{color:var(--tri_color)}header button.resp-menu-button{background-color:rgba(0,0,0,0);color:var(--main_color);font-size:3rem;border:none;padding:0;margin:0}header .burger{position:relative;width:40px;height:30px;background:rgba(0,0,0,0);cursor:pointer;display:block}header .burger #burger{display:none}header .burger span{display:block;position:absolute;height:4px;width:100%;background:#fff;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}header .burger span:nth-of-type(1){top:0px;transform-origin:left center}header .burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}header .burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}header .burger #burger:checked~span:nth-of-type(1){transform:rotate(45deg);top:0px;left:5px}header .burger input:checked~span:nth-of-type(2){width:0%;opacity:0}header .burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}@media screen and (max-width: 1100px){header nav.menu ul{width:100%}}header nav.dropdown li{position:relative}header nav.dropdown .rex-navi2{display:none}header nav.dropdown .submenu-toggle{position:absolute;top:.5rem;right:0;font-size:1.5rem;height:2.5rem;width:2.5rem;display:flex;justify-content:center;align-items:center;border:3px solid var(--main_color);border-radius:2rem;transition:300ms;cursor:pointer}header nav.dropdown .rex-active .submenu-toggle{transform:rotate(180deg)}header nav.dropdown .open .submenu-toggle{transform:rotate(180deg)}.subnav{position:fixed;display:flex;top:100px;left:0;width:100vw;z-index:1000;justify-content:center;background-color:#fff}.subnav.light{background-color:var(--sec_color)}.subnav.light ul li a{color:var(--main_color)}.subnav.light ul li a.rex-current{opacity:.6}.subnav ul{display:flex;width:85%;justify-content:space-between;flex-direction:row;gap:2rem;padding:.75rem 50px;margin:0;list-style:none}.subnav ul li:nth-of-type(3){margin-right:125px}.subnav li a{color:var(--main_color);text-decoration:none;font-size:1.5rem;font-weight:500}.subnav li a.rex-current{color:var(--tri_color)}@media screen and (max-width: 1000px){.subnav{display:none}}body.page-1 header{position:fixed;top:0;width:100vw;z-index:1001;min-height:70px;box-sizing:border-box;color:#fff;background-color:var(--main_color);box-shadow:0px 1px 4px rgba(0,0,0,.25);height:100px;display:flex;opacity:0;pointer-events:none;transform:translateY(-100%);transition:opacity 400ms ease,transform 400ms ease}body.page-1 header.visible{opacity:1;pointer-events:auto;transform:translateY(0)}body.page-1 header container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 50px;z-index:2000}body.page-1 header.light{color:var(--sec_color)}body.page-1 header.light ul li a:hover{color:var(--sec_color)}body.page-1 header.light nav.menu ul li a.rex-current{color:#fff}body.page-1 header.light .burger span{background:#fff}body.page-1 header.light nav.menu ul li ul li a::after{background-color:#fff}body.page-1 header.light nav.menu ul li ul li a:hover{color:#000}body.page-1 header.light nav.dropdown .submenu-toggle{border:3px solid #fff}body.page-1 header.light .rex-navi-depth-1>li>a::after{border-bottom:3px solid #fff}body.page-1 header a.logo{height:100%;position:absolute;left:50%;transform:translateX(-50%);top:-95%;transition:300ms}body.page-1 header a.logo::after{display:none}body.page-1 header a.logo:hover img{opacity:.7}body.page-1 header a.logo:hover img.logo-hg-blau{opacity:unset}body.page-1 header a.logo img{height:100%;clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 51% 100%, 29% 76%, 0% 75%)}body.page-1 header a.logo .logo-normal{display:none}body.page-1 header nav.menu{position:absolute;top:100%;right:-100vw;height:calc(100vh - 100px);background-color:var(--main_color);width:100vw;padding:2rem 3rem 2rem 2rem;transition:400ms ease-in-out;box-shadow:-1px 5px 5px #c8c8c8;overflow-y:auto;z-index:1000;display:flex;justify-content:center}body.page-1 header nav.menu.active{right:0}body.page-1 header nav.menu ul{width:85%;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}body.page-1 header nav.menu ul li a{color:#fff;font-size:2rem;font-weight:bold}body.page-1 header nav.menu ul li a.rex-current{color:var(--tri_color)}body.page-1 header nav.menu ul li ul{justify-self:start;width:fit-content;gap:1rem;padding:1rem 0 1rem 1rem}body.page-1 header nav.menu ul li ul li a{font-size:1.5rem;font-weight:unset}body.page-1 header nav.menu ul li ul li a::after{background-color:var(--main_color)}body.page-1 header nav.menu ul li ul li ul li a{font-size:1.25rem}body.page-1 header nav.menu ul li ul a{text-decoration:none}body.page-1 header nav.menu ul li ul a.rex-current a{color:var(--tri_color)}body.page-1 header nav.menu>ul>li:last-child{padding-bottom:100px}body.page-1 header .rex-navi-depth-1>li>a::after{all:unset;content:" ";display:block;padding-top:1rem;border-bottom:3px solid #fff}body.page-1 header .rex-navi-depth-1>li>a:hover{color:var(--tri_color)}body.page-1 header button.resp-menu-button{background-color:rgba(0,0,0,0);color:var(--main_color);font-size:3rem;border:none;padding:0;margin:0}body.page-1 header .burger{position:relative;width:40px;height:30px;background:rgba(0,0,0,0);cursor:pointer;display:block}body.page-1 header .burger #burger{display:none}body.page-1 header .burger span{display:block;position:absolute;height:4px;width:100%;background:#fff;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}body.page-1 header .burger span:nth-of-type(1){top:0px;transform-origin:left center}body.page-1 header .burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}body.page-1 header .burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}body.page-1 header .burger #burger:checked~span:nth-of-type(1){transform:rotate(45deg);top:0px;left:5px}body.page-1 header .burger input:checked~span:nth-of-type(2){width:0%;opacity:0}body.page-1 header .burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}@media screen and (max-width: 1100px){body.page-1 header nav.menu ul{width:100%}body.page-1 header li a{font-size:1.25rem}}body.page-1 header nav.dropdown li{position:relative}body.page-1 header nav.dropdown .rex-navi2{display:none}body.page-1 header nav.dropdown .submenu-toggle{position:absolute;top:.5rem;right:0;font-size:1.5rem;height:2.5rem;width:2.5rem;display:flex;justify-content:center;align-items:center;border:3px solid var(--main_color);border-radius:2rem;transition:300ms;cursor:pointer}body.page-1 header nav.dropdown .rex-active .submenu-toggle{transform:rotate(180deg)}body.page-1 header nav.dropdown .open .submenu-toggle{transform:rotate(180deg)}body.page-1 .subnav{position:fixed;display:flex;top:0;left:0;width:100vw;z-index:1000;justify-content:center;background-color:#fff;transition:top 400ms ease}body.page-1 .subnav.header-visible{top:100px}body.page-1 .subnav.light{background-color:var(--sec_color)}body.page-1 .subnav.light ul li a{color:var(--main_color)}body.page-1 .subnav.light ul li a.rex-current{opacity:.6}body.page-1 .subnav ul{display:flex;width:100%;max-width:1600px;justify-content:space-between;flex-direction:row;gap:2rem;padding:.75rem 50px;margin:0;list-style:none}body.page-1 .subnav ul li:nth-of-type(3){margin-right:125px}body.page-1 .subnav li a{color:var(--main_color);text-decoration:none;font-size:1.5rem;font-weight:500}body.page-1 .subnav li a.rex-current{color:var(--tri_color)}@media screen and (max-width: 1100px){body.page-1 .subnav body.page-1 .subnav.header-visible{display:none}}body .wave.footer{width:100%;margin-top:100px}body .wave.footer .waves{overflow:visible}body .wave.footer .waves .parallax{fill:var(--sec_color)}body footer{background-color:var(--sec_color);color:#fff;box-shadow:0px -1px 5px #c8c8c8;overflow-x:clip;position:relative;padding:0;margin-top:0}body footer .footer{width:120%;height:540px;position:absolute;bottom:-190px}body footer .wellen{height:100%;width:110%;position:absolute;bottom:180px;left:-150px;z-index:10}body footer blockquote{background-color:#fff;color:#000;padding:2rem;font-style:italic;border-radius:3px;margin:0;border-radius:2rem}body footer .footer-col{width:20%;text-align:center;display:flex;justify-content:center}body footer ul{list-style-type:none;padding:0;margin:0;width:100%}body footer a{text-decoration:none;color:#fff;font-family:var(--font2)}body footer a::after{background-color:#fff}body footer .bottom-row container{padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:row;justify-content:space-around}body footer .bottom-row container .wrap-a-l-fix{width:20%;display:flex;justify-content:center;align-items:center;font-family:var(--font)}body footer .bottom-row container a{width:fit-content;text-align:center;font-weight:400;font-size:1.25rem}body footer.light{color:unset}body footer.light h1,body footer.light h2,body footer.light h3,body footer.light h4,body footer.light h5,body footer.light h6{color:unset}body footer.light a{color:#000}body footer.light a::after{background-color:#000}body{font-family:var(--font);font-size:1.5rem;color:#000;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font2);color:#000;font-weight:400;text-align:left}h1{font-size:5rem}h2{font-size:4rem;margin-bottom:1rem;line-height:1.2}.text,p{font-size:1.25rem;text-align:left}p{margin-top:0}a{color:var(--tri_color);font-weight:bold;text-decoration:none;position:relative}a:hover{opacity:.7}.two-column-module container{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 100px 0;text-align:justify}.two-column-module container h2{margin-bottom:0}.two-column-module container a{color:#fff}.two-column-module .row{padding-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:6rem}.two-column-module .row.drei{grid-template-columns:1fr 1fr 1fr;gap:3rem;text-align:justify}.two-column-module img{position:absolute;height:600px;top:100%;left:50%;transform:translate(-50%, -50%)}.two-column-module.blue{background-color:var(--main_color);color:#fff}.two-column-module.blue h1,.two-column-module.blue h2,.two-column-module.blue h3,.two-column-module.blue h4{color:#fff}.two-column-module.blue .text,.two-column-module.blue p{color:#fff}.two-column-module.blue a{color:#8cbbd6}.two-column-module.blue.white{background-color:#fff;color:#000}.two-column-module.blue.white h1,.two-column-module.blue.white h2,.two-column-module.blue.white h3,.two-column-module.blue.white h4{color:#000}.two-column-module.blue.white .text,.two-column-module.blue.white p{color:#000}.two-column-module.blue.white a{color:#000}section.hero{position:relative;width:100%;height:100vh}section.hero .bg-img{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}section.hero .bg-img img{height:100%;width:100%;object-fit:cover}section.hero .img{width:50%;position:absolute;top:10%;left:25%}section.hero .img-zwei{display:none}section.hero .hero-container{height:100%;display:flex;align-items:center}section.hero .text-wrap h1{color:#fff}section.hero .text-wrap{color:#fff;width:50%}section.hero.blur::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(4px)}section.hero.overlay-dark::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}section.hero.overlay-color::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--main_color);opacity:.7}section.hero.overlay-color.light .text{color:#000}section.hero.overlay-color.light h1,section.hero.overlay-color.light h2,section.hero.overlay-color.light h3,section.hero.overlay-color.light h4,section.hero.overlay-color.light h5,section.hero.overlay-color.light h6{color:#000}section.hero.center .hero-container{justify-content:center}.bild-text{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4rem;position:relative;scroll-margin-top:250px}.bild-text .img{display:flex;height:100%}.bild-text .img img{width:100%;height:100%;object-fit:cover}.bild-text .hgb{width:25%;position:absolute;top:400px;left:-100px}.bild-text.light .text{color:unset}.bild-text.light .text h1,.bild-text.light .text h2,.bild-text.light .text h3,.bild-text.light .text h4,.bild-text.light .text h5,.bild-text.light .text h6{color:unset}.bild-text .text{color:#000;width:70%}.bild-text .text h2{margin-top:0;line-height:1.2}.bild-text .text h1,.bild-text .text h2,.bild-text .text h3,.bild-text .text h4,.bild-text .text h5,.bild-text .text h6{color:#000}.bild-text.left .text{padding-left:unset;margin-left:0;text-align:justify;padding-right:136px}.bild-text.right .text{order:-1;padding-right:0;margin-left:auto;display:flex;flex-direction:column;text-align:justify;padding-left:136px}.bild-text.right .text,.bild-text.left .text{margin-right:auto;width:100%;height:100%;padding-top:0}body.page-17 .bild-text{align-items:start}body.page-17 .bild-text .img{height:auto}body.page-17 .bild-text .img img{height:auto;object-fit:contain}.slider{background-color:var(--sec_color);color:#fff}.slider container{display:flex;flex-direction:column;align-items:center}.slider container h2,.slider container h3,.slider container h4{color:#fff}.slider container h2{margin-top:0;font-size:2.5rem}.slider container .slider-wrapper{display:flex;flex-direction:row;align-items:center;gap:2rem;width:100%}.slider container .slider-wrapper .slider-handle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:2px solid #fff;background-color:rgba(0,0,0,0);color:#fff;font-size:1.25rem;cursor:pointer;transition:background-color 300ms,color 300ms}.slider container .slider-wrapper .slider-handle:hover{background-color:#fff;color:var(--sec_color)}.slider container .slider-content{overflow:hidden;width:100%}.slider container .slider-content .slider-track{display:flex;flex-direction:row;gap:3rem;transition:transform 400ms ease}.slider container .slider-content .slider-track .content-image{flex:0 0 calc((100% - 6rem)/3)}.slider container .slider-content .slider-track .content-image::after{display:none}.slider container .slider-content .slider-track .content-image img{width:100%;border:#fff solid 5px;aspect-ratio:3/2;transition:300ms;object-fit:cover}.slider container .slider-content .slider-track .content-image:hover img{border:solid 5px var(--tri_color)}.slider container .slider-content .slider-track .content-image:hover{opacity:unset}.slider .row{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.slider .row.drei{grid-template-columns:1fr 1fr 1fr;gap:3rem;text-align:justify}.gallery{overflow-x:clip}.gallery container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:0;margin:0 135px 100px 135px}.gallery container h2{margin:0}.gallery container .text{text-align:justify}.gallery container .hgb{width:25%;position:absolute;top:800px;left:1400px}.gallery container .galcon{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}.gallery container .galcon img{width:100%;height:100%;max-height:60vh;object-fit:cover;aspect-ratio:16/9;background-color:gray}.gallery container .galcon a:first-of-type{grid-column:1/3}.gallery container .galcon a::after{height:6px}@media screen and (max-width: 850px){.gallery container{grid-template-columns:1fr}}@media screen and (max-width: 600px){.gallery container .galcon{grid-template-columns:repeat(2, 1fr)}.gallery container .galcon a:first-of-type{grid-column:1/3}}.akkordeon.light container .pages .ak-page{border-bottom:3px solid var(--sec_color)}.akkordeon.light container .pages .ak-page.open .ak-page-title{color:var(--sec_color)}.akkordeon.light container .pages .ak-page .ak-page-title:before{color:var(--sec_color)}.akkordeon container .pages .ak-page{display:grid;transition:300ms ease;border-bottom:3px solid var(--main_color)}.akkordeon container .pages .ak-page.open .ak-page-title{color:var(--main_color)}.akkordeon container .pages .ak-page .ak-page-title{padding:1rem 2rem;font-size:1.5rem;display:flex;align-items:center;cursor:pointer;position:relative}.akkordeon container .pages .ak-page .ak-page-title:before{content:"+";font-size:3rem;margin-right:1rem;display:inline-flex;transition:300ms;transform-origin:center center;color:var(--main_color)}.akkordeon container .pages .ak-page .ak-page-title:hover{opacity:.7}.akkordeon container .pages .ak-page .ak-page-content{height:100%;overflow:hidden}.akkordeon container .pages .ak-page .ak-page-content.col-sm-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.akkordeon container .pages .ak-page.closed{grid-template-rows:auto 0fr}.akkordeon container .pages .ak-page.open{grid-template-rows:auto 1fr}.akkordeon container .pages .ak-page.open .ak-page-title{border-bottom:unset;grid-template-rows:auto 0fr}.akkordeon container .pages .ak-page.open .ak-page-title:before{transform:rotate(45deg)}.akkordeon container .pages .ak-page.open .ak-page-content{padding:0 2rem 1rem 2rem}@media screen and (max-width: 800px){.akkordeon container .pages .ak-page .ak-page-title{padding:.5rem 2rem}.akkordeon container .pages .ak-page .ak-page-content.col-sm-2{display:unset}}section.form.light container #rex-yform form .alert ul{background-color:var(--sec_color)}section.form.light container #rex-yform form .formcheckbox input{accent-color:var(--sec_color)}section.form.light container #rex-yform form .form-group label.has-value{color:var(--sec_color)}section.form.light container #rex-yform form .form-group input,section.form.light container #rex-yform form .form-group textarea{border-bottom:3px solid var(--sec_color)}section.form.light container #rex-yform form .form-group input:focus,section.form.light container #rex-yform form .form-group textarea:focus{border:3px solid var(--sec_color)}section.form container #rex-yform form{width:100%;gap:1rem;position:relative}section.form container #rex-yform form .alert{width:calc(30% - 3rem);position:sticky;float:right;top:100px;left:100%}section.form container #rex-yform form .alert ::before{content:"";font-family:"Font Awesome 5 Pro";font-weight:900;font-size:3rem;text-align:center}section.form container #rex-yform form .alert ul{padding:2rem;margin:.5rem;background-color:var(--main_color);color:#fff;gap:.5rem;display:flex;flex-direction:column;list-style-type:none;border-radius:2rem}section.form container #rex-yform form .alert ul ::before{display:none}section.form container #rex-yform form .formcheckbox{padding-top:1rem;width:70%}section.form container #rex-yform form .formcheckbox input{accent-color:var(--main_color);margin-right:.5rem;font-size:1.25rem}section.form container #rex-yform form .form-group{display:flex;width:70%;position:relative;flex-direction:column}section.form container #rex-yform form .form-group.has-error label{-webkit-animation:vibrate-1 .5s linear both;animation:vibrate-1 .5s linear both}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-1px, 1px);transform:translate(-1px, 1px)}40%{-webkit-transform:translate(-1px, -1px);transform:translate(-1px, -1px)}60%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}80%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-1px, 1px);transform:translate(-1px, 1px)}40%{-webkit-transform:translate(-1px, -1px);transform:translate(-1px, -1px)}60%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}80%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0);transform:translate(0)}}section.form container #rex-yform form .form-group label{color:gray;padding:0 .5rem;width:fit-content}section.form container #rex-yform form .form-group label.has-value{bottom:0;color:var(--main_color);font-size:1rem;line-height:1.5rem}section.form container #rex-yform form .form-group label{position:relative;transition:300ms ease-out;bottom:-2.25rem;font-size:1.25rem;line-height:1.5rem}section.form container #rex-yform form .form-group input,section.form container #rex-yform form .form-group textarea{padding:.5rem;font-size:1.25rem;border:3px solid #fff;border-bottom:3px solid var(--main_color);resize:none}section.form container #rex-yform form .form-group input:focus,section.form container #rex-yform form .form-group textarea:focus{border:3px solid var(--main_color);outline:none}section.form container #rex-yform form button{border:none;width:fit-content}section.form container #rex-yform form button:hover{border:3px solid var(--tri_color)}@media screen and (max-width: 1200px){section.form container #rex-yform form .form-group,section.form container #rex-yform form .formcheckbox{width:100%}section.form container #rex-yform form .alert{position:unset;width:50%;float:unset}}@media screen and (max-width: 850px){section.form container #rex-yform form .alert{width:100%}}section.downloads container{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}section.downloads container .file{display:flex;flex-direction:column;gap:1rem}section.downloads container .file h3{color:#000}section.downloads container .file i{color:var(--main_color);font-size:2rem}section.downloads container .file a{width:fit-content}section.downloads container .file a i{color:var(--tri_color)}section.downloads container .file a::after{width:calc(100% - 2.35rem);left:unset;right:0}@media screen and (max-width: 1200px){section.downloads container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 800px){section.downloads container{grid-template-columns:1fr}}.media .img{text-align:center}.media .img video{width:100%;max-height:80vh;object-fit:cover;display:block}.media .img img{max-width:100%;max-height:80vh}section container.top{padding:0 65px 0 0}section container.top .linkhub{margin-top:-250px}section .linkhub{display:grid;grid-template-columns:repeat(3, 1fr);gap:8rem;position:relative}section .linkhub a{text-decoration:none;position:relative;text-align:center;display:flex;justify-content:center;align-items:center;background:#00436c;background:linear-gradient(180deg, rgba(0, 67, 108, 0.75) 0%, rgb(0, 67, 108) 50%)}section .linkhub a:hover h2,section .linkhub a:hover h3{opacity:.7;transition:300ms}section .linkhub a{flex-direction:column;height:250px;color:#fff}section .linkhub a::after{display:none}section .linkhub a h2{color:#fff;margin-top:0;margin-bottom:20px;font-size:5rem}section .linkhub a h3{color:#fff;font-weight:normal;text-decoration:underline;margin:0;font-size:2.5rem}section .linkhub a img{position:absolute;max-width:35%;top:-31%;right:-18%}.openstreetmap .leaflet-popup-close-button::after{display:none}.openstreetmap .leaflet-control-container a::after{display:none}.openstreetmap .leaflet-popup-content a{color:var(--tri_color)}section.team{scroll-margin-top:150px}section.team .grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}section.team container{padding:4rem 50px;width:1700px;padding-bottom:0}section.team container h2{margin-top:0}section.team .team-text{margin-top:4rem}section.team .card{padding:2rem;background-color:var(--sec_color);color:#fff;transition:300ms ease;text-align:center}section.team .card .img{aspect-ratio:4/3;overflow:hidden}section.team .card .img img{width:100%;height:100%;object-fit:cover}section.team .card h3{margin-bottom:.25rem;text-align:center;color:#fff;font-weight:500}section.team .card .role{margin-top:0;font-style:italic}section.team .card .kontakt{display:flex;flex-direction:column;gap:1rem;padding-top:20px}section.team .card .icon{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-direction:column}section.team .card a{font-size:1.5rem;color:#8cbbd6}section.team .card i{font-size:2rem;color:#8cbbd6}section.team .card i.fa-map-pin,section.team .card i.fa-fax{color:unset}section.team .card:hover{transform:scale(1.05)}@media screen and (max-width: 1080px){section.team container{padding:0 50px}section.team container h2{font-size:3.5rem}section.team .grid{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 800px){section.team container h2{font-size:2.5rem}section.team .grid{display:flex;flex-direction:column;gap:50px}}@media screen and (max-width: 500px){section.team container h2{font-size:2rem}section.team container #text,section.team container p{font-size:1rem}section.team container .icon a{font-size:.75rem}}.picture-gallery container{padding:0}.picture-gallery .galcon{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;gap:40px}.picture-gallery .galcon a{width:100%}.picture-gallery .galcon a:after{height:6px}.picture-gallery .galcon a img{width:100%;height:100%;object-fit:cover}.picture-gallery .galcon a:nth-child(4n+1){grid-column:1;grid-row:span 2}.picture-gallery .galcon a:nth-child(4n+2){grid-column:2/span 2;grid-row:span 1}.picture-gallery .galcon a:nth-child(4n+3){grid-column:2;grid-row:span 1}.picture-gallery .galcon a:nth-child(4n+4){grid-column:3;grid-row:span 1}.vorschau{position:relative;display:flex;justify-content:flex-end}.vorschau .bg-img{width:82%;aspect-ratio:16/7;position:relative}.vorschau .bg-img::after{display:none}.vorschau .bg-img:hover::before{opacity:.8}.vorschau .bg-img::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--sec_color);opacity:.9;transition:300ms}.vorschau .bg-img img{display:block;width:100%;height:100%;object-fit:cover}.vorschau .bg-img .text{color:#fff;display:flex;flex-direction:column;align-items:flex-end;position:absolute;right:0;bottom:0;padding:60px 136px 60px 0}.vorschau .bg-img .text h2{margin:0;color:#fff;font-size:5rem}.vorschau .bg-img .text p{font-size:2.5rem;margin:0;text-decoration:underline}.vorschau .bg-img .text a .link{color:#fff;text-decoration:none;font-weight:300}.vorschau .bg-img .text a .link:active,.vorschau .bg-img .text a .link:hover{outline:0}.vorschau .bg-img .mck{position:absolute;width:400px;height:auto;top:-30px;left:-100px}.Hafenzahlen{background-color:var(--main_color);color:#fff}.Hafenzahlen container{padding:6rem 0}.Hafenzahlen container h1,.Hafenzahlen container h2,.Hafenzahlen container h3,.Hafenzahlen container h4{color:#fff}.Hafenzahlen container h1{margin:0;text-align:center}.Hafenzahlen container p{font-size:2.5rem;margin-top:0;text-align:center}.Hafenzahlen container .grid{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;padding-top:70px;gap:8rem}.Hafenzahlen container .grid .zahl-wrap{display:flex;flex-direction:column;align-items:center}.Hafenzahlen container .grid .zahl-wrap .text{font-size:2.5rem}.Hafenzahlen container .grid .zahl-wrap .zahlen{display:flex;gap:2rem}.Hafenzahlen container .grid .zahl-wrap .zahl-hoch{font-size:5rem}.Hafenzahlen container .grid .zahl-wrap sup{margin-left:-20px}.Hafenzahlen container .grid .zahl-wrap .zahl{font-size:5rem;font-family:"Roboto Condensed"}.wave{position:relative;width:100%;height:20vh;padding-top:4rem}.wave.white{background-color:var(--main_color)}.wave.white .parallax{fill:#fff}.wave.blue{background-color:none}.wave.blue .parallax{fill:var(--main_color)}.wavy{height:100%}.wavy.bottom{position:absolute;bottom:0px;width:100%;z-index:1}.wavy.bottom.reverse{position:absolute;top:0px;bottom:unset;transform:rotate(180deg);width:100%}.wavy.top{position:absolute;top:0px;transform:rotate(180deg);width:100%;z-index:1}.wavy.top.reverse{position:absolute;bottom:0px;top:unset;width:100%;transform:rotate(0)}.waves{position:relative;width:100%;height:100%;bottom:-2px}.parallax>use{animation:move-forever 20s linear infinite;will-change:transform;transform-box:fill-box}@keyframes move-forever{0%{transform:translateX(0)}100%{transform:translateX(-351px)}}.Hafenanlage{scroll-margin-top:40px}.Hafenanlage container{padding:unset;margin:unset;width:100%}.Hafenanlage h2{margin-bottom:0}.Hafenanlage .viewbox{position:relative;overflow:hidden;height:130vh;width:100%}.Hafenanlage .zoom-wrapper{position:relative;width:100%;height:100%;transform-origin:center center;transition:transform 200ms ease-out;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.Hafenanlage .zoom-img{display:block;position:absolute;top:50%;left:50%;width:100%;min-width:100%;max-width:none;height:auto;transform:translate(-50%, -50%);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.Hafenanlage .viewbox.dragging .zoom-wrapper{cursor:grabbing;transition:none}.Hafenanlage .zoom-controls{position:absolute;top:5rem;right:5rem;z-index:10;display:flex;flex-direction:column;gap:.5rem}.Hafenanlage .zoom-controls button{width:2.5rem;height:2.5rem;border:none;border-radius:50%;background-color:var(--main_color);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 200ms}.Hafenanlage .zoom-controls button:hover{background-color:var(--tri_color)}.Hafenanlage .zoom-controls button:disabled{opacity:.4;cursor:not-allowed}@media(max-width: 800px){.Hafenanlage .zoom-wrapper{transform-origin:right center}.Hafenanlage .zoom-img{left:auto;right:0;transform:translateY(-50%)}}.formular{transform:translate(50%, 10%);width:50%;margin-bottom:10rem}.formular .form-group{display:flex;flex-direction:column;margin:1rem}.formular .form-group .form-control{width:30rem;border:solid 2px var(--main_color)}.formular .btn{border:none;border-radius:unset;background-color:var(--main_color);padding:20px}.formular .btn:hover{background-color:var(--sec_color);color:#fff}@media(max-width: 800px){.formular{width:20%}.formular .form-group .form-control{width:25rem}}@media(max-width: 500px){.formular h2{font-size:2rem}.formular .form-group .form-control{width:15rem}.formular .form-group .control-label{font-size:1rem}.formular .checkbox .formcheckbox{font-size:1rem}.formular .btn{font-size:1rem}}@media(max-width: 500px){.spacer{height:100px !important}}@media screen and (max-width: 1600px){body footer .welle{bottom:170px}.subnav ul{width:100%}section container{width:1250px;max-width:100%;margin:auto}section container.top .linkhub a h2{font-size:4rem}section container.top .linkhub a h3{font-size:2rem}section.gallery container{width:80%}section.gallery container .hgb{top:700px;left:1200px}section.gallery container h2{font-size:4rem}section.picture-gallery container{width:80%}section.picture-gallery container h2{font-size:4rem}section.bild-text .hgb{top:600px;left:-100px}section.bild-text .text h2{font-size:4rem}section.two-column-module container{width:80%}section.two-column-module container img{height:100%}section.Hafenzahlen .grid{gap:unset;align-items:end}section.Hafenzahlen .zahl-wrap{width:105%}section.Hafenanlage .viewbox{height:110vh}section.Hafenanlage h2{font-size:4rem}}@media screen and (max-width: 950px){body .subnav.header-visible{display:none}body.page-1 .subnav ul li:nth-of-type(3),body .subnav ul li:nth-of-type(3){margin-right:0}section container{max-width:100%;margin:auto}section container.top{padding:0 50px}section container.top .linkhub{gap:3%;justify-content:center}section container.top .linkhub a{width:300px}section container.top .linkhub a img{bottom:80%;right:unset}section.Hafenzahlen container{padding:6rem 100px}section.Hafenzahlen container .grid{gap:8%}section.Hafenzahlen container .grid .zahl-wrap{width:150%}section.Hafenzahlen container .grid .zahl-wrap .text{font-size:2rem}section.Hafenzahlen container .grid .zahl-wrap .zahl-hoch{font-size:4rem}section.Hafenzahlen container .grid .zahl-wrap .zahl{font-size:4rem}section.vorschau .bg-img .text h2{font-size:3rem}section.vorschau .bg-img .text p{font-size:1.25rem}section.bild-text .img{height:900px}section.bild-text .hgb{top:800px;left:-100px}section.bild-text .text h2{font-size:3.5rem}section.bild-text .text p{font-size:1.4rem}section.gallery container .galcon{gap:1rem;align-content:start}section.gallery container h2{font-size:3.5rem}section.gallery container p{font-size:1.4rem}section.gallery container .hgb{top:700px;left:1000px}section.picture-gallery .galcon{gap:1rem}section.picture-gallery h2{font-size:3.5rem}section.two-column-module .row.drei{grid-template-columns:1fr 1fr}section.two-column-module container{width:80%}section.two-column-module container h2{font-size:3.5rem}section.two-column-module container img{height:100%}section.slider container .slider-content .slider-track .content-image{flex:0 0 calc((100% - 3rem)/2)}section.team container .icon a{font-size:1.25rem}section.Hafenanlage .viewbox{height:100vh}section.Hafenanlage h2{font-size:3.5rem}}@media screen and (max-width: 1080px){body.page-17 .bild-text{align-items:unset}body .wave{height:15vh}body footer .wellen{bottom:115px;left:-100px}body footer .bottom-row container{padding:10px 5px;justify-content:center}body.page-1 .subnav ul{padding:.75rem 25px}body.page-1 .subnav li a{font-size:1rem}section container{max-width:100%;margin:auto}section container.top .linkhub{grid-template-columns:1fr !important;justify-items:center;margin-top:-550px;gap:1rem}section container.top .linkhub a{width:600px;height:170px;align-items:flex-end;padding:50px}section container.top .linkhub a img{left:50px;top:20px;height:80%}section container.top .linkhub a h2{font-size:3rem}section.Hafenzahlen container{padding:8rem 50px}section.Hafenzahlen container .grid{grid-template-columns:unset}section.Hafenzahlen container .grid .zahl-wrap{width:105%}section.bild-text{grid-template-columns:1fr;gap:0}section.bild-text.left{display:flex;flex-direction:column-reverse}section.bild-text.left .text,section.bild-text.right .text{padding:0 50px}section.bild-text.left .img,section.bild-text.right .img{padding:0 50px;height:80%}section.bild-text .text h2{font-size:3.5rem}section.bild-text .text p{font-size:1.4rem}section.bild-text .hgb{display:none}section.gallery container{padding:0 50px;display:flex;flex-direction:column-reverse;gap:1rem;margin:0;width:100%}section.gallery container .hgb{display:none}section.vorschau .bg-img{width:100%;display:flex;justify-content:center}section.vorschau .bg-img .mck{width:300px;height:auto;top:-20px;left:45px}section.vorschau .bg-img .text{padding:0 50px 50px 0}section.picture-gallery container{padding:0 50px 10px 50px;width:100%}section.two-column-module container{width:100%;padding:0 50px 50px 50px}section.two-column-module container h2{font-size:2.75rem}section.two-column-module container img{height:90%}section.two-column-module container .row .drei{grid-template-columns:1fr;gap:0}section.Hafenanlage container .zoom-controls{margin-top:40px}section.formular{transform:translate(25%, 50%)}}@media screen and (max-width: 800px){body .wave{height:10vh}body footer .wellen{left:-50px;bottom:80px}body footer .bottom-row container a{font-size:.75rem}header a.logo img{display:none}header a.logo .logo-normal{display:block;clip-path:none;height:90px}body.page-1 header a.logo img{display:none}body.page-1 .subnav,body .subnav{display:none}body.page-1 header a.logo .logo-normal{display:block;clip-path:none;height:90px}section container{max-width:100%;margin:auto}section container.top .linkhub a{width:450px}section container.top .linkhub a img{left:42px;top:20px;height:80%}section.hero .img{display:none}section.hero .img-zwei{display:flex;width:15%;transform:translate(280%, 50%)}section.hero .img-zwei img{width:100%;height:auto;display:block}section.Hafenzahlen container{padding:8rem 50px}section.Hafenzahlen container h1{font-size:4rem}section.Hafenzahlen container p{margin-bottom:50px}section.Hafenzahlen container .grid{grid-template-columns:unset;padding:0}section.Hafenzahlen container .grid .zahl-wrap sup{margin-left:-10px}section.Hafenzahlen container .grid .zahl-wrap .text{font-size:2rem}section.Hafenzahlen container .grid .zahl-wrap .zahlen{font-size:3rem}section.Hafenzahlen container .grid .zahl-wrap .zahl-hoch{font-size:3rem}section.two-column-module container .row{grid-template-columns:1fr;gap:0}section.two-column-module container h2{font-size:2.5rem}section.bild-text.left .img,section.bild-text.right .img{padding:0}section.bild-text .text h2{font-size:2.5rem}section.gallery container .text h2{font-size:2.5rem}section.gallery container .text p{font-size:1.25rem}section.picture-gallery container .text h2{font-size:2.5rem}section.picture-gallery container .galcon{display:flex;flex-direction:column}section.vorschau{justify-content:center}section.vorschau .bg-img{width:100%;height:400px}section.vorschau .bg-img .mck{width:200px;top:30px;left:250px;transform:translate(-50%, -50%)}section.vorschau .bg-img .text{align-items:center}section.vorschau .bg-img .text h2{font-size:2.5rem}section.two-column-module .row.drei{grid-template-columns:1fr;gap:0}section.slider container{padding:50px}section.slider container h2{font-size:1.75rem}section.slider container .slider-content .slider-track .content-image{flex:0 0 100%}section.Hafenanlage h2{font-size:2.5rem}}@media screen and (max-width: 500px){body .wave{height:1vh}body footer .wellen{left:-30px;bottom:50px}body footer .bottom-row container a{font-size:.75rem}body main{padding:25% 0 0 0}body.page-1 main{padding:0}section container{max-width:100%;margin:auto}section container.top .linkhub a{width:300px}section container.top .linkhub a img{left:10px;top:10px;height:55%}section container.top .linkhub a h2{font-size:2rem}section container.top .linkhub a h3{font-size:1.5rem}section.hero .img-zwei{width:25%;transform:translate(150%, 50%)}section.Hafenzahlen container p{font-size:1.5rem}section.Hafenzahlen container h1{font-size:2rem}section.Hafenzahlen container .grid .zahl-wrap .text{font-size:1.5rem}section.Hafenzahlen container .grid .zahl-wrap .zahl-hoch{font-size:2rem}section.Hafenzahlen container .grid .zahl-wrap .zahl{font-size:2rem}section.bild-text .text h2{font-size:2rem}section.bild-text .text p{font-size:1rem}section.gallery container .galcon{display:flex;flex-direction:column}section.gallery container .text h2{font-size:2rem}section.gallery container .text p{font-size:1rem}section.picture-gallery container .text h2{font-size:2rem}section.two-column-module container .row{gap:0rem}section.two-column-module container img{height:50%}section.two-column-module container h2{font-size:2rem}section.two-column-module container h4{font-size:1.25rem}section.two-column-module container p{font-size:1rem}section.vorschau .bg-img .text{top:75%;left:50%;transform:translate(-50%, -50%);padding:0;width:100%}section.vorschau .bg-img .text h2{font-size:1.5rem}section.vorschau .bg-img .mck{top:30%;left:50%;transform:translate(-50%, -50%)}section.slider container h2{font-size:1rem}section.slider container .slider-wrapper{gap:.5rem}section.slider container .slider-wrapper .slider-handle{width:2rem;height:2rem}section.Hafenanlage h2{font-size:2rem}}