/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*! * Foundation Responsive Library * http://foundation.zurb.com * Copyright 2014, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ meta.foundation-version{font-family:"/5.5.3/"}meta.foundation-mq-small{font-family:"/only screen/";width:0}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.0625em)/";width:40.0625em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.0625em) and (max-width:64em)/";width:40.0625em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.0625em)/";width:64.0625em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.0625em) and (max-width:90em)/";width:64.0625em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.0625em)/";width:90.0625em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.0625em) and (max-width:120em)/";width:90.0625em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.0625em)/";width:120.0625em}meta.foundation-data-attribute-namespace{font-family:false}body,html{height:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-size:100%}body{background:#39363b;color:#ddd;cursor:auto;font-family:Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;margin:0;padding:0;position:relative}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}.left{float:left!important}.right{float:right!important}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.row{margin:0 auto;max-width:75rem;width:100%}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{margin:0 -2rem;max-width:none;width:auto}.row .row:after,.row .row:before{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{margin:0;max-width:none;width:auto}.row .row.collapse:after,.row .row.collapse:before{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:2rem;padding-right:2rem;width:100%;float:left}.column+.column:last-child,.column+.columns:last-child,.columns+.column:last-child,.columns+.columns:last-child{float:right}.column+.column.end,.column+.columns.end,.columns+.column.end,.columns+.columns.end{float:left}@media only screen{.small-push-0{position:relative;left:0;right:auto}.small-pull-0{position:relative;right:0;left:auto}.small-push-1{position:relative;left:8.33333333333%;right:auto}.small-pull-1{position:relative;right:8.33333333333%;left:auto}.small-push-2{position:relative;left:16.6666666667%;right:auto}.small-pull-2{position:relative;right:16.6666666667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.3333333333%;right:auto}.small-pull-4{position:relative;right:33.3333333333%;left:auto}.small-push-5{position:relative;left:41.6666666667%;right:auto}.small-pull-5{position:relative;right:41.6666666667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.3333333333%;right:auto}.small-pull-7{position:relative;right:58.3333333333%;left:auto}.small-push-8{position:relative;left:66.6666666667%;right:auto}.small-pull-8{position:relative;right:66.6666666667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.3333333333%;right:auto}.small-pull-10{position:relative;right:83.3333333333%;left:auto}.small-push-11{position:relative;left:91.6666666667%;right:auto}.small-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:2rem;padding-right:2rem;float:left}.small-1{width:8.33333333333%}.small-2{width:16.6666666667%}.small-3{width:25%}.small-4{width:33.3333333333%}.small-5{width:41.6666666667%}.small-6{width:50%}.small-7{width:58.3333333333%}.small-8{width:66.6666666667%}.small-9{width:75%}.small-10{width:83.3333333333%}.small-11{width:91.6666666667%}.small-12{width:100%}.small-offset-0{margin-left:0!important}.small-offset-1{margin-left:8.33333333333%!important}.small-offset-2{margin-left:16.6666666667%!important}.small-offset-3{margin-left:25%!important}.small-offset-4{margin-left:33.3333333333%!important}.small-offset-5{margin-left:41.6666666667%!important}.small-offset-6{margin-left:50%!important}.small-offset-7{margin-left:58.3333333333%!important}.small-offset-8{margin-left:66.6666666667%!important}.small-offset-9{margin-left:75%!important}.small-offset-10{margin-left:83.3333333333%!important}.small-offset-11{margin-left:91.6666666667%!important}.small-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{float:left;margin-left:0;margin-right:0}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:2rem;padding-right:2rem;float:left}}@media only screen and (min-width:40.0625em){.medium-push-0{position:relative;left:0;right:auto}.medium-pull-0{position:relative;right:0;left:auto}.medium-push-1{position:relative;left:8.33333333333%;right:auto}.medium-pull-1{position:relative;right:8.33333333333%;left:auto}.medium-push-2{position:relative;left:16.6666666667%;right:auto}.medium-pull-2{position:relative;right:16.6666666667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.3333333333%;right:auto}.medium-pull-4{position:relative;right:33.3333333333%;left:auto}.medium-push-5{position:relative;left:41.6666666667%;right:auto}.medium-pull-5{position:relative;right:41.6666666667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.3333333333%;right:auto}.medium-pull-7{position:relative;right:58.3333333333%;left:auto}.medium-push-8{position:relative;left:66.6666666667%;right:auto}.medium-pull-8{position:relative;right:66.6666666667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.3333333333%;right:auto}.medium-pull-10{position:relative;right:83.3333333333%;left:auto}.medium-push-11{position:relative;left:91.6666666667%;right:auto}.medium-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:2rem;padding-right:2rem;float:left}.medium-1{width:8.33333333333%}.medium-2{width:16.6666666667%}.medium-3{width:25%}.medium-4{width:33.3333333333%}.medium-5{width:41.6666666667%}.medium-6{width:50%}.medium-7{width:58.3333333333%}.medium-8{width:66.6666666667%}.medium-9{width:75%}.medium-10{width:83.3333333333%}.medium-11{width:91.6666666667%}.medium-12{width:100%}.medium-offset-0{margin-left:0!important}.medium-offset-1{margin-left:8.33333333333%!important}.medium-offset-2{margin-left:16.6666666667%!important}.medium-offset-3{margin-left:25%!important}.medium-offset-4{margin-left:33.3333333333%!important}.medium-offset-5{margin-left:41.6666666667%!important}.medium-offset-6{margin-left:50%!important}.medium-offset-7{margin-left:58.3333333333%!important}.medium-offset-8{margin-left:66.6666666667%!important}.medium-offset-9{margin-left:75%!important}.medium-offset-10{margin-left:83.3333333333%!important}.medium-offset-11{margin-left:91.6666666667%!important}.medium-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{float:left;margin-left:0;margin-right:0}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:2rem;padding-right:2rem;float:left}.push-0{position:relative;left:0;right:auto}.pull-0{position:relative;right:0;left:auto}.push-1{position:relative;left:8.33333333333%;right:auto}.pull-1{position:relative;right:8.33333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}@media only screen and (min-width:64.0625em){.large-push-0{position:relative;left:0;right:auto}.large-pull-0{position:relative;right:0;left:auto}.large-push-1{position:relative;left:8.33333333333%;right:auto}.large-pull-1{position:relative;right:8.33333333333%;left:auto}.large-push-2{position:relative;left:16.6666666667%;right:auto}.large-pull-2{position:relative;right:16.6666666667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.3333333333%;right:auto}.large-pull-4{position:relative;right:33.3333333333%;left:auto}.large-push-5{position:relative;left:41.6666666667%;right:auto}.large-pull-5{position:relative;right:41.6666666667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.3333333333%;right:auto}.large-pull-7{position:relative;right:58.3333333333%;left:auto}.large-push-8{position:relative;left:66.6666666667%;right:auto}.large-pull-8{position:relative;right:66.6666666667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.3333333333%;right:auto}.large-pull-10{position:relative;right:83.3333333333%;left:auto}.large-push-11{position:relative;left:91.6666666667%;right:auto}.large-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:2rem;padding-right:2rem;float:left}.large-1{width:8.33333333333%}.large-2{width:16.6666666667%}.large-3{width:25%}.large-4{width:33.3333333333%}.large-5{width:41.6666666667%}.large-6{width:50%}.large-7{width:58.3333333333%}.large-8{width:66.6666666667%}.large-9{width:75%}.large-10{width:83.3333333333%}.large-11{width:91.6666666667%}.large-12{width:100%}.large-offset-0{margin-left:0!important}.large-offset-1{margin-left:8.33333333333%!important}.large-offset-2{margin-left:16.6666666667%!important}.large-offset-3{margin-left:25%!important}.large-offset-4{margin-left:33.3333333333%!important}.large-offset-5{margin-left:41.6666666667%!important}.large-offset-6{margin-left:50%!important}.large-offset-7{margin-left:58.3333333333%!important}.large-offset-8{margin-left:66.6666666667%!important}.large-offset-9{margin-left:75%!important}.large-offset-10{margin-left:83.3333333333%!important}.large-offset-11{margin-left:91.6666666667%!important}.large-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{float:left;margin-left:0;margin-right:0}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:2rem;padding-right:2rem;float:left}.push-0{position:relative;left:0;right:auto}.pull-0{position:relative;right:0;left:auto}.push-1{position:relative;left:8.33333333333%;right:auto}.pull-1{position:relative;right:8.33333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}@media only screen and (max-width:40em){.small-only-text-left{text-align:left!important}.small-only-text-right{text-align:right!important}.small-only-text-center{text-align:center!important}.small-only-text-justify{text-align:justify!important}}@media only screen{.small-text-left{text-align:left!important}.small-text-right{text-align:right!important}.small-text-center{text-align:center!important}.small-text-justify{text-align:justify!important}}@media only screen and (min-width:40.0625em) and (max-width:64em){.medium-only-text-left{text-align:left!important}.medium-only-text-right{text-align:right!important}.medium-only-text-center{text-align:center!important}.medium-only-text-justify{text-align:justify!important}}@media only screen and (min-width:40.0625em){.medium-text-left{text-align:left!important}.medium-text-right{text-align:right!important}.medium-text-center{text-align:center!important}.medium-text-justify{text-align:justify!important}}@media only screen and (min-width:64.0625em) and (max-width:90em){.large-only-text-left{text-align:left!important}.large-only-text-right{text-align:right!important}.large-only-text-center{text-align:center!important}.large-only-text-justify{text-align:justify!important}}@media only screen and (min-width:64.0625em){.large-text-left{text-align:left!important}.large-text-right{text-align:right!important}.large-text-center{text-align:center!important}.large-text-justify{text-align:justify!important}}@media only screen and (min-width:90.0625em) and (max-width:120em){.xlarge-only-text-left{text-align:left!important}.xlarge-only-text-right{text-align:right!important}.xlarge-only-text-center{text-align:center!important}.xlarge-only-text-justify{text-align:justify!important}}@media only screen and (min-width:90.0625em){.xlarge-text-left{text-align:left!important}.xlarge-text-right{text-align:right!important}.xlarge-text-center{text-align:center!important}.xlarge-text-justify{text-align:justify!important}}@media only screen and (min-width:120.0625em) and (max-width:99999999em){.xxlarge-only-text-left{text-align:left!important}.xxlarge-only-text-right{text-align:right!important}.xxlarge-only-text-center{text-align:center!important}.xxlarge-only-text-justify{text-align:justify!important}}@media only screen and (min-width:120.0625em){.xxlarge-text-left{text-align:left!important}.xxlarge-text-right{text-align:right!important}.xxlarge-text-center{text-align:center!important}.xxlarge-text-justify{text-align:justify!important}}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}a{color:#68a0f7;line-height:inherit;text-decoration:underline}a:focus,a:hover{color:#3983f5;text-decoration:none}a img{border:none}p{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:.875rem;font-style:italic;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Roboto,Arial,sans-serif;font-style:normal;font-weight:300;line-height:1.1;margin-bottom:1.5rem;margin-top:.5rem;text-rendering:optimizeLegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#fff;font-size:60%;line-height:0}h1{font-size:1.625rem}h2{font-size:1.25rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#fff;font-weight:300;margin-top:.2rem;margin-bottom:.5rem}hr{border:solid #ddd;border-width:1px 0 0;clear:both;height:0;margin:1.25rem 0 1.1875rem}em,i{font-style:italic;line-height:inherit}b,strong{font-weight:700;line-height:inherit}small{font-size:60%;line-height:inherit}code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;padding:.125rem .3125rem .0625rem}dl,ol,ul{font-family:inherit;font-size:1rem;line-height:1.6;list-style-position:outside;margin-bottom:1.25rem}ul{margin-left:1.1rem}ul li ol,ul li ul{margin-left:1.25rem;margin-bottom:0}ul.circle li ul,ul.disc li ul,ul.square li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.1rem}ul.circle{list-style-type:circle;margin-left:1.1rem}ul.disc{list-style-type:disc;margin-left:1.1rem}ol{margin-left:1.4rem}ol li ol,ol li ul{margin-left:1.25rem;margin-bottom:0}.no-bullet{list-style-type:none;margin-left:0}.no-bullet li ol,.no-bullet li ul{margin-left:1.25rem;margin-bottom:0;list-style:none}dl dt{margin-bottom:.3rem;font-weight:700}dl dd{margin-bottom:.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#ddd;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:.8125rem;color:#fff}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#fff}blockquote,blockquote p{line-height:1.6;color:#fff}.vcard{display:inline-block;margin:0 0 1.25rem 0;border:1px solid #ddd;padding:.625rem .75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:700;font-size:.9375rem}.vevent .summary{font-weight:700}.vevent abbr{cursor:default;text-decoration:none;font-weight:700;border:none;padding:0 .0625rem}@media only screen and (min-width:40.0625em){h1,h2,h3,h4,h5,h6{line-height:1.1}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5625rem}h4{font-size:1.3125rem}h5{font-size:1.125rem}h6{font-size:1rem}}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.34in}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media only screen{.hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-medium,.hide-for-medium-only,.hide-for-medium-up,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium-down,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down{display:inherit!important}.hide-for-large-down,.hide-for-medium-down,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-medium,.show-for-medium-only,.show-for-medium-up,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium-down,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-down,.hidden-for-medium-down,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-medium,.visible-for-medium-only,.visible-for-medium-up,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-medium,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium-down,table.show-for-small,table.show-for-small-down,table.show-for-small-only,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down{display:table!important}thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-medium,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium-down,thead.show-for-small,thead.show-for-small-down,thead.show-for-small-only,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium-down,tbody.show-for-small,tbody.show-for-small-down,tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-medium,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium-down,tr.show-for-small,tr.show-for-small-down,tr.show-for-small-only,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down{display:table-row}td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-medium,td.hide-for-medium-only,td.hide-for-medium-up,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium-down,td.show-for-small,td.show-for-small-down,td.show-for-small-only,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-medium,th.hide-for-medium-only,th.hide-for-medium-up,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium-down,th.show-for-small,th.show-for-small-down,th.show-for-small-only,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:40.0625em){.hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down{display:inherit!important}.hide-for-large-down,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-down,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium,table.show-for-medium-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down{display:table!important}thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium,thead.show-for-medium-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium,tbody.show-for-medium-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium,tr.show-for-medium-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down{display:table-row}td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium,td.show-for-medium-down,td.show-for-medium-only,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium,th.show-for-medium-down,th.show-for-medium-only,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:64.0625em){.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down{display:inherit!important}.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large,table.show-for-large-down,table.show-for-large-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down{display:table!important}thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large,thead.show-for-large-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large,tbody.show-for-large-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large,tr.show-for-large-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down{display:table-row}td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large,td.show-for-large-down,td.show-for-large-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large,th.show-for-large-down,th.show-for-large-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:90.0625em){.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-down{display:inherit!important}.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-down,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge,table.show-for-xlarge-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xxlarge-down{display:table!important}thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xxlarge-down{display:table-row}td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge,td.show-for-xlarge-down,td.show-for-xlarge-only,td.show-for-xlarge-up,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge,th.show-for-xlarge-down,th.show-for-xlarge-only,th.show-for-xlarge-up,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:120.0625em){.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up{display:inherit!important}.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only{display:none!important}.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-down,table.hide-for-xlarge-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up{display:table!important}thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.hide-for-xlarge-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.hide-for-xlarge-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.hide-for-xlarge-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up{display:table-row}td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-down,td.hide-for-xlarge-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-up,td.show-for-xxlarge,td.show-for-xxlarge-down,td.show-for-xxlarge-only,td.show-for-xxlarge-up,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-down,th.hide-for-xlarge-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-up,th.show-for-xxlarge,th.show-for-xxlarge-down,th.show-for-xxlarge-only,th.show-for-xxlarge-up{display:table-cell!important}}.hide-for-portrait,.show-for-landscape{display:inherit!important}.hide-for-landscape,.show-for-portrait{display:none!important}table.hide-for-landscape,table.show-for-portrait{display:table!important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group!important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group!important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row!important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell!important}@media only screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:inherit!important}.hide-for-landscape,.show-for-portrait{display:none!important}table.hide-for-portrait,table.show-for-landscape{display:table!important}thead.hide-for-portrait,thead.show-for-landscape{display:table-header-group!important}tbody.hide-for-portrait,tbody.show-for-landscape{display:table-row-group!important}tr.hide-for-portrait,tr.show-for-landscape{display:table-row!important}td.hide-for-portrait,td.show-for-landscape,th.hide-for-portrait,th.show-for-landscape{display:table-cell!important}}@media only screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:inherit!important}.hide-for-portrait,.show-for-landscape{display:none!important}table.hide-for-landscape,table.show-for-portrait{display:table!important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group!important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group!important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row!important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell!important}}.show-for-touch{display:none!important}.hide-for-touch{display:inherit!important}.touch .show-for-touch{display:inherit!important}.touch .hide-for-touch{display:none!important}table.hide-for-touch{display:table!important}.touch table.show-for-touch{display:table!important}thead.hide-for-touch{display:table-header-group!important}.touch thead.show-for-touch{display:table-header-group!important}tbody.hide-for-touch{display:table-row-group!important}.touch tbody.show-for-touch{display:table-row-group!important}tr.hide-for-touch{display:table-row!important}.touch tr.show-for-touch{display:table-row!important}td.hide-for-touch{display:table-cell!important}.touch td.show-for-touch{display:table-cell!important}th.hide-for-touch{display:table-cell!important}.touch th.show-for-touch{display:table-cell!important}.show-for-sr{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.show-on-focus{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.print-only,.show-for-print{display:none!important}@media print{.print-only,.show-for-print{display:block!important}.hide-for-print,.hide-on-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print{display:table-cell!important}th.show-for-print{display:table-cell!important}} /*! ********************************************************** * HIT-S Stile SSL-Themenwebseite ********************************************************** * 1......Stile auf Element-Ebene * 1.2....Helferklassen * 2......Rahmenlayout * 2.1....Header * 2.1.1..Navigation * 2.2....Footer * 2.3....Content-Bereich * 2.3.1..Content-Trenner * 3......Content-Bereich - seitenspezifisch * 4......GUI/Formular-Elemente * 5......Druck * 6......BxSlider * 7......"Browse Happy"-Hinweis * 8......Cookie-Hinweis Anpassungen * 9......Tabs * 10.....Download list ********************************************************** */ /*! 1 Stile auf Element-Ebene ***************************** */ ::-moz-selection { background-color: #c79df2; } ::selection { background-color: #c79df2; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } sub, sup { font-size: 100%; } sup { top: -.25em; } sub { bottom: -.5em; } h2, h3, h4, h5, h6 { color: #f2f2f2; } @media only screen and (max-width: 40em) { .content h1, .content .section-title { margin-top: 2rem } } /*! 1.2 Helferklassen ************************************* */ .is-loading:before { content: ""; display: block; opacity: .95; position: absolute; z-index: 9000; top: 50%; left: 50%; width: 1em; height: 1em; border-radius: 20%; background: #000 url(/r/images/laser/v/9f2ddc413ca9c45dd7bded56e81a9af3/loading-spinner.gif) no-repeat 50% 50%; font-size: 56px; margin: -.5em 0 0 -.5em; } .small { font-size: .875rem; } .u-margin-b-tiny.u-margin-b-tiny { margin-bottom: 0.625rem; } .u-margin-b-small.u-margin-b-small { margin-bottom: 0.9375rem; } .u-margin-b-regular.u-margin-b-regular { margin-bottom: 1.25rem; } .u-margin-b-large.u-margin-b-large { margin-bottom: 1.5625rem; } .u-margin-b-huge.u-margin-b-huge { margin-bottom: 1.875rem; } .is-visualHidden.is-visualHidden { display: block; overflow: hidden; clip: rect(0 0 0 0); height: 0; width: 0; border: 0; line-height: 1; padding: 0; margin: 0; } .section-title { font-size: 1.625rem; } @media only screen and (min-width: 40.0625em) { .section-title { font-size: 2.5rem; } } /*! 2. Rahmenlayout **************************************** */ #page { min-height: 100%; } #page:after { content: ""; display: block; } @media only screen and (min-width: 64.0625em) { #page { margin-bottom: -295px; } #page:after, .page-footer { height: 295px; } } /*! 2.1. Header ******************************************** */ .page-header { position: relative; background: url(/r/images/laser/v/9f2ddc413ca9c45dd7bded56e81a9af3/header-background.jpg) 50% 100% no-repeat; background-size: cover; padding: 0 0 3rem; } .header-logo-container { padding-top: 1rem; padding-bottom: 1rem; } .no-svg .header-logo--svg { display: none; } .header-logo-subtext { font-size: .75rem; line-height: 1; color: #DADADA; margin: .25rem 0 0; } @media only screen and (max-width: 40em) { .page-header { background-color: #1d1d1e; background-image: none; padding-bottom: 1.25rem; } } @media only screen and (min-width: 40.0625em) and (max-width:64em) { .page-header { padding-bottom: 4rem; } .header-logo-subtext { margin-bottom: 1rem; } } /*! 2.1.1 Navigation *************************************** */ .page-nav { position: relative; text-align: right; list-style: none; padding: 0; margin: 0;} .page-nav > li { display: inline-block; padding: 0 0 0 2rem; margin: 0 -.25rem 1rem 0; } .page-nav > li:first-of-type { padding-left: 0; } .page-nav > li > a { position: relative; z-index: 110; font-size: 1.375rem; font-weight: 400; line-height: 1; text-decoration: none; color: #FEFEFE; text-shadow: 1px 1px 0 rgba(50, 50, 50, .3); -webkit-transition: color 400ms ease, text-shadow 400ms ease; transition: color 400ms ease, text-shadow 400ms ease; padding: .25rem 0 .375rem; } .page-nav > li > a:hover { color: #FFF; } .page-nav > li.is-active > a { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); } .page-nav > li.is-active > a:before { content: ""; display: block; position: absolute; right: 0; bottom: 6px; left: 0; height: 1px; background-color: #fff; } #magic-line { display: block; position: absolute; z-index: 100; top: -5px; bottom: 12px; width: 0; border: 1px solid #fff; border-width: 0 0 1px; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; padding: 0; margin: 0; } #magic-line.is-invisible { visibility: hidden; opacity: 0; -webkit-transition-delay: 300ms; transition-delay: 300ms; } @media only screen and (min-width: 40.0625em) and (max-width:64em) { .page-nav { text-align: center; } } @media only screen and (min-width: 64.0625em) { .page-nav > li.is-active > a:before { display: none; } } /* Sticky MainNav */ .header--clone { visibility: hidden; opacity: 0; position: fixed; z-index: 1100; top: 0; left: 0; width: 100%; background-color: #1d1d1e; background-image: none; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all ease 200ms, visibility 0s ease 500ms; transition: all ease 200ms, visibility 0s ease 500ms; padding: 8px 0 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .page-header.header--clone:after { z-index: -1; bottom: 0; height: 50%; border: 0; background-color: #1d1d1e; -webkit-transform: rotate(.5deg); -ms-transform: rotate(.5deg); transform: rotate(.5deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .page-header.header--stick { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all ease 500ms, visibility 0s ease 0s; transition: all ease 500ms, visibility 0s ease 0s; } .no-csstransforms .page-header.header--clone { top: -60px; } .no-csstransforms .page-header.header--stick { top: 0; } .page-header.header--clone .header-logo-container { width: 25%; padding-top: 0; padding-right: 0; padding-bottom: 0; } .page-header.header--clone .header-logo-container a { display: block; font-weight: 300; line-height: 1; } .page-header.header--clone .header-logo-container svg { max-width: 100%; } .page-header.header--clone .page-nav-container { width: 75%; } .header--clone .page-nav > li { margin-bottom: 0; } .page-header.header--clone .page-nav a { display: block; font-size: 1.125rem; } .page-header.header--clone li.is-active > a:after { content: ""; display: block; position: absolute; z-index: 100; bottom: 0; width: 100%; height: 1px; background-color: #fff; } /* x.x. Sprungnavigation */ .jump-nav { position: fixed; z-index: 1000; top: 50%; right: 0; text-align: right; list-style: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; margin: 0 14px 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .jump-nav.is-absolute { position: absolute; } .jump-nav li { float: right; clear: right; line-height: 1; margin: 3px 0; } .jump-nav--bullet { display: inline-block; opacity: .6; position: relative; overflow: hidden; max-width: 34px; border: 1px solid transparent; outline: 0; line-height: 24px; text-align: right; text-decoration: none; -webkit-transition: all 350ms ease; transition: all 350ms ease; padding: 5px 0 5px 10px; } .jump-nav--bullet:hover { opacity: 1; max-width: 20em; border-color: #f4f4f4; border-color: rgba(244, 244, 244, .7); background-color: #1d1d1e; background-color: rgba(29, 29, 30, .85); cursor: pointer; } .jump-nav--bullet:after { content: ""; display: block; position: absolute; top: 50%; right: 0; box-sizing: content-box; width: 1em; height: 1em; border: 1px solid #f4f4f4; border-radius: 50%; font-size: 22px; -webkit-transform: translateY(-50%) scale(.6); -ms-transform: translateY(-50%) scale(.6); transform: translateY(-50%) scale(.6); -webkit-transition: all 350ms ease, -webkit-transform 200ms ease; transition: all 350ms ease, transform 200ms ease; margin: 0 5px 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .no-csstransforms .jump-nav--bullet:after { font-size: 12px; margin-top: -.5em; margin-right: 10px; } .jump-nav--bullet:hover:after { background-color: #1d1d1e; -webkit-transition-duration: 0s, 200ms; transition-duration: 0s, 200ms; } .jump-nav--bullet.is-active:after, .jump-nav--bullet.is-active:hover:after { background-color: #f4f4f4; } .jump-nav--bullet span { visibility: hidden; opacity: 0; white-space: nowrap; color: #fff; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); -webkit-transition: opacity 200ms ease 0s, visibility 0s ease 200ms; transition: opacity 200ms ease 0s, visibility 0s ease 200ms; padding: 0 36px 0 0; } .jump-nav--bullet:hover span { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; } .jump-nav--direction { display: block; visibility: hidden; opacity: 0; box-sizing: content-box; width: 33px; height: 24px; outline: 0; background-repeat: no-repeat; background-position: 0 50%; background-origin: content-box; cursor: default; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .jump-nav:hover .jump-nav--direction.is-active { visibility: visible; opacity: .6; } .jump-nav .jump-nav--direction.is-active:hover { opacity: 1; cursor: pointer; } .jump-nav--direction.prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAALCAMAAADGDRQNAAAAilBMVEX////09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PQmD7foAAAALnRSTlMAAQIDBAUICgwOECQoLDA1O0BGS2VmbXN6gIWMkZifv8DEys7U2Nvf4+To9ff5O56WNgAAAH5JREFUGBl9wYUSgkAABcBHd9fRHcLx/7+nDjOKhLv4xQSPgMEfWjmTudRwh4uWQoVaLBGHS0Yzunhzx8bAmRDTTMZGzmgs4MDqehtfdt9Z2JPSNRGxJyZrKuHDGVoTR2Y7ONgoOSU8znhCcwUv3lTruKbXkwf4VcjiDhtW/hPnoghe1GQwkgAAAABJRU5ErkJggg==); } .jump-nav--direction.next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAALCAMAAADGDRQNAAAAilBMVEX////09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PQmD7foAAAALnRSTlMAAQIDBAUICgwOECQoLDA1O0BGS2VmbXN6gIWMkZifv8DEys7U2Nvf4+To9ff5O56WNgAAAH5JREFUGBl9wYUSgkAABcBHd9fRHcLx/7+nDjOKhLvwq5DFHTasfMCbah3X9Hry8KLklPA44wnNFWycoTVxZLaDgw8pXRMRe2KyphL2rK638WX3nYUDIaaZjI2c0VjAmdGMLt7csTFwiYuWQoVaLBGHO1o5k7nU8AcTPAIGP55TzQheB87ZNAAAAABJRU5ErkJggg==); } .page-nav-container-small { color: #444; } @media only screen and (max-width: 40em) { .jump-nav { display: none; } } @media only screen and (max-width: 76.875em) { .jump-nav { margin-right: 0; } } /*! 2.2. Footer ******************************************** */ .page-footer { background-color: #1d1d1e; font-size: .875rem; color: #b3b3b4; padding: 3rem 0 1rem; } .footer-content { margin-bottom: 1.75rem; } .footer-content p { font-size: inherit; line-height: 1.2; margin: 0 0 .625rem 0; } .footer-content a { text-decoration: none; color: inherit; -webkit-transition: color 200ms ease-in 100ms; transition: color 200ms ease-in 100ms; } .footer-content a:hover { color: #f4f4f4; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;} .footer-content.solutions { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; } .footer-headline { font-size: 1.5rem; color: inherit; -webkit-transition: color 500ms ease-out 750ms; transition: color 500ms ease-out 750ms; margin: 0 0 1.25rem 0; } .page-footer:hover .footer-headline { color: #f4f4f4; -webkit-transition-delay: 0s; transition-delay: 0s; } .social-link { display: inline-block; opacity: .6; position: relative; width: 2em; height: 2em; border-radius: 50%; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; font-size: 1rem; text-decoration: none; margin: 0 0 0 .75em; } .social-link:hover { opacity: 1; } .social-link:first-of-type { margin-left: 0; } .social-link.twitter { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik00Ni4zIDI1di45YzAgOS4zLTcuNCAyMC4xLTIxIDIwLjEtNC4yIDAtOC0xLjItMTEuMy0zLjIuNi4xIDEuMi4xIDEuOC4xIDMuNCAwIDYuNi0xLjEgOS4xLTMtMy4yLS4xLTUuOS0yLjEtNi45LTQuOS41LjEgMSAuMSAxLjQuMS43IDAgMS40LS4xIDItLjItMy40LS43LTUuOS0zLjUtNS45LTd2LS4xYy45LjYgMi4xLjkgMy4zLjktMi0xLjItMy4zLTMuNC0zLjMtNS45IDAtMS4zLjQtMi41IDEtMy41IDMuNiA0LjMgOS4xIDcuMSAxNS4yIDcuNC0uMS0uNS0uMi0xLjEtLjItMS42IDAtMy45IDMuMy03LjEgNy40LTcuMSAyLjEgMCA0LjEuOSA1LjQgMi4yIDEuNy0uMyAzLjMtLjkgNC43LTEuNy0uNSAxLjctMS43IDMuMS0zLjIgMy45IDEuNC0uMSAyLjktLjUgNC4yLTEuMS0xIDEuNC0yLjMgMi43LTMuNyAzLjd6bS00NiA3Qy4zIDQ5LjUgMTQuNSA2My43IDMyIDYzLjdTNjMuNyA0OS41IDYzLjcgMzIgNDkuNS4zIDMyIC4zLjMgMTQuNS4zIDMyeiIgZmlsbD0iI2Y0ZjRmNCIvPjwvc3ZnPg==); } .social-link.x { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDY0IDY0IiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGlkPSJwYXRoMS0yIiBmaWxsPSIjZjRmNGY0IiBmaWxsLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iLjcwNTkiIGQ9Ik0zMiAuM0MxNC40OTk2LjMuMyAxNC40OTk1LjMgMzJTMTQuNDk5NiA2My43IDMyIDYzLjcgNjMuNyA0OS41MDAzIDYzLjcgMzJDNjMuNyAxNC40OTk1IDQ5LjUwMDQuMyAzMiAuM3pNMTQuMzg2MyAxMy45OTk1aDEwLjQ5MDVsOS4wOTQgMTMuMjM2NiAxMS4zODctMTMuMjM2NmgzLjEwNzRMMzUuMzUxNiAyOS4yNDRoLS4wMDJsMTQuMjY0MSAyMC43NTY1SDM5LjEyMzJsLTkuNjAzNy0xMy45Nzg5LTEyLjAyNTcgMTMuOTc4OWgtMy4xMDc1bDEzLjc1MjMtMTUuOTg2OFptNC4yMjg2IDIuMzQgMTEuMDg2MiAxNS44NTc5IDEuMzk0NiAxLjk5NCA5LjQ5MDQgMTMuNTc0Nmg0Ljc3MzZMMzMuNzI4NiAzMS4xMzA4bC0xLjM5MjctMS45OTIyLTguOTQ3NC0xMi43OTkyWiIvPjwvc3ZnPgo=); } .social-link.youtube { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik01MyA0MS4zcy0uNCAyLjktMS43IDQuMmMtMS42IDEuNy0zLjUgMS43LTQuMyAxLjgtNiAuNS0xNC45LjUtMTQuOS41cy0xMS4xLS4xLTE0LjUtLjVjLTEtLjEtMy4xLS4xLTQuNy0xLjgtMS4zLTEuMy0xLjctNC4yLTEuNy00LjJzLS41LTMuNS0uNS03di0zLjJjMC0zLjUuNS03IC41LTdzLjQtMyAxLjctNC4zYzEuNi0xLjcgMy40LTEuNyA0LjItMS44IDYtLjQgMTUtLjQgMTUtLjRzOC45IDAgMTQuOS40Yy44LjEgMi43LjEgNC4zIDEuOCAxLjMgMS4zIDEuNyA0LjMgMS43IDQuM3MuNCAzLjUuNCA3djMuMmMwIDMuNS0uNCA3LS40IDd6TS4zIDMyQy4zIDQ5LjUgMTQuNSA2My43IDMyIDYzLjdTNjMuNyA0OS41IDYzLjcgMzIgNDkuNS4zIDMyIC4zLjMgMTQuNS4zIDMyem0yNy4zLTUuNXYxMi4xbDExLjMtNi4xLTExLjMtNnoiIGZpbGw9IiNmNGY0ZjQiLz48L3N2Zz4=); } .social-link.linkedin { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik0xOS44IDIyYy0yLjMgMC0zLjgtMS42LTMuOC0zLjUgMC0yIDEuNS0zLjUgMy45LTMuNSAyLjMgMCAzLjggMS41IDMuOCAzLjUgMCAxLjktMS41IDMuNS0zLjkgMy41em0zLjUgMjNoLTYuOVYyNC44aDYuOVY0NXptMTYuOC0yMC43YzQuNSAwIDcuOSAyLjkgNy45IDkuMVY0NWgtNi45VjM0LjJjMC0yLjgtMS00LjYtMy40LTQuNi0xLjkgMC0zLjEgMS4yLTMuNiAyLjUtLjEuNC0uMiAxLS4yIDEuNlY0NWgtNi44cy4xLTE4LjMgMC0yMC4yaDYuOHYyLjktLjFjLjktMS40IDIuNi0zLjMgNi4yLTMuM3pNLjMgMzJDLjMgNDkuNSAxNC41IDYzLjcgMzIgNjMuN1M2My43IDQ5LjUgNjMuNyAzMiA0OS41LjMgMzIgLjMuMyAxNC41LjMgMzJ6IiBmaWxsPSIjZjRmNGY0Ii8+PC9zdmc+); } .social-link.googleplus { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik01MCAzMS43aC00Ljh2NC42aC0yLjh2LTQuNmgtNC43di0uMWgtLjF2LTIuN2g0Ljh2LTQuOGgyLjh2NC44SDUwdjIuOHpNMzAuMyAxNi42Yy4zLjIuNi40IDEgLjguMy4zLjYuNy45IDEuMy40LjQuNiAxIC45IDEuNy4yLjYuMyAxLjQuMyAyLjItLjEgMS42LS40IDIuOS0xLjEgMy45LS4zLjQtLjcuOS0xLjEgMS4zLS40LjQtLjguOC0xLjMgMS4yLS4zLjItLjUuNS0uNy45LS4zLjQtLjQuOC0uNCAxLjMgMCAuNC4xLjguNCAxLjEuMi4zLjQuNi43LjhsMS41IDEuMmMuOS44IDEuOCAxLjYgMi41IDIuNi43LjkgMSAyLjEgMSAzLjcgMCAyLjEtLjkgNC4xLTIuOSA1LjctMS45IDEuNy00LjggMi42LTguNiAyLjctMy4xIDAtNS41LS43LTctMi0xLjYtMS4yLTIuNC0yLjctMi40LTQuNCAwLS44LjMtMS43LjgtMi43LjUtMSAxLjQtMS45IDIuNy0yLjcgMS40LS44IDIuOS0xLjQgNC41LTEuNyAxLjYtLjIgMy0uMyA0LS4zLS4zLS41LS42LS45LS45LTEuNC0uMy0uNS0uNC0xLS40LTEuNyAwLS40IDAtLjcuMi0xbC4yLS43aC0xLjRjLTIuNCAwLTQuMi0uNy01LjUtMi4yLTEuMy0xLjQtMi0zLTItNC44IDAtMi4yIDEtNC4yIDIuOC01LjkgMS4zLTEuMSAyLjYtMS44IDQtMi4xIDEuNC0uMyAyLjctLjQgMy45LS40aDlsLTIuOCAxLjZoLTIuOHpNLjMgMzJDLjMgNDkuNSAxNC41IDYzLjcgMzIgNjMuN1M2My43IDQ5LjUgNjMuNyAzMiA0OS41LjMgMzIgLjMuMyAxNC41LjMgMzJ6bTI0LjIgNC41Yy0xIC4xLTEuOS4zLTIuOS42LS4yLjEtLjYuMi0xIC40cy0uOC40LTEuMi44Yy0uNS4zLS44LjgtMS4xIDEuMy0uMy42LS41IDEuMy0uNSAyLjEgMCAxLjYuNyAyLjggMi4yIDMuOSAxLjMgMSAzLjIgMS41IDUuNiAxLjUgMi4xIDAgMy43LS41IDQuOC0xLjQgMS4xLS44IDEuNi0yIDEuNi0zLjQgMC0xLjEtLjMtMi4xLTEuMS0yLjktLjgtLjgtMi0xLjgtMy43LTNoLTFjLS4yLS4xLS44IDAtMS43LjF6bTMuNy0xNy4xYy0uNC0uOS0xLTEuNi0xLjctMi4xcy0xLjUtLjgtMi40LS44Yy0xLjIgMC0yLjMuNS0zLjEgMS40LS42IDEtMSAyLjEtLjkgMy40IDAgMS42LjQgMy4zIDEuNCA1IC40LjggMSAxLjUgMS44IDIuMS43LjUgMS41LjggMi41LjggMS4yIDAgMi4xLS40IDIuOS0xLjIuNC0uNi43LTEuMi44LTEuOCAwLS42LjEtMS4xLjEtMS41IDAtMS44LS41LTMuNS0xLjQtNS4zeiIgZmlsbD0iI2Y0ZjRmNCIvPjwvc3ZnPg==); } .social-link.facebook { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik0zNC43IDUwaC02LjRWMzMuNkgyM3YtNi40aDUuM3YtNC43YzAtNS41IDMuMi04LjUgNy45LTguNSAyLjMgMCA0LjIuMiA0LjguM1YyMGgtMy4zYy0yLjUgMC0zIDEuMi0zIDMuMXY0LjFoNi4xbC0uOCA2LjRoLTUuM1Y1MHpNLjMgMzJDLjMgNDkuNSAxNC41IDYzLjcgMzIgNjMuN1M2My43IDQ5LjUgNjMuNyAzMiA0OS41LjMgMzIgLjMuMyAxNC41LjMgMzJ6IiBmaWxsPSIjZjRmNGY0Ii8+PC9zdmc+); } .social-link > b { visibility: hidden; opacity: 0; position: absolute; bottom: -1.75em; left: 50%; font-size: .75rem; font-weight: 400; line-height: 1; color: #f4f4f4; text-shadow: 0 2px 0 rgba(0, 0, 0, .8); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all 200ms ease 0s, visibility 200ms ease 200ms; transition: all 200ms ease 0s, visibility 200ms ease 200ms; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .no-touch .social-link:hover > b { visibility: visible; opacity: 1; bottom: -1.3333333333em; -webkit-transition-delay: 250ms; transition-delay: 250ms; } .footer-content.copyright { font-size: .625rem; line-height: 1; color: #868687; margin: 2.25rem 0 0; } @media only screen and (max-width: 40em) { .footer-content.solutions { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .footer-content.copyright { text-align: center; } } @media only screen and (orientation: landscape) and (max-width: 40em) { .footer-content.legal, .footer-content.legal + div, .footer-content.language, .footer-content.social { width: 50%; } } @media only screen and (min-width: 40.0625em) and (max-width:64em) { .social-link { font-size: 1.625rem; margin-left: .75em; } } @media only screen and (min-width: 64.0625em) { .footer-content { margin-bottom: 0; } .footer-content.language { margin-bottom: 1.75rem; } } @media only screen and (max-width: 72.5rem) { .social-link { font-size: .875rem; margin-left: .5em; } } /*! 2.3. Content-Bereich *********************************** */ .content-section { padding: 8rem 0; } .content-section:first-of-type { padding-top: 6rem; } .content.media img:first-child { margin-top: .75rem; } .listing, .listing ul, .listing-icon, .listing-rating { list-style: none; margin-bottom: 1.25rem; margin-left: 1rem;} .listing > li, .listing ul > li, .listing-icon > li, .listing-rating > li { position: relative; line-height: 1.1; margin: 0 0 .625em 0; } .listing > li:last-child, .listing ul > li:last-child, .listing-icon > li:last-child, .listing-rating > li:last-child { margin-bottom: 0; } .listing ul > li:first-child { margin-top: .5em; } .listing > li:before, .listing ul > li:before, .listing-icon > li + li:before { content: ""; display: block; position: absolute; top: .5em; left: -1rem; width: 1em; height: 1em; background-color: #f4f4f4; background-color: rgba(255, 255, 255, .5); font-size: .5em; -webkit-transform: skewY(-12deg); -ms-transform: skewY(-12deg); transform: skewY(-12deg); } .listing ul > li:before { top: .75em; border: 1px solid #f4f4f4; border-color: rgba(255, 255, 255, .5); background-color: transparent; } .listing-rating > li { padding-left: 1.5rem; margin-top: 1em; } .listing-rating > li:before { content: ""; display: block; opacity: .5; position: absolute; top: .0666666667em; left: 0; width: 1em; height: 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAABJJREFUCFtjZPzPiIn+Y4iAEQBihRAOnjVEDQAAAABJRU5ErkJggg==) no-repeat 50% 50%; font-size: .9375rem;} .listing-rating > li.negative:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jwAr+/2PABgAs6gH+L3hDGQAAAABJRU5ErkJggg==); } .listing-icon { display: inline-block; vertical-align: top; } .listing-icon > li + li { padding-left: 1rem; } .listing-icon > li + li:before { left: -.5rem; } .listing-icon > li:first-child { position: relative; font-size: 1.125rem; padding: 0 0 .1111111111em .75em; margin-bottom: 1em; } .listing-icon > li:first-child:before { content: ""; display: block; opacity: .75; position: absolute; top: .125rem; left: -.75rem; width: 1em; height: 1em; background-repeat: no-repeat; background-position: 0 100%; font-size: 1.0625rem; line-height: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .listing-icon.requirements > li:first-child:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAflBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yfIzaAAAAKXRSTlMAAQMGCw0QGB4fJyw7PEdbYmZyf4GIj5aZrK25v8rQ2ebp7O/w9fr7/rtHEMkAAABiSURBVBgZBcGFAQIAEAQg7G7f7r79FxQAAAAApjsAYPg6AYDu9dYDgObxOwEAmywBwDz7BnQB48+1A4tngcH9PQKVFNqXzACVlMYhWwCV1DrnFgCV5NEHgMpvCgDUCgAAgD8GOAaNCT5YmQAAAABJRU5ErkJggg==); } .listing-icon.advantages > li:first-child:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX///////////////////////+65XQCAAAABXRSTlMAEHiBiAlryt4AAABHSURBVAhbLcixDcAgEENRg3QDRMoANNczAjNEZP9VMGe78dcD4q8B7eFeRi1T378wjDAgDAqCIqeibyhyKQpuFDAEaAZu+w+XAwePXuFW9wAAAABJRU5ErkJggg==); } .listing-icon > li:first-child:after { content: ""; display: block; position: absolute; right: -.25rem; bottom: -.375rem; left: -1rem; height: 100%; border-color: rgba(255, 255, 255, .5); border-bottom: 1px solid #ddd;} .listing-products { list-style: none; margin-right: -1rem; margin-left: -1rem; } .listing-products > li { line-height: 1.1; } .listing-products > li:first-child { font-size: .9375rem; margin-right: 1rem; margin-bottom: .5rem; margin-left: 1rem; } .listing-products > li + li { display: inline-block; margin: .875em 1rem .5em; } .listing-products > li a { border: 1px solid #f4f4f4; border-color: rgba(244, 244, 244, .7); background-color: #1d1d1e; background-color: rgba(29, 29, 30, .85); text-decoration: none; color: inherit; padding: .25em .875em; } .listing + img { display: block; margin-top: 2rem; } .inline-group { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; margin: 1rem -1rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .inline-group::before, .inline-group::after { content: ""; display: table; } .inline-group::after { clear: both; } .inline-group__item { float: left; margin: 0 1.25rem .5rem; } .inline-group__item.inline-group__item img { display: inline-block; vertical-align: middle; } /*! 2.3.1 Content-Trenner ********************************* */ .content-section:nth-child(even) { position: relative; background-color: #2d2b2f; padding: 6rem 0; } .content-section:last-of-type { position: relative; } .content-section:nth-child(even):before, .content-section:nth-child(even):after, .content-section:last-of-type:after, .page-header:after { content: ""; display: block; position: absolute; z-index: -1; left: 0; width: 100%; height: 25%; border: 2px solid #efefef; background-color: #2d2b2f; } .no-csstransforms .content-section:nth-child(even):before, .no-csstransforms .content-section:nth-child(even):after, .no-csstransforms .content-section:last-of-type:after, .no-csstransforms .page-header:after { display: none; } .content-section:nth-child(even):before { top: -2px; border-width: 2px 0 0 0; -webkit-transform: skewY(-1.2deg); -ms-transform: skewY(-1.2deg); transform: skewY(-1.2deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .content-section:nth-child(even):after, .content-section:last-of-type:after { bottom: -2px; border-width: 0 0 2px 0; -webkit-transform: skewY(1.2deg); -ms-transform: skewY(1.2deg); transform: skewY(1.2deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .content-section:last-of-type:after { z-index: 0; bottom: 0; height: 0; border-color: #1d1d1e; border-bottom-width: 32px; background-color: transparent; } .page-header:after { z-index: 10; bottom: -25px; height: 50px; border-width: 2px 0 0 0; background-color: #39363b; -webkit-transform: skewY(.8deg); -ms-transform: skewY(.8deg); transform: skewY(.8deg); -webkit-transform-origin: 50% right; -ms-transform-origin: 50% right; transform-origin: 50% right; } @media only screen and (max-width: 40em) { .content-section:nth-child(even):before, .content-section:nth-child(even):after, .content-section:last-of-type:after, .page-header:after { display: none; } .content-section, .content-section:nth-child(even) { padding-top: 0; padding-bottom: 2rem; } .content-section:first-of-type { padding-top: 0; } .row .row { margin-right: -1rem; margin-left: -1rem;} .column, .columns { padding-right: 1rem; padding-left: 1rem;} .content.media { padding-right: 0; padding-left: 0;} .content.media img:first-child { display: block; margin-top: 0; margin-right: auto; margin-left: auto;} } /*! 3. Content-Bereich - seitenspezifisch */ /* Startseite */ #home { display: flex; flex-direction: column; background-color: #020a21; } @media only screen and (min-width: 64.0625em) { #home.is-open-nav { overflow: hidden; } } #home #page { flex: 1 0 auto; min-height: 0; margin-bottom: 0; } #home #page::after { content: none; } #home .row { max-width: 120rem; } /* Startseite: Header Anpassungen */ #home header { background-image: linear-gradient(180deg, rgba(6, 8, 18, 0.6) 0%, rgba(6, 8, 18, 0) 100%); } @media only screen and (min-width: 120.0625em) { #home header { background-image: none; } } #home .header-logo-container { text-align: center; padding-bottom: 2.5rem; } @media only screen and (min-width: 40.0625em) { #home .header-logo-container { text-align: left; } } /* Startseite: Footer Anpassungen */ #home .page-footer { position: relative; overflow: hidden; flex: 0 0 auto; height: auto; background-color: transparent; line-height: 20px; text-align: center; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); padding: 20px 0 8px; } #home .page-footer .row { position: relative; z-index: 2; } #home .page-footer:hover { background-color: transparent; } #home .page-footer::after { content: ""; display: block; position: absolute; z-index: 1; top: 8px; left: 0; width: 100%; height: 120%; background-color: rgba(6, 8, 18, 0.4); transform: skewY(1deg); transform-origin: 100% 100%; transition: background-color 200ms ease; } #home .footer-content { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 0; } #home .footer-content a { line-height: inherit; color: inherit; padding: 0; margin: 4px 12px; } #home .footer-content.copyright { display: block; line-height: inherit; color: inherit; margin: 1rem 0 0; } @media only screen and (min-width: 64.0625em) { #home .page-footer { overflow: hidden; line-height: 1; text-align: left; padding-bottom: 0; } #home .page-footer::after { top: 20px; left: 0; width: 100%; height: 150%; background-color: rgba(45, 43, 47, 0); transform: skewY(0.6deg); transform-origin: 100% 100%; transition: background-color 200ms ease; } #home .page-footer:hover::after { background-color: rgba(6, 8, 18, 0.4); } #home .page-footer .row { display: flex; align-items: center; margin-top: 8px; margin-bottom: 10px; } #home .footer-content { justify-content: flex-start; } #home .footer-content:first-child { padding-right: 0.5rem; } #home .footer-content:last-child { padding-left: 0.5rem; } #home .footer-content a { margin: 0.375rem 1.5rem 0.375rem 0; } #home .footer-content a:last-child { margin-right: 0; } #home .footer-content.copyright { line-height: 1.2; text-align: right; margin: 0; } } /* Startseite: Menu-Knopf */ .hoMenu { display: inline-block; opacity: 0.8; position: relative; border: 1px solid #fff; background-color: transparent; font-size: 1.375rem; line-height: 1; text-decoration: none; color: #fff; transition: opacity 400ms ease, color 400ms ease, background-color 400ms ease; padding: 0.6875rem 3.875rem 0.6875rem 1.25rem; margin: 1rem 0 0 0; } .hoMenu:focus { outline: rgba(255, 255, 255, 0.5) solid 1px; outline-offset: 2px; } .hoMenu:hover { opacity: 1; } .is-open-nav .hoMenu { z-index: 4; outline-width: 0; border-color: transparent; } .no-js .hoMenu { display: none; } .hoMenu__txt { display: inline-block; max-width: 16rem; transition: opacity 100ms ease, transform 100ms ease, max-width 100ms ease; } .is-open-nav .hoMenu__txt { opacity: 0; max-width: 0; transform: translateX(200%); transition-duration: 200ms, 300ms, 200ms; } .hoMenu__icon { display: block; position: absolute; top: 50%; right: 1.25rem; width: 2rem; height: 2rem; transform: translateY(-50%); } .is-open-nav .hoMenu__icon { transform: translateY(-50%) scale(2); } .hoMenu__iconGr { fill: currentColor; } .hoMenu__iconTo { transform-origin: 28px 28px; transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); } .is-open-nav .hoMenu__iconTo { transform: translate(-11px, 11px) rotate(45deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-duration: 400ms; } .hoMenu__iconCe { transition: opacity 200ms ease; } .is-open-nav .hoMenu__iconCe { opacity: 0; } .hoMenu__iconBo { transform-origin: 28px 28px; transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); } .is-open-nav .hoMenu__iconBo { transform: translate(-11px, -12px) rotate(-45deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-duration: 400ms; } /* Startseite: Titeltext */ .hoTitle { font-size: calc(5.5vw + 0.5rem); text-align: center; letter-spacing: 0.1em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-top: 5vh; margin-bottom: 1.5rem; } @media only screen and (min-width: 40.0625em) { .hoTitle { font-size: 2.5rem; margin-top: 2rem; } } @media only screen and (min-width: 64.0625em) { .hoTitle { font-size: 3.75rem; text-shadow: none; margin-top: 7.5vh; margin-bottom: 0; } } @supports (width: min(10px, 10vw)) { .hoTitle { font-size: clamp(1.25rem, 5.5vw + 0.5rem, 4rem); } @media only screen and (min-width: 64.0625em) { .hoTitle { margin-top: clamp(2rem, 7.5vh, 4rem); } } } /* Startseite: Navigation */ .hoNav { list-style: none; padding: 0; margin: 0 auto 4rem; } @media only screen and (min-width: 40.0625em) { .hoNav { margin-bottom: 4.5rem; } } @media only screen and (min-width: 64.0625em) { .hoNav { visibility: hidden; opacity: 0; position: fixed; z-index: 3; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(6, 8, 18, 0.7); transition: opacity 400ms cubic-bezier(0.47, 0, 0.745, 0.715), visibility 0s cubic-bezier(0.47, 0, 0.745, 0.715) 400ms; padding-top: 15rem; margin: 0; } @supports (width: min(10px, 10vw)) { .hoNav { padding-top: clamp(12rem, 26vh, 16rem); } } .no-js .hoNav, .is-open-nav .hoNav { visibility: visible; opacity: 1; overflow-y: auto; transition-delay: 0s, 0s; } } .hoNav__item { display: block; background-color: rgba(6, 8, 18, 0.4); text-align: center; color: #ddd; padding: 0; margin: 0.5rem 0; } @media only screen and (min-width: 40.0625em) { .hoNav__item { position: relative; margin-top: 3.5rem; margin-bottom: 3.5rem; } } @media only screen and (min-width: 64.0625em) { .hoNav__item { opacity: 0; min-height: 3.75rem; background-color: transparent; transform: translateY(32px); transition: transform 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) 100ms, opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 100ms, color 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; margin-top: 8px; margin-bottom: 8px; } .hoNav__item:first-child { margin-top: 0; } .hoNav__item:last-child { margin-bottom: 0; } .hoNav__item:hover { background-color: transparent; color: #fff; } .no-js .hoNav__item, .is-open-nav .hoNav__item { opacity: 1; transform: translateY(0); transition-delay: 0s, 0s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1), cubic-bezier(0.39, 0.575, 0.565, 1); transition-duration: 400ms, 400ms; } .is-open-nav .hoNav__item:nth-child(2) { transition-delay: 100ms; } .is-open-nav .hoNav__item:nth-child(3) { transition-delay: 150ms; } .is-open-nav .hoNav__item:nth-child(4) { transition-delay: 210ms; } .is-open-nav .hoNav__item:nth-child(5) { transition-delay: 280ms; } .is-open-nav .hoNav__item:nth-child(6) { transition-delay: 370ms; } } .hoNav__deco { display: none; } @media only screen and (min-width: 40.0625em) { .hoNav__deco { display: block; position: absolute; left: 0; overflow: hidden; width: 100%; height: 0.75em; font-size: 32px; line-height: 1; text-indent: -9999em; color: rgba(0, 0, 0, 0); } .hoNav__deco::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 0.75em; background-color: rgba(6, 8, 18, 0.4); } .hoNav__deco--t { top: -0.75em; } .hoNav__deco--t::before { bottom: 0; transform: skewY(0.6deg); transform-origin: 0 100%; } .hoNav__item:nth-child(2n+0) .hoNav__deco--t::before { transform: skewY(-0.6deg); transform-origin: 100% 100%; } .hoNav__deco--b { bottom: -0.75em; } .hoNav__deco--b::before { top: 0; transform: skewY(-0.6deg); transform-origin: 0 0; } .hoNav__item:nth-child(2n+0) .hoNav__deco--b::before { transform: skewY(0.6deg); transform-origin: 100% 0; } } @media only screen and (min-width: 64.0625em) { .hoNav__deco { display: none; } } .hoNav__lnk { display: block; width: 100%; font-size: 1.625rem; text-decoration: none; color: #fff; padding: 0.5rem 0; } .hoNav__lnk:hover, .hoNav__lnk:active, .hoNav__lnk:focus, .hoNav__lnk:visited { text-decoration: none; color: #fff; } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .hoNav__lnk { padding: 0; } } @media only screen and (min-width: 64.0625em) { .hoNav__lnk { display: inline-block; width: auto; font-size: 2.5rem; } } .hoNav__lnkTxt { font-size: inherit; font-weight: 300; line-height: 1; text-decoration: inherit; color: inherit; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } @media only screen and (min-width: 64.0625em) { .hoNav__lnkTxt { display: inline-block; vertical-align: middle; transform: translateX(17.5rem) scale(1); transform-origin: 100% 50%; transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 100ms, transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hoNav__lnk:hover .hoNav__lnkTxt { opacity: 0.6; transform: translateX(0) scale(0.65); } } .hoNav__lnkDesc { display: none; } @media only screen and (min-width: 64.0625em) { .hoNav__lnkDesc { display: inline-block; visibility: hidden; opacity: 0; width: 35rem; font-size: 1rem; font-weight: 300; line-height: 1.25; text-align: left; vertical-align: middle; color: inherit; transform: scale(0.8) translateX(-8.75rem) translateZ(0); transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms, visibility 0s cubic-bezier(0.445, 0.05, 0.55, 0.95) 400ms; margin: 0.25rem 0; filter: blur(2px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hoNav__lnk:hover .hoNav__lnkDesc { visibility: visible; opacity: 1; color: inherit; transform: translateX(2rem); transition-delay: 0s; filter: blur(0); } } /* Startseite: Hintergrund*/ .hoBgMedia { display: block; position: fixed; z-index: -1; bottom: 0; left: 0; width: 100vw; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .hoBgMedia { height: 100vh; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 100%; object-position: 50% 100%; } } @media only screen and (orientation: landscape) and (max-width: 40em) { .hoBgMedia { -o-object-position: 50% 75%; object-position: 50% 75%; } } @media only screen and (orientation: landscape) and (min-width: 40.0625em) and (max-width: 64em) { .hoBgMedia { -o-object-position: 50% 75%; object-position: 50% 75%; } } @media only screen and (min-width: 64.0625em) { .hoBgMedia { -o-object-position: 50% 50%; object-position: 50% 50%; } } /* Portfolio */ .content-section.portfolio .content.media img:first-child { margin-top: 0; } /* Technologie */ .page-content .video-content { display: none; visibility: hidden;} .modal--is-open { overflow: hidden; } .no-touch .modal--is-open { margin-right: 17px; } .overlay, .modalDialog { display: none; visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .overlay { z-index: 1500; background-color: #000; -webkit-transition: all 200ms cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) 200ms; transition: all 200ms cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) 200ms; } .modalDialog { z-index: 2000; overflow-y: auto; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: all 400ms cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) 400ms; transition: all 400ms cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) 400ms; } .modalDialog-Content { max-width: 1750px; position: relative; background-color: #2d2b2f; box-shadow: 0 12px 160px 40px hsl(240, 9%, 2%); margin: auto; } .modal--is-open .overlay, .modal--is-open .modalDialog { display: block; visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .modal--is-open .overlay { opacity: 0.98; } .modal--is-open .modalDialog { display: flex; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modalDialog video { display: block; max-width: 100%; height: auto; aspect-ratio: 16 / 9; } .animation-container { padding: 0; } .side-content { font-size: .875em; color: #989798; } .animation-marks { margin-left: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .animation-marks li { position: relative; float: left; clear: left; margin: 2px 2px 2px 1.5em;} .animation-marks li::after { content:""; position:absolute; left: -1.75em; right: -.5em; top:0; height:100%; border: 1px solid transparent;} .animation-marks li:nth-child(n+10)::after { left: -2.125em; } .animation-marks li.is-active { color: #fff;} .animation-marks li.is-active::after { border-color: #fff;} .close-button { display: block; position: absolute; top: 0; right: 0; width: 1em; height: 1em; font-size: 2.5rem; font-weight: 300; line-height: 1; text-align: center; color: #f2f2f2; cursor: pointer; padding: 0; border: 0; background-color: transparent; } .animation-image-div { text-align: center; } @media only screen and (min-width: 40.0625em) { .side-content h3 { margin-bottom: 8px; } .animation-marks li { line-height: 1.1; padding: 4px 2px; } } @media only screen and (min-width: 40.0625em) and (orientation: landscape) { .animation-marks { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (min-width: 64.0625em) { .side-content h3 { margin-top: 38px; } .animation-marks { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /*! 4. GUI/Formular-Elemente */ button, .button { border: 1px solid #b5b5b5; border-color: rgba(244, 244, 244, .7); background-color: #1d1d1e; background-color: rgba(29, 29, 30, .85); color: inherit; padding: .25em .875em; text-decoration: none; } .button:hover, .button:active, .button:focus { color: #FFF; } .icon-play { display: inline-block; position: relative; font-size: 20px; text-decoration: none;} .icon-play:after, .icon-play:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; } .icon-play:after { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 0 1px #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon-play:before { width: 0; height: 0; border-top: .25em solid transparent; border-bottom: .25em solid transparent; border-left: .375em solid #fff; margin: -.25em 0 0 -.125em; } .animation-play { padding: 5px 10px 5px 40px; } .animation-play.icon-play:after { width: 1em; height: 1em; } .animation-play.icon-play:before, .animation-play.icon-play:after { left: 20px; } .no-csstransforms .icon-play:after { margin: -10px 0 0 -10px; } .dropdown-container { display: inline-block; position: relative; min-width: 8.75rem; font-size: .875rem; line-height: 1; color: #555; } .dropdown-current { border: 1px solid #b3b3b4; font-size: inherit; line-height: inherit; color: #b3b3b4; cursor: pointer; -webkit-transition: all 200ms cubic-bezier(.19, 1, .22, 1); transition: all 200ms cubic-bezier(.19, 1, .22, 1); padding: .3571428571em .8571428571em; } .no-touch .dropdown-current:hover { border-color: #f4f4f4; background-color: #f4f4f4; color: #444;} .dropdown-current:after { content: ""; display: block; position: absolute; top: 50%; right: .5rem; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent;} .dropdown-current:after { border-top: 4px solid #b3b3b4; margin-top: -2px; } .no-touch .dropdown-current:hover:after { border-top-color: #444; } .dropdown-box { visibility: hidden; opacity: 0; position: absolute; z-index: 1000; top: -2px; right: -2px; left: -2px; border: 1px solid #bababe; background-color: #f4f4f4; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .3); font-size: inherit; line-height: inherit; list-style: none; -webkit-transform: scaleY(.8) scaleX(.98); -ms-transform: scaleY(.8) scaleX(.98); transform: scaleY(.8) scaleX(.98); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all 250ms cubic-bezier(.19, 1, .22, 1) 0s, visibility 0s cubic-bezier(.19, 1, .22, 1) 250ms; transition: all 250ms cubic-bezier(.19, 1, .22, 1) 0s, visibility 0s cubic-bezier(.19, 1, .22, 1) 250ms; padding: 2px; margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .dropdown-container.is-inverted .dropdown-box { top: auto; bottom: -2px; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .dropdown-container.is-open .dropdown-box { visibility: visible; opacity: 1; -webkit-transform: scaleY(1) scaleX(1); -ms-transform: scaleY(1) scaleX(1); transform: scaleY(1) scaleX(1); -webkit-transition-delay: 0s; transition-delay: 0s; } .dropdown-box a { display: block; position: relative; border: 1px solid transparent; font-size: inherit; text-decoration: none; color: inherit; padding: 6px 8px; margin: 1px 0 0 0; } .dropdown-box > li:first-of-type > a { margin-top: 0; } .dropdown-box > li:hover > a, .dropdown-box a.is-selected { position: relative; border-color: #bababe; background-color: #eaeaea; color: #444;} .dropdown-box a.is-selected:hover { cursor: default; } .dropdown-box a.is-selected:after { content: ""; display: block; position: absolute; top: 50%; right: .25em; width: 1em; height: 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAQAAACssQXfAAAAfklEQVQIW2WOKw7CAABDy8TsJMFzEoJ9ehpPAgmOC6A5AVg4A8FjSBBIDoGd4CHGwi91bdq+mG/RY8OVRf6CFSKTX3uGyNKEEVumL7vmgayNCWtEasOYBtlTtEHBDmmYc0cOlG07hpIjInKm6t7a7YoLcqP/xuhoBpwYfvI9AddWZ2F6u5GSAAAAAElFTkSuQmCC) 50% 50% no-repeat; font-size: 16px; margin-top: -.5em; } @media only screen and (min-width: 40.0625em) and (max-width:64em) { .dropdown-container { font-size: 1.125rem; } } /*! 5. Druck ********************************************* */ @media only print { body, h1, h2, h3, h4, h5, h6 { font-family: Georgia, Cambria, "Times New Roman", Times, serif; color: #444; } .page-header, .page-footer { display: none; } #page .content-section:before, #page .content-section:after { -webkit-transform: none; -ms-transform: none; transform: none; } #page .content-section:before, #page .content-section:after { border: 1px solid #000; } #page .content-section:before { border-width: 1px 0 0 0; } #page .content-section:after { border-width: 0 0 1px 0; } } /*! x.x. BxSlider v4.2.2 *********************************** */ /* Reset and Layout */ .bx-wrapper { position: relative; padding: 0; margin: 0 auto 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;} .bx-viewport { min-height: 300px; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); /*fix other elements on the page moving (on Chrome)*/ } .bxslider { padding: 0; margin: 0;} .bx-wrapper img { display: block; max-width: 100%;} .js .bxslider > li { display: none; } .js .bxslider > li:first-child { display: block; } .js .bx-wrapper .bxslider > li { display: block; } ul.bxslider, ol.bxslider { list-style: none; } /* Theme */ /* Loader */ .bx-wrapper .bx-loading { position: absolute; z-index: 8999; top: 0; left: 0; width: 100%; height: 100%;} .bx-wrapper .bx-loading:before { content: ""; display: block; opacity: .95; position: absolute; z-index: 9000; top: 50%; left: 50%; width: 1em; height: 1em; border-radius: 20%; background: #000 url(/r/images/laser/v/9f2ddc413ca9c45dd7bded56e81a9af3/loading-spinner.gif) no-repeat 50% 50%; font-size: 56px; margin: -.5em 0 0 -.5em; } .bx-wrapper .bx-loading + .bxslider { opacity: .25; -webkit-filter: blur(1px); filter: blur(1px); } /* Controls */ .custom-controls { text-align: center; margin: 1rem 0 0 0; } .custom-controls i { display: none; } /* Pager */ .custom-pager { display: inline-block; line-height: 1; vertical-align: middle; margin: 0 .5rem; } .custom-pager * { line-height: 0; vertical-align: middle; } .custom-pager .bx-pager-item { display: inline-block; font-size: 0; *zoom: 1; } .custom-pager .bx-pager-link { display: block; opacity: .6; position: relative; width: 1em; height: 1em; outline: 0; font-size: 1.5rem; vertical-align: middle; margin: 0 .25rem; } .custom-pager .bx-pager-link:hover { opacity: 1; } .custom-pager .bx-pager-link:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; box-sizing: content-box; width: 1em; height: 1em; border: 1px solid #f4f4f4; border-radius: 50%; font-size: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 350ms ease; transition: all 350ms ease; } .no-csstransforms .custom-pager .bx-pager-link:before { margin: -.5em 0 0 -.5em; } .custom-pager .bx-pager-link:hover:before, .custom-pager .bx-pager-link:focus:before, .custom-pager .bx-pager-link.active:before { background-color: #f4f4f4; } .custom-pager .bx-pager-link > span { visibility: hidden; opacity: 0; position: absolute; top: -2em; left: 50%; font-size: .75rem; font-weight: 400; line-height: 1; white-space: nowrap; text-decoration: none; color: #f4f4f4; text-shadow: 0 2px 0 rgba(0, 0, 0, .8); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all 300ms ease 0s, visibility 0s ease 300ms; transition: all 300ms ease 0s, visibility 0s ease 300ms; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .custom-pager .bx-pager-link:hover > span { visibility: visible; opacity: 1; top: -1.5em; -webkit-transition-delay: 0s; transition-delay: 0s; } /* Direction Controls (Next / Prev) */ .custom-directions { display: inline-block; opacity: .6; -webkit-transition: all 350ms ease; transition: all 350ms ease; } .custom-directions:hover { opacity: 1; } .custom-directions > a { display: inline-block; width: 1.25em; height: 1em; outline: 0; background-repeat: no-repeat; background-position: 50% 50%; font-size: 1.5rem; line-height: 1; vertical-align: middle; -webkit-transition: all 350ms ease, visbility 0s ease 350ms; transition: all 350ms ease, visbility 0s ease 350ms; } .custom-directions > .bx-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAYCAMAAAAbMPchAAAAt1BMVEX////09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PTlo27oAAAAPXRSTlMAAQMGCg8QERUWHCMnKC8wNTc/QERGSFJTWFtlZ3Bxfn+HiYuTlZ6lpqmrsry9xMXJzc7T1Nzh4ufo6+3up8nTCwAAAHBJREFUGBlFwVUCggAQQMFHGdjdYncrKuj9z+XP7jqD8eYod7tBLc4+InpkEYNXiOgkJUT9W0OU0zai8O4j8vEIEdymqMPaQY3jHGZ2DVDO6uih3P3ORfmnJSZzn2DC5xBTTLqY6qeBaaUVTO/CX/MHgEwH6hCzXHUAAAAASUVORK5CYII=); } .custom-directions > .bx-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAYCAMAAAAbMPchAAAAt1BMVEX////09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PTlo27oAAAAPXRSTlMAAQMGCg8QERUWHCMnKC8wNTc/QERGSFJTWFtlZ3Bxfn+HiYuTlZ6lpqmrsry9xMXJzc7T1Nzh4ufo6+3up8nTCwAAAHBJREFUGBlFwVUCggAQQMFHGdjdYncrKuj9z+XP7jpDk79LD1NJW5jGp4rpJkXM8BliJvcMZnnyUe5u76K848pBBdcZJhePUc76gJreAsQoziP67wKinZYRtW8dUUo6iPA1QGQfEcI/L1CbrYuae6gfaIwH6mOSQSwAAAAASUVORK5CYII=); } .custom-directions > a.disabled { visibility: hidden; opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } /*! "Browse Happy"-Hinweis */ #browserupgrade { border: 3px solid #f05050; background-color: #f3d498; text-align: center; color: #444; padding: .75em 2em; } /*! Cookie-Hinweis Anpassungen */ #cookie-confirm { border: 0 !important; } #cookie-confirm > div { max-width: 1280px !important; } #cookie-confirm button { white-space: normal !important; } .lt-ie9 #cookie-confirm button[type=submit] { padding-bottom: 12px !important; } /*! Cookie-Hinweis Anpassungen - Startseite */ #home #cookie-confirm { position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, .8); background-image: none; box-shadow: 0 0 12px rgba(0, 0, 0, .4); } #home #cookie-confirm > div { padding-top: 8px; padding-bottom: 8px; } #home #cookie-confirm > div > div { width: 30%; font-size: 12px; line-height: 1.2; } #home #cookie-confirm > div > div:first-child { width: 70%; padding-top: 0; } #home #cookie-confirm button { padding: 0.6666666667em 1.25em 0.6666666667em 0.75em; } @media only screen and (max-width: 40em) { #cookie-confirm > div > div { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; } #home #cookie-confirm { top: 0; bottom: auto; } } /* 9. Tabs ******************************************************************* */ .tabs { clear: both; margin-bottom: 1.5rem; } .tabs__nav { position: relative; border-bottom: 1px solid #f4f4f4; padding-bottom: .5rem; margin-bottom: 1rem; } .tabs__nav-viewport { overflow: hidden; } .tabs__nav-group { list-style: none; white-space: nowrap; line-height: 1.2; transition: transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1); padding: 0; margin: 0; } .flexbox .tabs__nav-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .tabs__nav-item { display: inline-block; padding: 0; margin: 0; } .flexbox .tabs__nav-item { display: block; -ms-flex: none; flex: none; } .tabs__nav-link { position: relative; display: inline-block; text-decoration: none; font-weight: 400; color: #ccc; padding: 0.25em 0.25em; transition: color 300ms ease; } .tabs__nav-link.is-active, .tabs__nav-link:hover, .tabs__nav-link:focus { color: #f4f4f4; } @media screen and (min-width: 64.0625em) { .tabs__nav-link { padding-right: 0.375em; padding-left: 0.375em; margin-right: 0.625em; margin-left: 0.625em; } } .tabs__nav-link::after { content: ""; opacity: 0; display: block; position: absolute; right: 0.375em; bottom: 0; left: 0.375em; height: 1px; background-color: #f4f4f4; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1) 200ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 200ms; } .tabs__nav-link:hover::after, .tabs__nav-link.is-active::after { opacity: 1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -o-transition-delay: 100ms; transition-delay: 100ms; } .tabs__content { display: none; overflow: hidden; } .tabs__content.is-active { display: block; overflow: visible; } [data-tab-mode="ajax"] .tabs__content.is-active { min-height: 32rem; } [data-tab-mode="ajax"] .tabs__content.is-active.is-loaded { min-height: auto; } @media screen and (min-width: 64.0625em) { .tabs__content { display: block; visibility: hidden; opacity: 0; max-height: 0; -o-transition: opacity 200ms ease, visibility 0ms ease 200ms; transition: opacity 200ms ease, visibility 0ms ease 200ms; } .tabs__content.is-active { visibility: visible; opacity: 1; max-height: 400rem; -o-transition-duration: 500ms; transition-duration: 500ms; -o-transition-delay: 0ms; transition-delay: 0ms; } } .tabs__content > :last-child { margin-bottom: 0; } /* 10. Download list ******************************************************************* */ .downloadlist { border-top: 1px solid #f4f4f4; margin: 0 0 1.5rem; } .tabs__content > .downloadlist:first-child { border-top-width: 0; } @media screen and (min-width: 40.0625em) { .downloadlist { display: table; width: 100%; } } .downloadlist p { line-height: inherit; margin-bottom: 0; } .downloadlist__item { display: block; border-bottom: 1px solid #f4f4f4; color: #ddd; text-decoration: none; padding: 0.75rem 0; } .downloadlist__item:hover, .downloadlist__item:focus { color: #ddd; } @media screen and (min-width: 40.0625em) { .downloadlist__item { display: table-row; border: 0; -o-transition: all 250ms ease; transition: all 250ms ease; padding: 0; } .downloadlist__item:hover { background-color: #201f21; box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.2); color: #f4f4f4; -o-transition-delay: 100ms; transition-delay: 100ms; } } .downloadlist__item-segment { display: block; line-height: 1.2; padding: 0 0.375rem; } @media screen and (min-width: 40.0625em) { .downloadlist__item-segment { display: table-cell; border-bottom: 1px solid #f4f4f4; vertical-align: middle; padding: 0.75rem 0.375rem; } } .downloadlist__item-segment--props { display: inline-block; border: 1px solid #f4f4f4; color: inherit; background-color: #2d2b2f; background-position: 0.75em 50%; background-size: 1rem; padding: 0.25em 0.875em 0.25em 2.25em; margin: 0.75rem 0 0 0.375rem; } @media screen and (min-width: 40.0625em) { .downloadlist__item-segment--props { display: table-cell; width: 1%; border-top: 0; border-right: 0; border-left: 0; white-space: nowrap; font-size: 0.875rem; background-color: transparent; background-position: 100% 50%; background-position: calc(100% - 1rem) -200%; background-size: 1.375rem; -o-transition: background-position 300ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; transition: background-position 300ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; padding: 0.75rem 3.25rem 0.75rem 0.375rem; margin: 0; } .downloadlist__item:hover .downloadlist__item-segment--props { color: inherit; background-position: calc(100% - 1rem) 50%; } } .downloadlist__item-title { margin-bottom: 0.5rem; } .downloadlist__item-title:only-child { margin-bottom: 0; } .downloadlist__item-description { font-size: 0.875rem; color: #ccc; } @media screen and (min-width: 40.0625em) { .downloadlist__item:hover .downloadlist__item-description { color: #ccc; } } @media screen and (min-width: 40.0625em) { .downloadlist__item-props { display: block; margin-bottom: 0.25rem; } .downloadlist__item-props:last-child, .downloadlist__item-props:only-child { margin-bottom: 0; } } .icon--download { background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20style%3D%22background-color%3A%23ffffff00%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M56%200h16v75l30-32%2011%2010-49%2049-49-49%2011-10%2030%2032V0zM1%20127h126v-15H1v15z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }