#back-to-top{position:fixed;bottom:20px;right:20px;z-index:1;cursor:pointer}.arrow-circle-up{background:url(../images/arrows/arrow-circle-up.png)no-repeat center center;display:block;width:62px;height:62px}.arrow-circle-down{background:url(../images/arrows/arrow-circle-down.png)no-repeat center center;display:block;width:62px;height:62px}.fa-chevron-circle-down,.fa-chevron-circle-up{font-size:60px}form button:focus,form button:hover{cursor:pointer}form.contact-form label{font-weight:700}.region-intro-wrapper{background-image:url(/sites/claios.gmbh/files/2021-01/dominik-schroder-FIKD9t5_5zQ-unsplash_1920x1080.jpg)}.region-intro .view-intro{background-size:cover;background-position:center;background-attachment:fixed;color:#fff;height:100vh;max-height:100vh}.region-intro .view-intro .view-content h1{font-weight:bolder;text-transform:uppercase}@media (max-width:1919px){.region-intro .view-intro{background-attachment:scroll!important}}#navbar-top .language-switcher-language-url .links :not(.is-active) img{opacity:.5;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}#navbar-top .language-switcher-language-url .links :not(.is-active) img:focus,#navbar-top .language-switcher-language-url .links :not(.is-active) img:hover{opacity:.5;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}#navbar-main,#navbar-main a{color:#fff}#navbar-main a:hover,.site-claios-gmbh #navbar-main a:hover{text-decoration:none}#navbar-main .navbar-toggler{color:#3598db;border-color:#3598db}#navbar-main .navbar-toggler .navbar-toggler-icon,.site-claios-gmbh #navbar-main .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}#navbar-main,#navbar-main .dropdown-menu{background-color:#2a80b9}#navbar-main .dropdown-item{opacity:.5;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}#navbar-main .dropdown-item.active,#navbar-main .dropdown-item:focus,#navbar-main .dropdown-item:hover{background-color:#3598db;opacity:.5;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}@media (max-width:575px){div.navbar-brand,div.navbar-form{margin-left:auto;margin-right:auto}div.navbar-form{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem}}.node.card .field--type-image,.node.node--type-customer .field--type-image{float:none;margin:0}.node--view-mode-teaser.node--sticky{background:0 0;border:0}.view-customers.view-display-id-block ul li{display:inline-block;padding:0 35px}.view-customers.view-display-id-block .view-content{margin-bottom:3rem}.view-company.view-display-id-page .field--name-field-icon{color:#712090}.view-company.view-display-id-page .node__title{color:#44abc7}.view-company.view-display-id-page .node__content{margin:0}.view-featured .view-content.row{margin-left:0;margin-right:0}.site-claios-gmbh .node:not(.node--view-mode-card) .node__content{font-size:22px}.site-claios-gmbh .node.node--view-mode-teaser{border-bottom:none;margin:0;padding:0}.site-claios-gmbh .node .field--type-image.card-deck{float:none;margin-top:45px;margin-left:-15px;margin-right:-15px}.site-claios-gmbh .node .field--type-image.card-deck img{margin-bottom:0}.site-claios-gmbh .view-footer,.site-claios-gmbh .view-header{font-size:22px}.site-claios-gmbh .view-header{margin-bottom:30px}.site-claios-gmbh .fa-chevron-circle-up,.site-claios-gmbh .view-intro{color:#44abc7}.site-claios-gmbh .view-intro .fa-chevron-circle-down{animation-delay:2s;color:#44abc7}.site-claios-gmbh .btn-primary,.site-claios-gmbh .btn-primary:not(:disabled):not(.disabled).active,.site-claios-gmbh .btn-primary:not(:disabled):not(.disabled):active,.site-claios-gmbh .show>.btn-primary.dropdown-toggle{background-color:#44abc7;border-color:#44abc7}.site-claios-gmbh .btn-primary:hover,.site-claios-gmbh .btn-primary:not(:disabled):not(.disabled).active:hover,.site-claios-gmbh .btn-primary:not(:disabled):not(.disabled):active:hover,.site-claios-gmbh .show>.btn-primary.dropdown-toggle:hover{background-color:#6bbdd3}.site-claios-gmbh .btn-outline-primary{color:#44abc7}.site-claios-gmbh .btn-outline-primary:hover,.site-claios-gmbh .btn-outline-primary:not(:disabled):not(.disabled).active,.site-claios-gmbh .btn-outline-primary:not(:disabled):not(.disabled):active,.site-claios-gmbh .show>.btn-outline-primary.dropdown-toggle{background-color:#44abc7;border-color:#44abc7;color:#fff}.site-claios-gmbh .btn{border:0;border-radius:0}.site-claios-gmbh #navbar-main{background-color:#44abc7;color:#fff}.site-claios-gmbh #navbar-main a{color:#fff}.site-claios-gmbh #navbar-main .navbar-toggler{color:#eaf6f9;border-color:#eaf6f9}.site-claios-gmbh #navbar-main .dropdown-menu{background-color:#44abc7}.site-claios-gmbh #navbar-main .dropdown-item{opacity:.5;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}.site-claios-gmbh #navbar-main .dropdown-item.active,.site-claios-gmbh #navbar-main .dropdown-item:focus,.site-claios-gmbh #navbar-main .dropdown-item:hover{background-color:#eaf6f9;opacity:.5;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}.site-claios-gmbh .site-footer .block-views{margin:0;padding:0}.site-claios-gmbh .site-footer .block-views h2{padding:.5rem 1rem}.site-claios-gmbh .site-footer .block-views .content{font-size:inherit}.site-claios-gmbh .site-footer .block-views .content ol:not(.menu),.site-claios-gmbh .site-footer .block-views .content ul:not(.menu){padding-left:0}.site-claios-gmbh .site-footer .block-views .content ol:not(.menu) li,.site-claios-gmbh .site-footer .block-views .content ul:not(.menu) li{padding:.5rem 1rem}.site-claios-gmbh .site-footer__top h2{margin-top:2rem;margin-bottom:1rem;border:0}#main,.featured-top{padding-top:100px;padding-bottom:120px}#main{margin-top:0}#main .title{display:flex;flex-direction:row;justify-content:center;text-align:center;margin-bottom:45px}#main .title:after,#main .title:before{flex-grow:1;background-color:#bec3c7;opacity:.5;content:" ";height:3px;position:relative;top:.5em}#main .title:before{margin-right:50px}#main .title:after{margin-left:50px}#main .title em.placeholder{margin-left:.25em;margin-right:.25em}.featured-top{background-color:#34495e;color:#bec3c7;background-image:url(/sites/claios.gmbh/files/2024-12/age-barros-rBPOfVqROzY-unsplash_1920x1080.jpg);background-attachment:fixed;background-blend-mode:multiply}.featured-top a:not(.btn){color:#bec3c7}.featured-top form input,.featured-top form textarea,.site-footer form input,.site-footer form textarea{color:#10a8ab;border:1px solid #10a8ab;background-color:#50587c;opacity:.5;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}.featured-top form input:focus,.featured-top form textarea:focus,.site-footer form input:focus,.site-footer form textarea:focus{background-color:#5a638c;opacity:.5;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}.featured-top form button,.site-footer form button{color:#fff;border:0;background-color:#10a8ab;opacity:.5;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}.featured-top form button:focus,.featured-top form button:hover,.site-footer form button:focus,.site-footer form button:hover{background-color:#12bfc2;opacity:.5;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}.featured-top div:first-child,.path-node.node--type-support .featured-bottom .region-featured-bottom-first div:first-child{flex-grow:1}.featured-top div:first-child .content,.path-node.node--type-support .featured-bottom .region-featured-bottom-first div:first-child .content{padding-left:15px;padding-right:15px}.featured-top hr.my-4{border-color:#bec3c7}.featured-bottom{padding-top:100px;padding-bottom:120px}.featured-bottom .title{text-align:center;margin-bottom:45px}.site-footer .site-footer__top .region{width:auto;padding:0;float:none}.site-footer .block-menu h2{padding:.5rem 1rem}.path-frontpage #main-wrapper,.path-node.node--type-about #main-wrapper,.path-node.node--type-support .featured-bottom{background-color:#f0f6fa;color:#34495e}.path-frontpage #main-wrapper a:not(.btn),.path-node.node--type-about #main-wrapper a:not(.btn){color:#34495e}.path-frontpage #main-wrapper a:not(.btn).active,.path-frontpage #main-wrapper a:not(.btn):focus,.path-frontpage #main-wrapper a:not(.btn):hover,.path-node.node--type-about #main-wrapper a:not(.btn).active,.path-node.node--type-about #main-wrapper a:not(.btn):focus,.path-node.node--type-about #main-wrapper a:not(.btn):hover{text-decoration:underline}.path-frontpage #main-wrapper .page-title,.path-node.node--type-about #main-wrapper .page-title,.path-node.node--type-support .featured-bottom .page-title{color:#2a80b9}.featured-bottom a:not(.btn),.path-careers #main-wrapper,.path-careers #main-wrapper a:not(.btn),.path-contact #main-wrapper a:not(.btn),.path-content #main-wrapper,.path-content #main-wrapper a:not(.btn),.path-legal #main-wrapper a:not(.btn),.path-node.node--type-support .featured-bottom a:not(.btn),.path-node:not(.node--type-about) #main-wrapper,.path-node:not(.node--type-about) #main-wrapper a:not(.btn),.path-products #main-wrapper,.path-products #main-wrapper a:not(.btn){color:#34495e}.featured-bottom a:not(.btn).active,.featured-bottom a:not(.btn):focus,.featured-bottom a:not(.btn):hover,.path-careers #main-wrapper a:not(.btn).active,.path-careers #main-wrapper a:not(.btn):focus,.path-careers #main-wrapper a:not(.btn):hover,.path-contact #main-wrapper a:not(.btn).active,.path-contact #main-wrapper a:not(.btn):focus,.path-contact #main-wrapper a:not(.btn):hover,.path-content #main-wrapper a:not(.btn).active,.path-content #main-wrapper a:not(.btn):focus,.path-content #main-wrapper a:not(.btn):hover,.path-legal #main-wrapper a:not(.btn).active,.path-legal #main-wrapper a:not(.btn):focus,.path-legal #main-wrapper a:not(.btn):hover,.path-node.node--type-support .featured-bottom a:not(.btn).active,.path-node.node--type-support .featured-bottom a:not(.btn):focus,.path-node.node--type-support .featured-bottom a:not(.btn):hover,.path-node:not(.node--type-about) #main-wrapper a:not(.btn).active,.path-node:not(.node--type-about) #main-wrapper a:not(.btn):focus,.path-node:not(.node--type-about) #main-wrapper a:not(.btn):hover,.path-products #main-wrapper a:not(.btn).active,.path-products #main-wrapper a:not(.btn):focus,.path-products #main-wrapper a:not(.btn):hover{text-decoration:underline}.path-careers #main-wrapper .page-title,.path-content #main-wrapper .page-title,.path-node:not(.node--type-about) #main-wrapper .page-title,.path-products #main-wrapper .page-title{color:#2a80b9}.featured-bottom,.path-contact #main-wrapper,.path-legal #main-wrapper{color:#34495e}.featured-bottom .page-title,.path-contact #main-wrapper .page-title,.path-legal #main-wrapper .page-title{color:#2a80b9}.site-footer{background-color:#34495e;color:#bec3c7}.site-footer a:not(.btn){color:#bec3c7}@media (max-width:767px){#main .title:after,#main .title:before{content:none}#main .title:before{margin-right:0}#main .title:after{margin-left:0}}