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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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} /* Normalize */ body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 28px; } ul{ padding: 0; margin: 0; list-style-type: none; } header > .inside > nav{ font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; float: right; height: 60px; display: flex; align-items: center; overflow: visible !important; z-index: 20; position: relative; } header > .inside > nav .level_1 > li{ display: inline-block; position: relative; } header > .inside > nav > .level_1 > li > a{ color: #fff; transition: .4s ease; padding: 10px; position: relative; display: block; } /* Burger Menu */ #activate-menu, #burger-menu{ display: none; } #burger-menu{ position: fixed; right: 40px; top: 40px; z-index: 1000; cursor: pointer; background: #292F35; padding: 22px 20px; border-radius: 50%; } #burger-menu .lines{ height: 16px; margin: 0 auto; width: 20px; position: relative; } #burger-menu .lines .line{ display: block; position: absolute; height: 3px; width: 50%; background: #fff; opacity: 1; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #burger-menu .lines .line:nth-child(odd) { left: 0px; } #burger-menu .lines .line:nth-child(even) { left: 50%; } #burger-menu .lines .line:nth-child(1), #burger-menu .lines .line:nth-child(2) { top: 0px; } #burger-menu .lines .line:nth-child(3), #burger-menu .lines .line:nth-child(4) { top: 7px; } #burger-menu .lines .line:nth-child(5), #burger-menu .lines .line:nth-child(6) { top: 14px; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(1) { left: 2px; top: 3px; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(2) { left: calc(50% - 2px); top: 3px; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(3) { left: -50%; opacity: 0; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(4) { left: 100%; opacity: 0; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(5) { left: 2px; top: 9px; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(6) { left: calc(50% - 2px); top: 9px; } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(1), #activate-menu:checked ~ #burger-menu .lines .line:nth-child(6) { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(2), #activate-menu:checked ~ #burger-menu .lines .line:nth-child(5) { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #activate-menu:checked ~ #burger-menu .lines .line:nth-child(3), #activate-menu:checked ~ #burger-menu .lines .line:nth-child(4) { top: 6px; } @media screen and (max-width: 1200px){ header > .inside > nav > .level_1 > li:not(:first-child) { margin-left: 10px; } header > .inside > nav > .level_1 > li > a.p-servicepartner:after{ display: none; } header > .inside > nav > .level_1 > li > a.p-servicepartner{ padding-left: 10px; } .blog-detail .prev-next > div { margin: 0; } .blog-detail .prev-next { margin: 80px 0; } #blog-detail h1{ font-size: 45px; line-height: 55px; } #footer-top .inside > .mod_customnav{ margin: 0 30px; } } @media screen and (max-width: 1100px){ #scroll-up{ display: none; } #burger-menu{ display: block; } header > .inside > nav, header.sticky > .inside > nav{ top: 0; right: 0; left: auto; background: #292F35; position: fixed; height: 100%; padding: 50px; box-sizing: border-box; display: none; max-width: 500px; font-size: 30px; z-index: 999; transition: transform .4s ease; } header > .inside > #activate-menu:checked ~ nav{ display: block; display: flex; } @supports (transform: translateX(100%)){ header > .inside > nav{ transform: translateX(100%); display: flex; } header > .inside > #activate-menu:checked ~ nav{ transform: translateX(0); } } body.safari header.sticky > .inside > nav{ background: #292F35; } header > .inside > nav > .level_1 > li:not(.login) > a:before{ display: none; } header > .inside > nav > .level_1 > li, header > .inside > nav .level_1 > li.home{ display: block; } header > .inside > nav > .level_1 > li:not(:first-child){ margin: 0; margin-top: 5px; } header > .inside > nav > .level_1 > li.login{ border: 0; } header > .inside > nav > .level_1 > li.login > a{ padding: 10px; } header > .inside > nav > .level_1 > li.login > a:before{ display: none; } header > .inside > nav > .level_1 > li > a.active, header > .inside > nav > .level_1 > li > a:hover, header > .inside > nav > .level_1 > li.trail > a{ color: rgb(226,116,129) } header > .inside > nav > .level_1 > li.trail > a{ position: relative; } header > .inside > nav > .level_1 > li.login:hover{ background: none } #home-slider strong{ margin-top: 20px; font-size: 45px; line-height: 35px; } #home-slider em{ margin: 10px 0; } .text-image .text{ max-width: none; } .text-image.right figure, .text-image.left figure{ max-width: none; width: 100%; margin: 0; margin-top: 40px; }