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;outline:0}a:active{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{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){a:hover{outline:0}}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local('Noto Sans'),local('NotoSans'),url('/fonts/notosans.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local('Noto Sans Bold'),local('NotoSans-Bold'),url('/fonts/notosans-bold.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:400;src:local('Noto Sans Italic'),local('NotoSans-Italic'),url('/fonts/notosans-italic.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:700;src:local('Noto Sans Bold Italic'),local('NotoSans-BoldItalic'),url('/fonts/notosans-bolditalic.woff') format('woff');text-rendering:optimizeLegibility}
html, body{background:#064d80;color:#26a5ff;font-family:"Noto Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;margin:0;min-height:100%;padding:0}
body{font-size:1em;_text-align:center}
.contentwidth{margin:0 auto;min-width:284px;padding:0 12px;position:relative}
.alcenter{padding:2em 0;text-align:center}
#pagecontent{background:#ffffff;color:#999999;padding:12px 0}
#footer01{background:#f8f8f8;border-bottom:1px solid #ffffff;color:#999999;font-size:0.9em;padding:12px 0;position:relative}
#footer02{background:#064d80;border-top:1px solid #ffffff;color:#26a5ff;font-size:0.75em;height:64px;padding:12px 0;position:relative;text-align:center}
.footer-text{display:block;margin:0;padding:16px 0}
.footer-sections{overflow:hidden}
.footer-sections-in{margin:0 0 0 -24px;overflow:auto;_height:1%;_overflow:visible}
.footer-section{float:left;margin:0;overflow:hidden;padding:0;position:relative;width:100%}
.footer-section-in{overflow:hidden;padding:0 0 0 24px;position:relative}
#footer01 .footer-text{padding:0}
#footer01 p{margin:0;padding:0}
#footer01 .table-heading, #footer01 h4{font-size:1.05em;margin:0 0 0.2em 0;padding:0}
#footer01 table{border-collapse:collapse;margin:0 0 1em 0;padding:0;width:auto}
#footer01 table th, #footer01 table td{padding:1px 8px 0 1px;text-align:left}
#footer01 table th.table-align-right, #footer01 table td.table-align-right{text-align:right}
#footer01 table th.table-align-left, #footer01 table td.table-align-left{text-align:left}
#footer01 table th.table-align-center, #footer01 table td.table-align-center{text-align:center}
#footer01 table th.table-nowrap, #footer01 table td.table-nowrap{white-space:nowrap}
#footer01 ul{margin:0;padding:1.5em}
#xpage h1{margin:0;padding:6px 0 24px 0}
#header{background:#ffffff;color:#999999;height:52px;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:20}
#header-in{border-bottom:1px solid #ececec;border-top:3px solid #b0e022;height:48px}
#header .contentwidth{height:48px}
#logo{font-size:1.5em;height:36px;left:12px;line-height:36px;margin:0;min-width:207px;overflow:hidden;padding:0;position:absolute;top:4px}
#logo a{color:#b0e022;display:block;line-height:36px;margin:0;padding:0;text-decoration:none;text-indent:-100em;width:207px}
#logo span{background:url('/images/ceft-biopharma-logo.svg') top left no-repeat;background-position:0 50%;background-size:contain;cursor:pointer;display:block;height:36px;left:0;position:absolute;top:0;width:100%}
#xtoppage{height:52px}
#header-text{display:none}
#nav{background:none;height:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:500}
#nav .nav-show, #nav .nav-hide{background:#ffffff url('/images/sprites.svg') 0 -80px no-repeat;display:block;height:40px;overflow:hidden;position:absolute;right:5px;text-decoration:none;text-indent:-1000px;top:4px;width:40px;z-index:2}
#nav .nav-show, #nav:target .nav-hide{display:block}
#nav .nav-hide, #nav:target .nav-show{display:none}
#nav .js-nav-show-displayed, #nav:target .js-nav-show-displayed{display:block}
#nav .js-nav-show-hidden, #nav:target .js-nav-show-hidden{display:none}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{display:block;font-size:1.15em;margin:49px 0 0 0;max-height:0;overflow:hidden;padding:0;transition:max-height 0.5s}
#nav:target .nav-menu, #nav .js-nav-menu-show{display:block;max-height:480px}
#nav .nav-menu li{background-color:rgba(176,224,34,0.9);border-bottom:1px solid rgba(255,255,255,0.5);display:block;float:none;font-weight:normal;height:40px;line-height:40px;margin:0;padding:0;position:relative}
#nav .nav-menu a, #nav .nav-menu span{border:none;display:block;height:40px;line-height:40px;margin:0;padding:0 12px}
#nav .nav-submenu-list1{display:none}
.wphoto, .wphoto2{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:60vh;margin:0;max-height:960px;min-height:320px;overflow:hidden;padding:0;width:100%}
.wphoto{background-color:#f8f8f8;background-image:url('/images/wphoto_0320x.jpg');background-position:50% 80%;left:0;position:absolute;top:49px}
.wphoto2{border-bottom:1px solid #ffffff;margin:49px 0 0 0;position:relative}
.wphoto-in{display:table-cell;height:55vh;max-height:960px;min-height:320px;text-align:center;vertical-align:middle;width:100vw}
.wphoto-text{display:inline-block;font-size:1.8em;line-height:1.4em}
.wtext1-text{padding:12px 0}
.wtext1 h2{margin-top:0}
.wtext1 p{margin-bottom:0}
.wnav{margin:48px 0 0 0;overflow:hidden;padding:12px 0;width:100%}
.wnav-in{margin:0 0 0 -48px;overflow:auto;padding:0;_height:1%;_overflow:visible}
.wnav-item{float:left;margin:0;padding:0;width:100%}
.wnav-item-in{margin:0;padding:0 0 48px 48px;text-align:center}
.wnav-item-title{display:none}
.wnav-item-image{display:block;margin:0;max-height:160px;padding:0;width:100%}
.wnav-item-image-link{display:block;position:relative}
.wnav-item .wnav-item-image-link::before{opacity:0.5;transition:width 0.75s,opacity 0.75s}
.wnav-item-image-link strong{display:block;font-size:1em;margin:0;padding:8px;position:relative}
.wnav-item-text{font-size:0.8em}
.wnav-item-content{padding:0 0 8px 0}
.wnav-item-link{display:inline-block;font-size:0.8em;margin:0 auto;padding:4px 16px;text-align:center}
strong{color:#a4d020}
h1, h2, h3, h4, h5, h6{color:#a4d020}
a, a:visited{color:#a4d020}
ul{list-style-type:square}
li{color:$color_web02;font-weight:bold}
li span{color:#999999;font-weight:normal}
.xlink::before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0}
#footer02wrp{border-top:8px solid #a4d020}
.footer-text a, .footer-text a:visited{color:#26a5ff;text-decoration:none}
.footer-text strong{color:#a4d020}
#footer01 .footer-text a, #footer01 .footer-text a:visited{color:#a4d020;text-decoration:none}
.bcnav{border-top:1px solid #e6e6e6;color:#666666;font-size:0.8em;margin:24px 0 0 0;padding:4px 0 0 0}
.bcnav span{color:#999999}
.bcnav a, .bcnav a:visited{color:#999999;text-decoration:none}
#nav .nav-menu span{background-color:rgba(0,0,0,0.2);color:#ececec}
#nav .nav-menu a, #nav .nav-menu a:visited{background-color:transparent;color:#ffffff;text-decoration:none}
#nav .nav-menu a:before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0}
.c3-imggallery{margin:0 0 32px 0;overflow:hidden;padding:0}
.c3-imggallery-in{margin:0 -8px;overflow:auto;_height:1%;_overflow:visible}
.c3-imggallery-item{float:left;margin:0;overflow:hidden;padding:0;position:relative;width:50%}
.c3-imggallery-item-in{overflow:hidden;padding:16px;position:relative}
.c3-imggallery-item-in:before{content:'';display:block;padding-top:100%}
.c3-imggallery-item a, .c3-imggallery-item a:visited{border:1px solid #666666;bottom:8px;display:block;left:8px;overflow:hidden;position:absolute;right:8px;text-decoration:none;top:8px;transition:border 0.5s}
.c3-imggallery-item img{display:block;margin:0 auto;position:relative}
.c3-imggallery-image-portrait{height:100%;width:auto}
.c3-imggallery-image-landscape{height:auto;width:100%}
.c3-imggallery-type-lines .c3-imggallery-item-in{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
.c3-imggallery-type-lines .c3-imggallery-item a{border:none;bottom:16px;left:16px;right:16px;top:16px}
.c3-imggallery-type-lines .c3-imggallery-item:nth-last-child(-n+2) .c3-imggallery-item-in{border-bottom:1px solid #ffffff}
.c3-imggallery-type-lines .c3-imggallery-item:nth-child(2n) .c3-imggallery-item-in{border-right:1px solid #ffffff}
.c3-splist-gallery{margin:0 0 0 -24px;overflow:auto;padding:0;_height:1%;_overflow:visible}
.c3-splist-gallery-item{float:left;margin:0;overflow:hidden;padding:0;width:100%}
.c3-splist-gallery-item-in{margin:0 0 24px 24px;overflow:hidden;padding:0 0 12px 0;position:relative}
.c3-splist-gallery-item-title{display:none}
.c3-splist-gallery-item-image{display:block;width:100%}
.c3-splist-gallery-item a{text-decoration:none}
.c3-splist-gallery-item-title2{display:block;font-size:1.2em;padding:16px 0 0 0}
.c3-splist-gallery-item-text{display:block;font-size:0.95em;margin:0;padding:16px 0 0 0}
.c3-splist-gallery-item-link .c3-splist-gallery-item-title2, .c3-splist-gallery-item-link:visited .c3-splist-gallery-item-title2{color:$dl_orange;transition:color 0.25s}
.c3-splist-list{margin:0;padding:0}
.c3-splist-list ul{margin:0;padding:0}
.c3-splist-list-item{margin:0 0 0 20px;padding:0 0 6px 4px}
.c3-splist-list-item-title{font-size:1.1em;margin:0;padding:0 0 8px 0}
.c3-splist-list-item-title a{text-decoration:none}
.c3-splist-list-item-text{margin:0;padding:0 0 18px 0}
.c3-pagetitle{margin:0;padding:6px 0 24px 0}
.c3-page table{background:#f8f8f8;border-collapse:collapse;margin:0 0 36px 0;padding:0;width:100%}
.c3-page table th, .c3-page table td{border-bottom:1px solid #dfe7ed;font-size:0.9em;padding:4px 8px;text-align:left}
.c3-page table th.table-align-right, .c3-page table td.table-align-right{text-align:right}
.c3-page table th.table-align-left, .c3-page table td.table-align-left{text-align:left}
.c3-page table th.table-align-center, .c3-page table td.table-align-center{text-align:center}
.c3-page table th.table-nowrap, .c3-page table td.table-nowrap{white-space:nowrap}
.c3-page table th{background:#0866aa;color:#FFFFFF;font-weight:normal}
.c3-page h5.theader{margin-bottom:0}
.c3-page h5.theader a{color:#003694}
.c3-page table tr:nth-child(2n+1) td{background:#f5f8fa}
.c3-page table tr:nth-child(2n) td{background:#FFFFFF}
.c3-page .table-heading{font-weight:normal;margin:24px 0 8px 0;text-transform:uppercase}
.c3-image{height:200px;margin:0 0 24px 0;overflow:hidden;position:relative;width:100%}
.c3-image-img{position:absolute;top:50%;transform:translate(0,-50%);width:100%;-ms-transform:translate(0,-50%)}
.form{background:#ececec;font-size:0.9em;margin:32px 0 0 0;padding:4px 12px;width:auto;_height:1px;_width:100%}
.form-in{margin:0;overflow:auto;padding:16px;_height:1%;_overflow:visible}
.form-row{padding:2px 0;position:relative;width:auto}
.form-label{display:block;width:auto}
.form-control{display:block;margin:0 0 2px 0}
.form-info{background:#CCCCCC;color:#666666;margin:4px 0 12px 0;padding:12px}
.form-info-ok{color:#009900;font-weight:bold}
.form-info-error{color:#cc0000;font-weight:bold}
.form-reqx .formt-text, .form-reqx form-textarea{border-left:2px solid #808080}
.form-req .form-label:before, .form-reqx .form-label:before{color:#cc0000;content:'*';font-size:1em;font-weight:bold;left:-8px;line-height:0;position:absolute;top:10px}
.form-reqx .form-label:before{color:#cc0000}
input{background:#FFFFFF;color:#000000;font-family:"Open Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;transition:background-color 0.3s}
input:focus{background-color:#ffffcc}
textarea{background:#FFFFFF;border:1px solid #000000;color:#000000;font-family:"Open Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;margin:2px 0;padding:2px;transition:background-color 0.3s;_margin:0}
textarea:focus{background-color:#ffffcc}
select{background:#FFFFFF;border:1px solid #000000;color:#000000;font-family:"Open Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif}
.form-text, .form-file{background:#ffffff;border:1px solid #000000;margin:2px 0;padding:2px;_margin:0}
.form-text-right{text-align:right}
.form-checkbox{background:#ffffff;border:1px solid #000000;margin:0;padding:0 2px}
.form-button{background-color:#a4d020;border:none;color:#ffffff;cursor:pointer;font-size:0.9em;margin:2px 0;padding:4px 16px;transition:background-color 0.2s}
.form-button:focus{background-color:#b0e022;color:#ffffff}
#form-contacts{padding:0}
#form-contacts .form-label{}
#form-contacts .form-control{margin:0 4px 2px 0}
#form-contacts .form-w100{width:100%}
#lang-selection{position:relative;z-index:510}
#lang-selection-in{border:none;margin:0;padding:0;text-align:center}
#lang-selection .lang-selection-hide, #lang-selection .lang-selection-show, #lang-selection .lang-selection-title{display:block;height:32px;line-height:32px;overflow:hidden;position:absolute;right:48px;top:8px;width:40px}
#lang-selection .lang-selection-hide, #lang-selection .lang-selection-show{text-indent:-100em;z-index:10}
#lang-selection-in a, #lang-selection-in span{display:block;font-size:0.875em;font-weight:normal;height:32px;line-height:32px;position:relative;text-align:center;text-transform:uppercase;width:32px}
#lang-selection-in span{background:$ero_tgrey00;background-color:rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.5);color:#ececec;width:40px}
#lang-selection-in a, #lang-selection-in a:visited{background:$color_xweb03;border-bottom:1px solid rgba(255,255,255,0.5);color:#ffffff;text-decoration:none;width:40px}
#lang-selection .lang-selection-hide::after, #lang-selection .lang-selection-show::after{background:url('/images/sprites.svg') -108px -24px no-repeat;background-size:240px 120px;content:'';display:block;height:12px;position:absolute;right:4px;top:10px;width:12px;;:}
#lang-selection .lang-selection-title{color:#2090e0;font-size:0.875em;font-weight:normal;text-align:center;text-indent:-12px}
#lang-selection-in ul{background-color:rgba(176,224,34,0.9);margin:0;padding:0}
#lang-selection-in li{margin:0;padding:0}
#lang-selection #lang-selection-in, #lang-selection .js-lang-selection-hide, #lang-selection:target .js-lang-selection-hide{margin:0;max-height:0;overflow:hidden;position:absolute;right:48px;top:40px;width:40px}
#lang-selection .lang-selection-show, #lang-selection:target .lang-selection-hide{display:block}
#lang-selection .lang-selection-hide, #lang-selection:target .lang-selection-show{display:none}
#lang-selection .js-lang-selection-show-displayed, #lang-selection:target .js-lang-selection-show-displayed{display:block}
#lang-selection .js-lang-selection-show-hidden, #lang-selection:target .js-lang-selection-show-hidden{display:none}
#lang-selection:target #lang-selection-in, #lang-selection .js-lang-selection-show{max-height:480px}
.wphoto-text strong{color:#ffffff;display:block;padding:16px}
.wtext1{background-color:#ffffff;color:#999999;position:relative;text-align:center}
.wnav-item a{text-decoration:none}
.wnav-item-image-link strong, .wnav-item-image-link:visited strong{background-color:#ffffff;color:#a4d020}
.wnav-item-link, .wnav-item-link:visited{background-color:$dl_grey01;color:$dl_white}
.c3-section-faq{background:$dl_grey03;margin:0 0 1em 0;padding:4px 12px}
.c3-section-faq h3{margin:8px 0;padding:0}
.c3-section-faq p{font-size:0.9em;margin:8px 0;padding:0}
.js-formlabels-form .form-req .form-label:before, .js-formlabels-form .form-reqx .form-label:before{display:none}
.js-formlabels-input{margin-top:16px}
.js-formlabels-label{color:#666666;left:4px;padding:0 8px 0 4px;position:absolute;top:20px;transition:top 0.3s,font-size 0.3s}
.js-formlabels-label-min{color:#999999;font-size:0.9em;top:-2px}
.form-req .js-formlabels-label:after, .form-reqx .js-formlabels-label:after{color:#999999;content:'*';font-size:1em;font-weight:bold;left:4px;line-height:0;position:relative}
.form-reqx .js-formlabels-label:after{color:#cc0000}
#eu-cookies{background:#202020;bottom:0;color:#999999;left:0;padding:8px 0;position:fixed;text-align:center;width:100%;z-index:1000;background:rgba(32,32,32,0.9)}
#eu-cookies div{padding:0 12px}
#eu-cookies a, #eu-cookies a:visited{color:#999999}
#eu-cookies-ok, #eu-cookies-ok:visited{background:#505050;border-radius:2px;color:white;font-weight:bold;padding:1px 8px;text-decoration:none}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
#nav .nav-show:hover ~ .nav-menu, #nav .nav-hide:hover ~ .nav-menu, #nav .nav-menu:hover{display:block;max-height:480px}
#nav .nav-menu a:hover{background-color:#2090e0;border:none;color:#ffffff;transition:background-color 0.3s}
a:hover{color:#b0e022;transition:color 0.3s}
.xlink:hover::before{opacity:0;visibility:visible;width:100%}
.footer-text a:hover{color:#ffffff}
#footer01 .footer-text a:hover{color:#b0e022}
.bcnav a:hover{color:#b0e022;text-decoration:underline;transition:color 0.25s}
#nav .nav-show:hover, #nav .nav-hide:hover{background:#ffffff url('/images/sprites.svg') 0 -160px no-repeat}
#nav .nav-menu a:hover:before{opacity:0;visibility:visible;width:100%}
.c3-imggallery-item a:hover{border:1px solid $color05}
.c3-splist-gallery-item-link:hover .c3-splist-gallery-item-title2{color:$dl_grey01}
.form-button:hover{background-color:#b0e022;color:#ffffff}
#lang-selection-in a:hover{background:$ero_tred00;background-color:$color_xweb03;color:#ffffff}
#lang-selection .lang-selection-hide:hover::after, #lang-selection .lang-selection-show:hover::after{background:url('/images/sprites.svg') -108px -60px no-repeat;background-size:240px 120px;;:}
#lang-selection .lang-selection-show:hover ~ #lang-selection-in, #lang-selection .lang-selection-hide:hover ~ #lang-selection-in, #lang-selection #lang-selection-in:hover{max-height:480px}
.wnav-item-image-link:hover strong{background-color:#ffffff;color:#b0e022;transition:color 0.3s}
.wnav-item-link:hover{background-color:$dl_orange;color:$dl_white;transition:background-color 0.3s}
#eu-cookies a:hover{color:#ffffff}
#eu-cookies-ok:hover{background:#008000}
}
@media only screen and (min-width:30em){
#header{height:68px}
#header-in{height:64px}
#header .contentwidth{height:64px}
#logo{height:40px;left:16px;line-height:40px;min-width:230px;top:12px}
#logo a{line-height:40px;width:230px}
#logo span{height:40px}
#xtoppage{height:68px}
#nav .nav-show, #nav .nav-hide{right:12px;top:12px}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{margin:65px 0 0 0}
#nav .nav-menu a, #nav .nav-menu span{padding:0 16px}
.wphoto{background-image:url('/images/wphoto_0480x.jpg');top:65px}
.wphoto2{margin:65px 0 0 0}
.c3-imggallery-item{width:33.333%}
.c3-image{height:240px}
#lang-selection .lang-selection-hide, #lang-selection .lang-selection-show, #lang-selection .lang-selection-title{right:56px;top:16px}
#lang-selection #lang-selection-in, #lang-selection .js-lang-selection-hide, #lang-selection:target .js-lang-selection-hide{right:56px;top:48px}
.wphoto-text{font-size:2em}
}
@media only screen and (min-width:40em){
.contentwidth{min-width:608px;padding:0 16px}
#pagecontent{padding:16px 0}
#footer01{padding:16px 0}
#footer02{padding:16px 0}
.footer-section{width:33.333%}
#header{height:84px}
#header-in{height:80px}
#header .contentwidth{height:80px}
#logo{height:42px;left:16px;line-height:42px;min-width:242px;top:19px}
#logo a{line-height:42px;width:242px}
#logo span{height:42px}
#xtoppage{height:84px}
#nav .nav-show, #nav .nav-hide{right:16px;top:20px}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{margin:81px 0 0 0}
#nav .nav-menu a, #nav .nav-menu span{padding:0 16px}
.wphoto{background-image:url('/images/wphoto_0640x.jpg');top:81px}
.wphoto2{margin:81px 0 0 0}
.wnav-item{width:50%}
.c3-imggallery-item{width:25%}
.c3-splist-gallery-item{width:50%}
.c3-splist-gallery-item-in{height:400px}
.c3-image{height:280px}
#lang-selection .lang-selection-hide, #lang-selection .lang-selection-show, #lang-selection .lang-selection-title{right:56px;top:24px}
#lang-selection #lang-selection-in, #lang-selection .js-lang-selection-hide, #lang-selection:target .js-lang-selection-hide{right:56px;top:56px}
.wphoto-text{font-size:2.2em}
}
@media only screen and (min-width:48em){
.contentwidth{min-width:736px;padding:0 16px}
#header{height:100px}
#header-in{height:96px}
#header .contentwidth{height:96px}
#logo{font-size:2.5em;height:54px;left:16px;line-height:54px;min-width:311px;top:22px}
#logo a{line-height:54px;width:311px}
#logo span{height:54px}
#xtoppage{height:100px}
#nav{background:none;height:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:500}
#nav .nav-show, #nav .nav-hide{display:none}
#nav .nav-show, #nav:target .nav-hide{display:none}
#nav .nav-hide, #nav:target .nav-show{display:none}
#nav .js-nav-show-hidden, #nav:target .js-nav-show-hidden{display:block}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{display:block;font-size:0.9em;margin:0;max-height:auto;overflow:visible;position:absolute;right:96px;top:44px}
#nav:target .nav-menu, #nav .js-nav-menu-show{display:block}
#nav .nav-menu li{background-color:transparent;border:none;display:block;float:left;margin:0;padding:0 0 0 32px;position:relative}
#nav .nav-menu a, #nav .nav-menu span{border:none;display:block;margin:0;padding:0;position:relative}
#nav .nav-menu a, #nav .nav-menu a:visited{background-color:transparent;color:#0866aa}
#nav li .nav-submenu-list1{display:block;height:auto;left:24px;line-height:normal;margin:0;max-height:0;opacity:0.25;padding:2px 2px 4px 2px;position:absolute;top:40px;transition:opacity 0.5s,max-height 0.3s;visibility:hidden;width:19em;z-index:200}
#nav .nav-submenu-list1 li{border:none;display:block;float:none;height:auto;line-height:18px;margin:0;padding:0;width:auto;_float:left;_height:1px}
#nav .nav-submenu-list1 a, #nav .nav-submenu-list1 span{height:24px;line-height:24px;margin:0 2px;overflow:hidden;padding:6px 24px 6px 6px}
#nav .nav-submenu-list2, #nav .nav-submenu-list3{display:block;height:auto;left:18.5em;line-height:normal;margin:0;max-width:0;opacity:0.25;padding:2px 2px 4px 2px;position:absolute;top:3px;transition:opacity 0.5s,max-width 0.25s;visibility:hidden;width:26em;z-index:200}
#nav .nav-submenu-list3{left:19.25em}
#nav .nav-submenu-parent::after{background:url('/images/sprites.svg') -40px 0 no-repeat;background-size:$spritesize20;border:none;content:'';height:22px;margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:4px;width:22px}
#nav .nav-menu .nav-contacts{float:right;padding:0}
.wphoto{background-image:url('/images/wphoto_0768x.jpg');top:97px}
.wphoto2{margin:97px 0 0 0}
#nav .nav-menu span{background-color:transparent;color:#a0a0a0}
#nav .nav-menu a:before{background-color:#b0e022;bottom:8px;content:"";height:1px;left:0;opacity:0;position:absolute;top:auto;transform:scaleX(0);transition:transform 0.2s,opacity 0.2s;visibility:hidden;width:100%;z-index:0}
#nav .nav-submenu-list1{font-size:0.95em}
#nav .nav-submenu-list1, #nav .nav-submenu-list2, #nav .nav-submenu-list3{background-color:rgba(255,153,0,0.9);border:1px solid rgba(255,255,255,0.25)}
#nav .nav-submenu-list1 a, #nav .nav-submenu-list1 a:visited{background-color:none;border:none;color:$dl_white;font-weight:normal;transition:background-color 0.1s}
#nav .nav-submenu-list1 span{background:none;border:none;color:$dl_grey01;font-weight:normal}
#nav .nav-submenu-list1 a:before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.4;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0}
.c3-imggallery-item{width:20%}
.c3-image{height:320px}
#lang-selection .lang-selection-hide, #lang-selection .lang-selection-show, #lang-selection .lang-selection-title{right:0;top:48px}
#lang-selection #lang-selection-in, #lang-selection .js-lang-selection-hide, #lang-selection:target .js-lang-selection-hide{right:0;top:80px}
.wphoto-text{font-size:2.4em}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled){
#nav .nav-menu a:hover{background-color:transparent;border:none;color:#b0e022;transition:color 0.1s}
#nav li:hover .nav-submenu-list1{max-height:240px;opacity:1;visibility:visible}
#nav .nav-submenu-list1 li:hover .nav-submenu-list2{max-width:26em;opacity:1;visibility:visible}
#nav .nav-submenu-list2 li:hover .nav-submenu-list3{max-width:26em;opacity:1;visibility:visible}
#nav .nav-menu a:hover:before{opacity:1;transform:scaleX(1);visibility:visible}
#nav .nav-submenu-list1 a:hover{background-color:$dl_grey01;border:none;color:$dl_white}
#nav .nav-submenu-list1 a:hover:before{opacity:0;visibility:visible;width:100%}
#nav .nav-submenu-parent:hover::after{background:url('/images/sprites.svg') -40px -40px no-repeat;background-size:$spritesize20}
#nav span.nav-submenu-parent:hover::after{background:url('/images/sprites.svg') -40px -20px no-repeat;background-size:$spritesize20}
}
}
@media screen and (-ms-high-contrast:active) and (min-width:48em),screen and (-ms-high-contrast:none) and (min-width:48em){
#nav .nav-menu a:hover{background-color:transparent;border:none;color:#b0e022;transition:color 0.1s}
#nav li:hover .nav-submenu-list1{max-height:240px;opacity:1;visibility:visible}
#nav .nav-submenu-list1 li:hover .nav-submenu-list2{max-width:26em;opacity:1;visibility:visible}
#nav .nav-submenu-list2 li:hover .nav-submenu-list3{max-width:26em;opacity:1;visibility:visible}
#nav .nav-menu a:hover:before{opacity:1;transform:scaleX(1);visibility:visible}
#nav .nav-submenu-list1 a:hover{background-color:$dl_grey01;border:none;color:$dl_white}
#nav .nav-submenu-list1 a:hover:before{opacity:0;visibility:visible;width:100%}
#nav .nav-submenu-parent:hover::after{background:url('/images/sprites.svg') -40px -40px no-repeat;background-size:$spritesize20}
#nav span.nav-submenu-parent:hover::after{background:url('/images/sprites.svg') -40px -20px no-repeat;background-size:$spritesize20}
}
@media only screen and (min-width:60em){
.contentwidth{max-width:1152px;padding:0 24px}
#pagecontent{padding:24px 0}
#footer01{padding:24px 0}
#footer02{padding:24px 0}
.footer-text{text-align:left}
#header{height:124px}
#header-in{height:120px}
#header .contentwidth{height:120px}
#logo{font-size:2.5em;height:64px;left:24px;line-height:64px;min-width:368px;top:28px}
#logo a{line-height:64px;width:368px}
#logo span{height:64px}
#xtoppage{height:124px}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{right:104px;top:60px}
.wphoto{background-image:url('/images/wphoto.jpg');top:121px}
.wphoto2{margin:121px 0 0 0}
.wtext1-text{padding:24px 0}
.c3-imggallery-item{width:16.666%}
.c3-splist-gallery-item{width:33.333%}
.c3-splist-gallery-item-in{height:420px}
.c3-image{height:360px}
#lang-selection .lang-selection-hide, #lang-selection .lang-selection-show, #lang-selection .lang-selection-title{right:0;top:64px}
#lang-selection #lang-selection-in, #lang-selection .js-lang-selection-hide, #lang-selection:target .js-lang-selection-hide{right:0;top:96px}
.wphoto-text{font-size:2.4em}
}