@font-face{font-family:'Work Sans';font-style:normal;font-weight:300;src:local('Work Sans Light'),local(WorkSans-Light),url(../fonts/work-sans-v3-latin-300.woff2) format("woff2"),url(../fonts/work-sans-v3-latin-300.woff) format("woff")}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;src:local('Work Sans'),local(WorkSans-Regular),url(../fonts/work-sans-v3-latin-regular.woff2) format("woff2"),url(../fonts/work-sans-v3-latin-regular.woff) format("woff")}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;src:local('Work Sans Medium'),local(WorkSans-Medium),url(../fonts/work-sans-v3-latin-500.woff2) format("woff2"),url(../fonts/work-sans-v3-latin-500.woff) format("woff")}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;src:local('Work Sans Bold'),local(WorkSans-Bold),url(../fonts/work-sans-v3-latin-700.woff2) format("woff2"),url(../fonts/work-sans-v3-latin-700.woff) format("woff")}
html{min-height:100.1%}
body{background:#FFF;color:#222;font:16px/1.5 "Work Sans",Helvetica,HelveticaNeue,Arial,sans-serif;margin:0}
h1,h2,h3,h4,h5,h6{line-height:1.25;margin:0 0 .5em}
h1{font-size:2.3em;font-weight:300;color:#C33;text-indent:-1em;margin-left:.8em}
h2{font-size:1.9em;font-weight:300;color:#C33}
h2 a{text-decoration:none}
h3{font-size:1.4em;font-weight:300}
h4,h5{font-size:1.25em;font-weight:300}
h6{font-size:1em;font-weight:400}
h1+h2{margin-top:-.25em}
p{margin:0 0 1em}
p.lead{font-size:1.25em}
p.overview{margin:0 auto 1em;text-align:center;width:30%}
p.byline{color:#888}
p.byline img{width:5em;float:left}
p.byline strong{display:inline-block}
p.byline a{color:#444}
p.opener::first-letter{float:left;font-weight:700;font-size:65px;line-height:55px;margin-right:6px;color:#c33}
p:last-child{margin-bottom:0}
hr{border:none;border-bottom:thin solid #DDD;clear:both;display:block;height:1px;margin:0 auto 2em;padding:2em 0 0}
ul{margin:0;padding:0}
dl{margin:0 0 1em;padding:0}
dt{float:left;margin:0 5% .5em 0;width:25%}
dd{margin:0 0 .5em 30%}
a{color:#C33;text-decoration:underline;-ms-transition:background-color .5s,color .5s;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}
a:active,a:focus{outline:0}
a:hover{color:#222;outline:0;text-decoration:none}
a.cancel{color:#C00}
a.cancel:hover{color:#E00}
a.cancel:before{content:"\00d7\00a0"}
a.push{background:#C33;color:#FFF;display:inline-block;padding:.5em 1.5em;text-decoration:none}
a.push:hover{background:#900;color:#FFF}
a.ahead:before{content:"\00bb";padding-right:.5em}
a.behind:before{content:"\00ab";padding-right:.5em}
a.external:after,a[rel=external]:after{content:"\00a0\2197"}
a.change{background:#EEE;border:thin solid #069;border-radius:.25em;display:inline-block;height:1em;line-height:1;padding:.25em;width:1em;margin:0}
a.change svg.icon{fill:#069;height:1em;width:1em}
strong{font-weight:600}
em{font-style:normal;color:#444}
em.discontinued,em.instock,em.outofstock,em.soldout{font-size:.875em;font-weight:600}
em.discontinued:before,em.instock:before,em.outofstock:before,em.soldout:before{content:"\25CF";font-size:1.5em;line-height:1;padding-right:.5em;vertical-align:text-bottom}
em.instock{color:#690}
em.discontinued,em.soldout{color:#C00}
em.outofstock{color:#C90}
abbr[title]{border-bottom:thin dotted;text-decoration:none;cursor:help}
sub,sup{font-size:.7em;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.3em}
sub{bottom:-.3em}
small{font-size:.75em;color:#999;font-weight:400}
small a{color:#666}
small a:hover{color:#333}
address{font-style:normal;margin-bottom:1em}
dfn,samp{color:#999;font:inherit}
dfn{display:block;margin-left:25%;padding-top:.5em}
samp{padding-left:1em;vertical-align:baseline}
samp svg.icon{fill:#999;vertical-align:middle}
samp[data-tooltip]:after,samp[data-tooltip]:before{left:.25em}
mark{background:#FFC;color:inherit;padding:0 .25em}
code,kbd,pre{font:.9em "Courier New",Courier,monospace;color:#000;background:#DDD;padding:.1em .25em;vertical-align:middle}
del{color:#C00}
ins{text-decoration:none;font-weight:400}
blockquote{margin:0 2em 1em 0;font-style:italic;position:relative;display:block}
blockquote:after,blockquote:before{font-size:2em;color:#E83F33;position:absolute}
blockquote:before{content:'“';top:-.25em;left:-.75em;width:.6em}
blockquote:after{content:'”'}
blockquote.special{font-size:1.2em}
blockquote.special:before{font-size:6em;top:-.5em}
blockquote.special:after{font-size:6em;bottom:-.5em;right:-.3em}
kbd{border:thin solid #999;border-radius:.25em}
cite{font-style:normal;font-weight:500}
span[itemprop=author],span[itemprop=creator]{padding-right:1em}
figure{background:#FFF;margin:0 0 1em;text-align:right}
figure.thumb{width:8em}
figcaption{color:#666;font-size:.9em;margin-top:1em}
img{display:block;border:none;max-width:100%;height:auto}
img.inline{display:inline;margin:0 .5em;vertical-align:middle}
figure img{margin:0 auto}
iframe{border:none;margin-bottom:1em;max-width:100%;width:100%}
div.video{height:0;margin-bottom:1em;padding-bottom:56.25%;position:relative}
div.video iframe{height:100%;left:0;position:absolute;top:0}
i{display:inline-block;font-style:normal}
i.help{background:#FFF;border:.15em solid #069;border-radius:50%;color:#069;cursor:default;font-weight:700;height:1em;line-height:1;margin:0 0 0 .5em;text-align:center;width:1em}
i.social{width:2em;height:2em;background-position:center;background-repeat:no-repeat;background-size:contain}
i.twitter{background-image:url(../images/swyn/swyn_twitter.gif)}
i.facebook{background-image:url(../images/swyn/swyn_facebook.gif)}
i.googleplus{background-image:url(../images/swyn/swyn_googleplus.gif)}
i.xing{background-image:url(../images/swyn/swyn_xing.gif)}
i.linkedin{background-image:url(../images/swyn/swyn_linkedin.gif)}
i.pinterest{background-image:url(../images/swyn/swyn_pinterest.gif)}
i.instagram{background-image:url(../images/swyn/swyn_instagram.gif)}
i.youtube{background-image:url(../images/swyn/swyn_youtube.gif)}
i.tumblr{background-image:url(../images/swyn/swyn_tumblr.gif)}
i.delicious{background-image:url(../images/swyn/swyn_delicious.gif)}
i.foursquare{background-image:url(../images/swyn/swyn_foursquare.gif)}
i.flickr{background-image:url(../images/swyn/swyn_flickr.gif)}
i.aboutme{background-image:url(../images/swyn/swyn_aboutme.gif)}
i.navigation{border-top:medium solid #666;position:relative;width:1.5em}
i.navigation:after,i.navigation:before{border-top:medium solid #666;content:'';display:block;margin-top:.3em;width:100%}
svg.icon{display:inline-block;fill:#222;height:1.5em;width:1.5em}
table{border-collapse:collapse;border-spacing:0;border-style:none;table-layout:fixed}
caption{font-size:1.25em;font-weight:600;margin-bottom:1em;text-align:left}
thead{background:#FFF}
tfoot{background:#BBB}
tbody tr{transition:background .5s}
tbody tr:hover{background:#DDD}
th{padding:.25em;text-align:left}
td{padding:.25em;vertical-align:top}
td.center,th.center{text-align:center}
td.right,th.right{text-align:right}
col.title{width:50%}
col.address{width:30%}
col.month,col.price,col.product{width:25%}
col.date,col.filesize{width:20%}
col.available,col.variant{width:15%}
col.weekday{width:14.2857%}
col.amount,col.filetype,col.image,col.total,col.unit{width:10%}
col.action{width:5%}
form{margin:0;padding:0}
form br{clear:left}
fieldset{border:none;margin:0;padding:1em 0 2em}
fieldset.button{padding-left:25%}
legend{color:#666;font-weight:700;margin:0;padding:0}
label{padding-right:2%;vertical-align:middle}
label.before{display:block;float:left;line-height:2;width:23%}
label.between{padding-left:2%}
label.after,label.check{display:block;float:left;margin:.25em 0}
label.after{width:65%}
label.check{width:90%}
label.none{float:left;line-height:2;padding-right:0;width:0;white-space:nowrap}
label.required:after{content:"\00a0\002a";color:#C00}
label.error{color:#C00}
small.hint{padding-left:25%}
input,select,textarea{border:thin solid #999;font:inherit;margin:0 0 .25em;padding:.25em;vertical-align:middle}
input.triple{width:3em}
input[type=date],input[type=number],input[type=time]{width:20%}
input.standard,input[type=email],input[type=url],textarea{width:70%}
input.short,input[type=password]{width:35%}
input.error,select.error,textarea.error{border-color:#C00}
input[type=checkbox],input[type=radio]{border:0;height:1em;margin:.55em .5em .45em 0;padding:0;width:1em}
input.text{float:none;margin-left:0;margin-right:0}
input.vertical{float:left;margin-left:25%}
input.check{float:left;margin-right:1%}
select{padding-left:.05em}
option{margin:0}
optgroup{font-style:normal;padding:0 .5em 1em}
textarea{overflow:auto;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:#777}
input:focus,select:focus,textarea:focus{border-color:#333;box-shadow:inset .05em .1em .1em #CCC;outline:0}
input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}
.g-recaptcha{margin-left:25%}
.g-recaptcha .error{border:3px solid #C00}
button{background:#c33;border:thin solid #c33;border-radius:0;color:#FFF;cursor:pointer;font:inherit;margin:0 0 .25em;padding:.5em 1.5em;vertical-align:middle;text-decoration:none;transition:background-color .5s,color .5s}
button:hover{background:#900}
button.cancel{background:#C00}
button.cancel:hover{background:#A00}
button.event{background:#C90}
button.event:hover{background:#B80}
button.okay{background:#690}
button.okay:hover{background:#580}
.next button.execute{margin-right:2em}
button.execute{background:#C00}
button.execute:hover{background:#666}
fieldset.payment label{background:center top no-repeat #DDD;background-size:90%;border:thin solid #999;border-radius:.25em;box-sizing:border-box;color:#999;float:left;margin:0 2.5% 2em 0;padding:10% 0 .5em;text-align:center;width:20%}
fieldset.payment label.klarna{background-image:url(../images/logo/payment/logo_klarna.png)}
fieldset.payment label.billpay{background-image:url(../images/logo/payment/logo_billpay.png)}
fieldset.payment label.kreditkarte{background-image:url(../images/logo/payment/logo_kreditkarte.png)}
fieldset.payment label.paypal{background-image:url(../images/logo/payment/logo_paypal.png)}
fieldset.payment label.billsafe{background-image:url(../images/logo/payment/logo_billsafe.png)}
fieldset.payment label.sofortueberweisung{background-image:url(../images/logo/payment/logo_sofortueberweisung.png)}
fieldset.payment label.giropay{background-image:url(../images/logo/payment/logo_giropay.png)}
fieldset.payment label.amazonpayments{background-image:url(../images/logo/payment/logo_amazon-payments.png)}
fieldset.payment label.vorkasse{background-image:url(../images/logo/payment/logo_vorkasse.png)}
fieldset.payment label.lastschrift{background-image:url(../images/logo/payment/logo_lastschrift.png)}
fieldset.payment label.rechnung{background-image:url(../images/logo/payment/logo_rechnung.png)}
fieldset.payment label.nachnahme{background-image:url(../images/logo/payment/logo_nachnahme.png)}
fieldset.payment label:hover{background-color:#EEE;cursor:pointer}
fieldset.payment input{box-sizing:border-box;display:block;float:left;margin:0;vertical-align:top;width:2.5%}
fieldset.payment input:checked+label{background-color:#FFF}
.scope{width:100%;max-width:1200px;margin:0 auto;padding:0 .5em;box-sizing:border-box}
.group:after{content:"";display:table;clear:both}
.column{float:left;width:45%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.column+.column{margin-left:10%}
.image{float:left;width:30%}
.text{float:left;width:50%;margin-left:10%;margin-right:10%}
.previous{float:left}
.next{float:right}
.more{color:#C33;text-decoration:none;border:thin solid #C33;padding:.5em 1em}
.back:before,.more:after{font-size:1.5em;line-height:1;vertical-align:text-bottom}
.back:before{content:"\2039  "}
.more:after{content:" \203a"}
.done:after{content:"\00a0\2713"}
.anterior{float:left;margin:0 5% 1em 0;width:30%}
.interior{margin:auto}
.posterior{float:right;margin:0 0 1em 5%;width:30%}
.sponsored{background:#FFF;border:thin solid #999;border-radius:.25em;float:right;padding:.05em .5em}
.mobile{display:none}
.center{text-align:center}
.right{text-align:right;text-align:center}
.left{text-align:center}
.seperated{margin-bottom:1em}
.box{border:thin solid #CCC;box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transition:border-color .5s;-ms-transition:border-color .5s;transition:border-color .5s}
.box:hover{border-color:#999}
.reduced{max-width:50em;margin-left:5em}
.accented{text-shadow:0 0 .25em rgba(255,255,255,.8)}
.tablet{display:none}
.hightlight{border-width:thin;border-style:solid;padding:.2em;background-color:lightgray}
[data-tooltip]{position:relative}
[data-tooltip]:after,[data-tooltip]:before{bottom:100%;font-weight:400;left:-1em;opacity:0;position:absolute;transition:all .5s;visibility:hidden}
[data-tooltip]:after{background:#C33;color:#FFF;content:attr(data-tooltip);margin-bottom:.9em;padding:.5em 1em;text-align:center;white-space:nowrap;z-index:100}
[data-tooltip]:before{border-top:.5em solid #C33;border-left:.5em solid transparent;border-right:.5em solid transparent;content:"";height:0;margin:0 0 .4em 1em;width:0;z-index:101}
[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}
div.rating{cursor:default;direction:rtl;display:inline-block;padding-right:1em;unicode-bidi:bidi-override}
div.rating span{direction:ltr;display:inline-block;font-weight:400;padding-left:1em}
div.rating input{display:none}
div.rating label{cursor:pointer;font-size:2em;line-height:.75;padding-right:0}
div.rating i:before{color:#999;content:"\2606"}
div.rating i.checked:before,div.rating input:checked+label:hover i:before,div.rating input:checked~label i:before,div.rating label:hover i:before,div.rating label:hover~label i:before{color:#C90;content:"\2605"}
#admin{background:#222;box-sizing:border-box;color:#999;font-size:.875em;padding:.5em 0 .5em 1em;position:fixed;bottom:0;width:100%;z-index:10000}
#admin p{margin:0}
#admin a{background:#444;border-radius:.25em;color:#FFF;display:inline-block;margin:0 1em;padding:.1em .5em}
#admin a:hover{background:#666}
#page{text-align:left;margin:0 auto}
header{background:rgba(255,255,255,.95);height:auto;box-shadow:0 0 5px rgba(0,0,0,.6);position:fixed;top:0;left:0;right:0;z-index:1100;height:4.5em}
header ul{list-style:none}
header li{float:left}
header a{text-decoration:none}
#title{box-sizing:border-box;float:left;padding:.5em;text-align:center;max-width:12.5em}
#service{padding-top:1.5em;float:right}
#service ul{float:left;margin-right:.5em;padding-top:.25em}
#service li{margin-right:.25em;padding-right:.25em;border-right:thin solid #c33}
#service li:last-of-type{border-right:none}
#service li a{color:#000}
#service li a:hover{color:#C33}
#service li a.current{color:#999}
#service a.push{padding:.25em 1em}
#social{float:left;width:23.5%;margin-left:2%}
#social ul{float:right;height:2em}
#social li{margin:0 0 0 .5em;padding:0}
#search{float:left;width:23.5%;background:#CCC;margin-left:2%;margin-top:1em}
#search input{width:100%;height:2em;border:0;padding:0 2.5%;margin:0}
#search button{background:0 0;border:none;border-radius:0;box-shadow:none;float:right;height:2em;margin:0;padding:.25em 0;width:15%}
#search div.suggest{float:left;position:relative;width:80%}
#search div.suggest ul{background:#FFF;border-top:thin solid #666;box-sizing:border-box;display:none;max-width:200%;min-width:100%;position:absolute;z-index:200}
#search div.suggest input:focus+ul{display:block}
#search div.suggest ul li{float:none;line-height:1.5;overflow:hidden;padding:.5em 1em;text-overflow:ellipsis;white-space:nowrap}
#search div.suggest ul li:hover{background-color:#EEE;cursor:default}
#search div.suggest ul li:last-child{border-top:thin solid #DDD}
#status{float:left;width:49%;margin:1em 0 0 2%;line-height:2;background:#CCC;text-align:right}
#status a{padding-right:1em}
#status svg.icon{margin-right:.5em;padding-bottom:.25em;vertical-align:middle}
#status data{border-left:thin solid;margin-left:.5em;padding:0 .5em}
nav{float:left;height:100%;padding-top:.675em;margin-left:5%}
nav ul ul{display:none;position:absolute;z-index:100;background:#333;min-width:8em}
nav li{margin-right:.5em}
nav li:last-of-type{margin-right:0}
nav li:hover ul{display:block}
nav li li{float:none;margin-right:0;padding:.25em 0}
nav a{color:#000;white-space:nowrap;display:block;padding:1em 1em 1.325em}
nav a:hover,nav li:hover,nav li:hover a{background:#333;color:#FFF}
nav a span{border-bottom:thin solid transparent;padding-bottom:.25em}
nav a.current span,nav a:hover span,nav li:hover a span{border-color:#C33}
nav li li a{display:block;padding:.25em 1em}
nav li li a:hover{background:#000}
nav input,nav label{display:none}
.headroom{will-change:transform;transition:transform .3s linear}
.headroom--pinned{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.headroom--unpinned{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
#main,main{clear:left;overflow:hidden;padding-top:4.5em}
#main section.author img.anterior{width:15%}
section{padding:3em 1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
section.alternate{background:#CCC;box-shadow:inset 0 0 .25em rgba(0,0,0,.5)}
#main p.next,#main p.previous{color:#999}
#main figure ul{margin:1em 0;list-style:none;overflow:hidden}
#main figure li{float:left;margin:0 0 0 2%;padding:0;width:15%}
#main figure li:first-child{margin-left:0}
#main li{margin-bottom:.5em;margin-top:0}
#main ul.row{list-style:none;margin:0}
#main ul.row li{display:inline-block;margin-right:.5em;line-height:1}
#main .listing,.ul-hook-red,.ul-square-red{list-style:none;margin:1em 0 2em 1.5em}
.ul-hook-red li::before{content:"\2713";display:inline-block;width:.7em;color:#c33}
.ul-square-red li::before{content:"\25A0";display:inline-block;width:.7em;color:#c33}
.listing li,.ul-hook-red li,.ul-square-red li{text-indent:-.7em}
#main table{width:100%;margin:1em 0 2em}
#main tbody th.caption{vertical-align:top}
#master{clear:both;padding:0;position:relative;overflow:hidden}
#master .scope{padding:3em 1em 1em}
#hero{padding-top:0}
.intro{clear:both;padding:0;position:relative}
.intro .scope{padding:3em 1em 1em}
.intro a{color:#C33}
section.product{padding:3em 0}
section.product article.staple{width:30%;margin:auto;position:relative}
section.product .visual{text-align:right;padding-left:2em}
section.product .visual h3{padding:0 2em}
section.product .visual img{margin-left:auto}
section.product .column+.visual{text-align:left;padding-left:0}
section.product .column+.visual img{margin-left:0}
.casestory{background-position:right center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 .25em rgba(0,0,0,.5)}
.casestory .scope>div{width:50%;padding:3em 0;text-shadow:0 0 .25em rgba(255,255,255,.8)}
.casestory a.more:hover{border-color:#900;color:#900}
.casestory a.push{text-shadow:none}
.facebook-code{text-align:center;border:solid #c33;margin:1em;padding:.5em;word-break:break-all}
.facebook-code u{font-weight:700;color:gray}
#referenzen{padding:3em 1em;text-align:center}
.double{-webkit-columns:300px 2;-moz-columns:300px 2;columns:300px 2}
#referenzen ul{margin:2em auto;padding:0;list-style:none;max-width:40em}
#referenzen li{float:left;margin-left:2%;margin-bottom:2%;width:23.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#referenzen li:nth-of-type(4n+1){margin-left:0;clear:left}
#referenzen a img{border:thin solid #CCC;box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-filter:grayscale(.9) opacity(.8) brightness(.9);filter:grayscale(.9) opacity(.8) brightness(.9);transition:filter .5s}
#referenzen a:hover img{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}
.pointer{background:#888;padding:1em;color:#FFF;box-shadow:inset 0 0 3px rgba(0,0,0,.5);text-align:center}
.pointer a.push{margin-left:2em}
.alterante{background:#EEE;box-shadow:inset 0 0 3px rgba(0,0,0,.3)}
.citation{padding:3em 0 2em}
.citation h3{margin-bottom:1em}
.features{padding:3em 1em;text-align:center}
.features ul{margin:3em auto 2em;padding:0;list-style:none}
.features li{padding:0 1em;margin:0 0 4% 2%;float:left;width:23.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.features li:nth-of-type(4n+1){clear:left;margin-left:0}
.features img{max-width:8em;margin:auto;border:thin solid #CCC;box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transition:border-color .5s;-ms-transition:border-color .5s;transition:border-color .5s}
.features img:hover{border-color:#999}
.slideshow{box-sizing:border-box;display:block;margin:2em 0 1em;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;-webkit-tap-highlight-color:transparent}
.slideshow.start{margin:0}
.slideshow h1,.slideshow h2{color:#222;font-size:2.3em}
#master div.message,.slideshow.start div.message{position:absolute;z-index:1000;top:50%;left:50%;max-width:35em;transform:translateX(-100%) translateY(-50%);min-width:17em}
.message{font-size:1.2em;text-shadow:0 0 1px rgba(255,255,255,1)}
.highlighted{padding:1em!important;background:rgba(255,255,255,.6)}
.message h1,.message h2{color:#222}
.message a.push{text-shadow:none}
.message a{color:#C33}
.slideshow .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slideshow .slick-list:focus{outline:0}
.slick-loading .slick-list{background:url(../images/elem/elem_loader.gif) center center no-repeat #fff}
.slideshow .slick-list.dragging{cursor:pointer;cursor:hand}
.slideshow .slick-list,.slideshow .slick-track,.slideshow article,.slideshow article img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slideshow .slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slideshow .slick-track:after,.slideshow .slick-track:before{content:"";display:table}
.slideshow .slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slideshow article{float:left;height:100%;width:100%;min-height:1px;display:none}
.slideshow article img{display:block;width:100%}
.slideshow article.slick-loading img{display:none}
.slideshow article.dragging img{pointer-events:none}
.slideshow.slick-initialized article{display:block}
.slideshow.slick-loading article{visibility:hidden}
.slideshow.slick-vertical article{border:thin solid transparent;display:block;height:auto}
.slideshow .slick-slide blockquote{max-width:40em;margin:0 auto 1em;position:relative}
.slideshow.references img{max-width:8em;margin:auto;border:thin solid #CCC;box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transition:border-color .5s;-ms-transition:border-color .5s;transition:border-color .5s}
.slideshow img:hover{border-color:#999}
.slideshow .slick-next,.slideshow .slick-prev{background:0 0;border:none;border-radius:0;box-shadow:none;color:#999;cursor:pointer;font-size:2em;font-weight:700;height:1em;line-height:.75;margin-top:-1em;padding:0;position:absolute;text-align:center;text-indent:-555em;top:50%;width:1em}
.slideshow .slick-next:before,.slideshow .slick-prev:before{position:absolute;display:block;color:#FFF;z-index:2;left:0;top:0;width:1em;height:1em;text-indent:0}
.slideshow .slick-next.slick-disabled:before,.slideshow .slick-prev.slick-disabled:before{opacity:.25}
.slideshow .slick-prev{left:-1em}
.slideshow .slick-prev:before{content:"\2039"}
.slideshow .slick-next{right:-1em}
.slideshow .slick-next:before{content:"\203a"}
.slideshow ul{display:block;list-style:none;text-align:center;padding:.75em 0 0}
.slideshow.start ul{position:absolute;bottom:2em;left:50%;transform:translateX(-50%)}
.slideshow ul li{display:inline-block;height:1em;margin:0 .5em 0 0;position:relative;width:1em}
.slideshow ul button{background:#222;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:block;height:.75em;padding:0;text-indent:-555em;width:.75em}
.slideshow ul li button:focus,.slideshow ul li button:hover{outline:0;background:#CCC}
.slideshow ul li.slick-active button{background:#C33}
.mfp-bg{background:#111;filter:alpha(opacity=80);opacity:.8;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:502}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:503;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}
.mfp-container{height:100%;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 .5em;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:.5em;right:.5em;z-index:504}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}
button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:2.75em;height:2.75em;line-height:2.75em;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 2em .75em;color:#FFF;font-style:normal;font-size:1.5em}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close:active{top:.1em}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-.5em;text-align:right;padding-right:.5em;width:100%}
.mfp-title{color:#CCC}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:1em;line-height:1.5}
button.mfp-arrow{position:absolute;top:0;margin:-4em 0 0;top:50%;padding:0;width:5em;height:5em;-webkit-tap-highlight-color:transparent;background:#CCC;transition:none;color:#000;border-radius:0}
.mfp-arrow:active{margin-top:-4em}
.mfp-arrow:focus,.mfp-arrow:hover{background:#FFF}
.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:1em;height:1.25em;position:absolute;left:0;top:0;font-size:2em;line-height:1;margin-top:.75em;margin-left:.75em}
.mfp-arrow-left{left:0}
.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:'‹'}
.mfp-arrow-right{right:0}
.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:'›'}
.mfp-iframe-holder{padding-top:2.5em;padding-bottom:2.5em}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:55em}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;top:-3px;left:0;width:100%;height:100%;box-shadow:0 0 .5em rgba(0,0,0,.6);background:#000}
.mfp-iframe-holder .mfp-close{top:-2.5em}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:3em 0 2.5em;margin:auto}
.mfp-figure:after{content:'';position:absolute;left:0;top:3em;bottom:2.5em;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 .5em rgba(0,0,0,.6)}
.mfp-figure{line-height:0}
.mfp-bottom-bar{margin-top:-2.25em;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:1.25em;color:#EEE}
.mfp-figure small{color:#BBB;display:block;font-size:.75em;line-height:.8em}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
#menu{box-sizing:border-box;width:23.5%;float:left;padding:1em;margin:0 2% 1em 0}
#menu h4{margin:0;line-height:2;padding:0 .5em}
#menu ul{margin:0 0 1em;list-style:none}
#menu li{margin:0;padding:0;border-bottom:1px solid #CCC}
#menu li:last-of-type{border-bottom:none}
#menu li a{display:block;color:#000;padding:.5em .75em;text-decoration:none}
#menu li a.current,#menu li a:hover{color:#C33}
#menu li a.current:after{content:'›';padding-left:.4em}
#menu li a.disabled{color:#666;cursor:default}
#menu ul ul{padding-bottom:1em;background:#FFF;margin-bottom:0}
#menu li li{font-size:.9em;line-height:2}
#menu li li a{color:#666;font-weight:400;padding-left:2em;background:#FFF}
#menu li li a:hover{color:#000;background:0 0}
#menu li li a.current{font-weight:700}
#toggle,#toggle+label{display:none}
#wrapper{float:left;width:74.5%;margin:1em 0}
#breadcrumb{font-size:.9em;margin-bottom:1em;padding:.5em 1em 0 0}
#breadcrumb li:after{content:'›';padding-left:.5em}
#breadcrumb li:last-child:after{content:""}
#breadcrumb a{text-decoration:none}
#breadcrumb a.edit{background:#C00;border-radius:1.25em;color:#FFF;display:inline-block;float:right;font-weight:700;padding:.125em .75em}
#breadcrumb a.edit:hover{background:#A00}
#content{clear:both;overflow:hidden;margin-bottom:1em}
#wrapper #content{float:left;width:100%}
#journal{box-sizing:border-box;float:left;width:65.7718%;margin-bottom:1em}
#content>article>h1,#content>h1,#journal>h1,.scope h1{padding-top:.5em}
#content>article>h1:before,#content>h1:before,#journal>h1:before,.scope h1::before{content:"||";font-weight:700;margin:0 .2em 0 .1em;background:#c33}
#content ul,#journal ul{margin:1em 0 1em 2em}
.journal{float:left;width:60%}
.aside{float:left;width:30%}
.aside+.journal,.journal+.aside{margin-left:10%}
.aside img{margin-top:.7em}
aside{box-sizing:border-box;float:left;width:31.5615%;margin:1em 0 1em 2.6667%}
aside ul{list-style:none;margin:1em 0 1em 1em}
aside li:before{content:"\2192";margin-left:-1em;padding-right:.5em}
#sidebar{box-sizing:border-box;width:23.5%;margin:2em 0 1em 2%;float:right;padding:1em}
#teaser{clear:left;overflow:hidden;margin-bottom:1em}
#teaser article{box-sizing:border-box;background:#CCC;float:left;margin-left:2%;padding:1em;width:23.5%}
#teaser article:first-child{margin-left:0}
#teaser img{margin:0 0 1em}
#confirm,#error,#mandate,#warning{border:thin solid;margin-bottom:2em;padding:1em;overflow:auto}
#confirm p,#error p,#warning p{font-weight:600}
#confirm img,#error img,#warning img{float:left;width:11em;margin:0 2em 0 0}
#confirm button,#error button,#warning button{float:right;margin-left:.5em}
#error{background:#FEE;border-color:#C00;color:#C00}
#warning{background:#FFD;border-color:#C90;color:#C90}
#confirm{background:#EFE;border-color:#690;color:#690}
#mandate{background:#FFF;border-color:#999;color:#444}
#tabs ul{margin:0}
#tabs ul li{display:block;float:left;margin:0 1px 0 0}
#tabs ul a{display:block;color:#000;padding:.5em 1em;background:#DDD}
#tabs ul a:hover{background:#EEE}
#tabs ul a.current{background:#FFF;color:#000}
#cards{padding:1em;background:#FFF}
div.dialog{display:none;z-index:10000;background-color:#FFF;min-width:36em;min-height:10em;padding:1em;border-radius:.25em}
a.close{position:absolute;top:-1em;right:-1em;width:1.8em;height:1.8em;font-weight:700;color:#FFF;cursor:pointer;background:url(../images/elem/elem_close.png) center center no-repeat #666;border:2px solid #CCC;border-radius:50%;box-shadow:1px 1px 4px #000}
a.close:hover{background-color:#900}
#share{background:#DDD;clear:left;padding:1em;height:2em;margin:2em 0}
#share li{padding-top:.25em;vertical-align:top}
#share li.like{width:12em}
#share li.tweet{width:8em}
#share li.plusone{width:6em}
#share li.xing{width:8em}
#share li.pinit{width:6em}
#related ul{list-style:none;margin:1em 0 2em}
#related li{box-sizing:border-box;float:left;margin-left:2%;padding:1em;width:32%}
#related li:first-child{margin-left:0}
#related img{margin:0 0 1em}
#comments ol{margin-top:2em}
#comments li{margin:0 0 3em;list-style:decimal;font-weight:700}
#comments blockquote{background:#DDD;font-style:normal;margin:1.5em 2em 0 0;padding:1em;font-weight:400;position:relative;border-radius:.25em}
#comments blockquote:before{content:"";position:absolute;border:1em solid;border-color:transparent transparent #DDD;top:-1.75em;left:1em}
#comments li.reply{margin-left:2em;font-weight:400}
#comments li.reply blockquote{background:#FFF}
#comments li.reply blockquote:before{border-color:transparent transparent #FFF}
#list small,#list strong{display:block}
.list h3{font-weight:500}
.list img{margin:auto}
#list img.landscape{max-width:80%;padding:20% 10%}
#list img.portrait{max-width:60%;padding:10% 20%}
#list img.square{max-width:80%;padding:10%}
#list button{margin-top:1em}
#list span.badge{border-radius:0 0 .25em .25em;color:#FFF;display:inline-block;font-size:.875em;font-weight:600;margin-left:-1.5em;padding:.25em;position:absolute;text-transform:uppercase;top:0;width:2.5em}
#list span.discount{background:#C00}
#list span.new{background:#C90}
#list span.tipp{background:#069}
.list ul{list-style:none;margin:0 auto;padding:1em 0;max-width:60em}
.list li{float:left;margin:0 0 0 2%;padding:0 .5em 2em;position:relative;text-align:center;width:32%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list li:nth-child(3n+1){margin-left:0;clear:left}
.list li:hover{background:#FFF}
.list li h3{font-size:1.25em;margin:.25em 1em .5em}
.list li h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list li img{max-width:8em;margin:auto;border:thin solid #CCC;box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transition:border-color .5s;-ms-transition:border-color .5s;transition:border-color .5s}
.list li img:hover{border-color:#999}
#list td{border-bottom:medium solid #DDD;padding:1em}
#list td.price{text-align:right;vertical-align:bottom}
#list td:first-child{padding-left:0}
#list td a,#list td img{display:inline-block;position:relative}
#list td span{left:50%;text-align:center}
#view{float:right;text-align:right}
#view form{float:left;white-space:nowrap;padding-right:1em}
#view a{padding:.25em;display:inline-block}
#view a svg{fill:#999}
#view a:hover svg{fill:#000;transition:fill .5s}
#view a.current svg{fill:#555}
#tags li{padding-right:1em}
#tags li.plenty{font-size:1.5em}
#tags li.average{font-size:1.25em}
#tags li a{white-space:nowrap}
#tags li span{margin-left:.25em}
#tags li span:before{content:"("}
#tags li span:after{content:")"}
#paging{margin-bottom:2em;height:2.5em;clear:both}
#paging ol,#paging ul{list-style:none;margin:0;padding:0}
#paging ol{float:left}
#paging ul{float:right}
#paging li{float:left;margin:0 1px 0 0;white-space:nowrap;line-height:2.5}
#paging li:first-child{margin:0 1em 0 0}
#paging ul li:last-child{margin:0 0 0 1em}
#paging li span{margin:0 .5em}
#paging li i{font-size:1.5em;line-height:1;font-style:normal}
#paging a{display:block;text-align:center;background:#999;width:2.5em;color:#333;font-weight:600}
#paging a:hover{background:#CCC;color:#000}
#paging a.current{color:#999;background:#333}
#paging a.disabled{cursor:default;background:#777;color:#444}
#cart .sum,#cart .total,#cart .unit{text-align:right}
#cart tbody td{padding:1em .25em}
#cart tbody td.amount input,#cart tbody td.amount select{box-sizing:border-box;width:75%}
#cart tbody td.amount button{font-size:.875em;margin-top:.5em;padding:.25em .5em;width:75%}
#cart tfoot th{font-weight:400}
#cart tfoot tr:first-child td,#cart tfoot tr:first-child th{padding-top:1em}
#cart tfoot .vat{font-size:.9em;color:#666}
#cart tfoot .payable{font-size:1.2em;font-weight:600;padding-top:.5em}
#customer{margin-bottom:2em}
#customer section{margin-bottom:1em}
#customer h3{clear:left}
#customer h4{display:inline-block;margin-right:1em}
#calendar td,#calendar th{text-align:center}
#calendar a{display:block;font-weight:700}
#calendar thead{border:thin solid #666}
#calendar thead th{border-style:none}
#calendar thead td{font-size:.75em;color:#333;border:thin solid #666}
#calendar thead td:last-child{background:#DDD;font-weight:700}
#calendar thead a{width:100%;float:none}
#calendar tbody td{border:thin solid #666;line-height:3;padding:0}
#calendar tbody td a{background:#DEE}
#calendar tbody td a:hover{color:#FFF;background:#069}
#calendar tbody td.today{background:#FFD;color:#C90;padding:0;font-weight:700}
#calendar tbody td.today a{color:#C90;background:#FFD;border:2px solid #C90;margin:-2px}
#calendar tbody td:last-child{background-color:#BBB}
#calendar tbody td.other{color:#999}
#calendar table.year tbody td{line-height:6}
.googlemaps_replace{width:100%;height:450px;position:relative;display:block;background:rgba(0,0,0,0.3);background-image:url(../images/icon/icon_vorteil-made-in-germany.png);background-repeat:no-repeat;background-position:center center}
.googlemaps_replace a{position:absolute;display:block;top:50%;transform:translateY(-50%);width:100%;text-align:center;color:#FFF}
.googlemaps_replace span{font-size:.75em;position:absolute;display:block;bottom:10px;width:100%;text-align:center;color:#FFF}
.googlemaps_replace span a{display:inline;position:static}
#accordion section p{display:none}
#accordion section:target{margin-bottom:1em}
#accordion section:target p{display:block}
.sitenav{background:rgba(201,201,201,.9)}
.sitenav.sticky{position:fixed;top:0;width:100%;z-index:999;transition:transform .3s linear}
.sitenav li{margin-bottom:0!important}
.sitenav a{display:inline-block;text-decoration:none;margin-left:.75em;padding:.75em 0;color:#C00}
.sitenav a:hover{color:#000}
.headroom--not-top.headroom--pinned+#main .sitenav.sticky{transform:translateY(4.5em)}
footer{clear:both;background:#222;overflow:hidden;font-weight:300}
.footer{padding-bottom:48px;}
footer li{list-style:none}
footer a{color:#BBB;text-decoration:none}
footer a:hover{color:#FFF}
#sitemap{padding-top:3em;font-size:.9em}
#sitemap>ul{display:flex;flex-wrap:wrap}
#sitemap li{box-sizing:border-box;line-height:2;margin-bottom:2em;padding:1em;flex-basis:20%}
#sitemap ul ul{float:none;margin-top:.5em}
#sitemap li li{float:none;margin:0;padding:0;width:auto}
#sitemap h5{font-size:1em;text-transform:uppercase;font-weight:400;border-bottom:1px solid #666;padding-bottom:.5em}
#sitemap h5 a{border-bottom:1px solid #FFF;padding-bottom:.5em;color:#FFF;margin-bottom:-.6em;display:inline-block}
#footnote{clear:left;border-top:1px solid #666;font-size:.9em}
#footnote li{display:inline-block;margin-right:1em;padding:1em 0}
#totop{background:0 0;bottom:3em;height:4em;opacity:0;position:fixed;right:2em;text-align:center;transition:all .5s;visibility:hidden;width:4em}
#totop.show{opacity:.5;visibility:visible}
#totop:hover{opacity:1}
#totop svg.icon{fill:#C33;height:2em;padding:1em 0;width:2em}
.seocontent {float: left;width: 46%;padding: 0em 0.5em 2em 0.5em;list-style: none}
@media only screen and (max-width:1340px) {
  .message{padding:1em}
}
@media only screen and (max-width:1280px) {
  col.price{width:25%}
  nav{margin-left:2.5%}
}
@media only screen and (max-width:1100px) {
  li.desktop{display:block;padding:.75em}
  nav{margin-left:0}
  nav li{margin-right:0}
}
@media only screen and (max-width:1024px) {
  body{font-size:14px}
  #service a.push{padding:.25em .5em}
  #service ul{margin-right:1em}
  fieldset.payment label{margin-right:3%;padding-top:12%;width:28%}
  fieldset.payment input{width:3%}
  #list li,#list li:nth-child(5n){width:23.5%;margin-right:2%}
  #list li:nth-child(4n){margin-right:0}
  .casestory{min-height:0}
  .casestory .scope div{width:100%;box-sizing:border-box;padding:.5em .5em 1em;text-shadow:0 0 3px rgba(255,255,255,.8);background:rgba(255,255,255,.5)}
  #master div.message,.slideshow.start div.message{position:static;transform:translateX(0) translateY(0);max-width:100%;max-height:auto;padding:1em!important}
  .message h1,.message h2{color:#C33}
  .message h1:before,.message h2:before{content:"||";font-weight:700;margin:0 .2em 0 .1em;background:#c33;text-shadow:initial}
  .slideshow ul{bottom:0}
  .slideshow.start ul{position:static;transform:translateX(0)}
}
@media only screen and (max-width:900px) {
  .intro .scope{padding:0 .5em}
  #service{margin-left:0}
  #service ul{margin-right:.5em}
  nav{padding-top:4.5em;height:auto;float:right}
  nav label{display:inline-block;background:#C33;text-align:center;cursor:pointer;line-height:1;margin:-3.5em 0 0;padding:.25em;float:right}
  nav label:hover{background:#900}
  nav label svg.icon{fill:#FFF}
  nav input{display:none}
  nav input:checked+ul{max-height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}
  nav ul{max-height:0;overflow:hidden;position:absolute;-ms-transition:ease-in-out max-height .5s;-webkit-transition:ease-in-out max-height .5s;transition:ease-in-out max-height .5s;z-index:800;width:100%;left:0;box-shadow:5px 0 5px rgba(0,0,0,.5)}
  nav li{width:100%;text-align:center;border-bottom:1px solid #666}
  nav li li{width:100%;float:none;border-bottom:none}
  nav ul ul{display:block;position:static;max-height:100%;background:#000;box-shadow:none}
  nav a{background:#333;color:#FFF}
  nav li li a,nav li li a:hover,nav li li:hover,nav li:hover li,nav li:hover li a{background:#000}
  #service{padding-top:1em;margin-right:3.25em}
}
@media only screen and (max-width:800px) {
  #social{display:none}
  #wrapper{width:100%;float:none}
  #menu+#wrapper{width:74.5%;float:left}
  #journal,aside{width:100%}
  #sidebar{float:none;width:100%;margin-left:0;padding-left:0}
  aside{margin:1em 0 0}
  #teaser article{width:48%;margin:0 0 2em 4%}
  #teaser article:nth-child(odd){margin-left:0}
  .mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}
  .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
  .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
  .mfp-container{padding-left:.4em;padding-right:.4em}
  #confirm button,#error button,#warning button{clear:right}
  #sitemap li{flex-basis:33%}
  .slideshow.start div.message{font-size:1em}
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
  .mfp-img-mobile img.mfp-img{padding:0}
  .mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
  .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:.2em .4em;position:fixed;box-sizing:border-box}
  .mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
  .mfp-img-mobile .mfp-counter{right:.4em;top:.2em}
  .mfp-img-mobile .mfp-close{top:0;right:0;width:2em;height:2em;line-height:2em;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
  .mfp-img-mobile .mfp-figure small{display:inline;margin-left:.3em}
}
@media only screen and (max-width:736px) {
  nav li.close{background:#000;float:none;display:block;text-align:right!important}
  nav .close label{display:inline-block;font-size:2em;float:none;margin-top:0;color:#FFF}
  nav input{display:none}
  nav input:checked+ul{height:100vh;overflow:auto;z-index:2000;-webkit-overflow-scrolling:touch}
  nav ul{position:fixed;top:0}
  nav>ul>li:last-of-type{border-bottom:6em solid #000}
}
@media only screen and (max-width:640px) {
  .desktop{display:none!important}
  .tablet{display:block}
  #admin{display:none}
  fieldset.payment label{margin-right:5%;padding-top:17.5%;width:40%}
  fieldset.payment input{width:5%}
  #status{width:23.5%}
  #status a.more,#status data{display:none}
  #menu{float:none;width:100%;padding:1em 0 0}
  #menu+#wrapper{float:none;width:100%}
  #list li,#list li:nth-child(4n),#list li:nth-child(5n){width:30%;margin-right:5%}
  #list li:nth-child(3n){margin-right:0}
  #paging ol li:first-child,#paging ul{display:none}
  #share li.pinit,#share li.xing{visibility:hidden}
  .features li,.features li:nth-of-type(4n+1){width:47.5%;margin-left:5%;clear:none}
  .features li:nth-of-type(2n+1){clear:left;margin-left:0}
  .pointer{display:block;width:auto;margin:0 auto}
  .pointer a.push{margin-left:0;display:inline-block;margin-top:.25em}
  #sitemap li{flex-basis:50%}
  #master div.message,.slideshow.start div.message{position:static;max-width:100%;padding:.5em}
  .message h1,.message h2{font-size:1.75em}
  .slideshow ul{bottom:0;position:static;transform:translateX(0)}
  .seocontent {width: 96%;border-bottom:solid 1px}
}
@media only screen and (max-width:480px) {
  section.product img{margin:0 auto}
  .left,.right{padding-right:35%}
  dfn{margin-left:0}
  samp{display:block;padding-left:0}
  caption,table,tbody,td,tfoot,tr{box-sizing:border-box;display:block;width:100%}
  tr{display:table;margin-bottom:1em}
  td.action,td.blind,th,thead{display:none}
  th.caption{display:block}
  td.amount,td.image{float:left;width:35%}
  td.image img{width:100%}
  td.product{float:left;width:65%}
  td.variant{clear:both;float:right;width:65%}
  td.available,td.sum,td.unit{clear:both}
  td.available:before,td.entry:before,td.sum:before,td.total:before,td.unit:before{content:attr(title);float:left}
  td.available,td.entry{text-align:right}
  td.entry:before{line-height:2}
  td.entry button,td.entry input,td.entry select{width:50%}
  td.address:before{content:attr(title);display:block;float:none;font-weight:700;padding:.5em 0}
  h2{font-size:2em}
  fieldset.button{padding-left:0}
  label.after,label.check{width:90%}
  label.none{margin-bottom:.5em}
  button,input,select,textarea{box-sizing:border-box}
  input.vertical{clear:left;margin-left:0}
  input.short,input.standard,input[type=email],input[type=password],input[type=url],textarea{width:100%}
  input[type=date],input[type=number],input[type=time]{width:35%}
  label.before{float:none;width:100%}
  .g-recaptcha{margin-left:0}
  .column{width:100%;margin-bottom:1em}
  .column+.column{margin-left:0}
  section.product+section.product{padding-bottom:1.5em}
  section.product .scope{display:flex;flex-direction:column}
  section.product .column{order:2;float:none}
  section.product .visual{order:1}
  section.product .visual h3{text-align:center}
  section.product .column+.visual img,section.product .visual img{margin:0 auto}
  .anterior,.posterior{float:none;margin:0 0 1em;width:auto}
  #title{width:77%}
  #status{line-height:2;margin-top:0;text-align:center;width:10%}
  #status a{padding:0}
  #status svg.icon{height:2em;margin:0;padding:0;width:2em}
  #search,#service a.push,#social,#status span{display:none}
  #service{margin-right:1em}
  .mobile{display:block}
  .pointer a.push{max-width:100%}
  .slideshow a.more{float:none;text-align:center}
  .slideshow article div{position:relative;right:0;top:0;width:100%}
  #master div.message,.slideshow.start div.message{max-width:95%}
  .image{float:none;margin:0}
  .text{float:none;margin:2em 0 0}
  .text blockquote:after,.text blockquote:before{display:none}
  .aside,.journal{float:none;width:auto;margin-bottom:1em}
  .aside+.journal,.journal+.aside{margin-left:0}
  .reduced{margin:0 3em}
  #journal,aside{margin:0 0 1em}
  aside button{width:100%}
  #teaser article{width:100%;margin-left:0}
  .list li,.list li:nth-of-type(3n+1){width:47.5%;clear:none;margin-left:5%}
  .list li:nth-of-type(2n+1){margin-left:0;clear:left}
  #list col.price,#list col.product,#list col.title{width:100%}
  #list td{border:none}
  #list td:first-child{padding-right:0}
  #list img{width:100%}
  .casestory{padding:1em .25em}
  .casestory p.lead{font-size:1.3em}
  #cart col:first-child{width:100%}
  #cart tbody td{padding:.25em}
  #cart tbody td.amount input,#cart tbody td.amount select,#cart tbody td.variant select{margin:0;padding:.25em;width:100%}
  #cart tfoot tr{margin:0}
  #cart fieldset{padding:0}
  #cart fieldset.next{float:none;margin-top:2em}
  #cart fieldset button{width:100%;height:3em;margin-bottom:1em}
  #cart button.cancel{display:none}
  #confirm,#error,#warning{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
  #confirm img,#error img,#warning img{display:none}
  #confirm button,#error button,#warning button{float:none;order:9;margin-top:1em;margin-left:0}
  #confirm button+button,#error button+button,#warning button+button{margin-top:0}
  #related li{float:none;margin-left:0;padding:1em;width:100%}
  #comments ol{padding-left:.5em}
  #comments li{margin-bottom:1em}
  #comments li.reply{margin-left:1em}
  #comments blockquote{margin-right:0}
  #sitemap li{flex-basis:100%}
  #share{display:none}
  #footnote{height:auto;overflow:hidden}
  #footnote li{display:block;float:left;font-size:.875em;margin-right:0;width:50%}
}
.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999;background-color:rgba(201,51,51,.8)}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:.5em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}
.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}
.cc-link{opacity:.8;display:inline-block;padding:.2em}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;text-align:center;white-space:nowrap;text-decoration:none;border:thin solid #FFF!important;border-radius:5px}
.cc-btn:hover{border-color:#CCC!important;color:#CCC!important}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}
.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}
.cc-left{left:1em}
.cc-right{right:1em}
.cc-bottom{bottom:1em}
.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}
.cc-window.cc-banner{-ms-flex-align:center;align-items:center}
.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner.cc-bottom{left:0;right:0;bottom:0}
.cc-banner .cc-message{-ms-flex:1;flex:1;text-align:center}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-compliance>.cc-btn{-ms-flex:1;flex:1}
.cc-btn+.cc-btn{margin-left:.5em}
@media print {
  .cc-revoke,.cc-window{display:none}
}
@media screen and (max-width:900px) {
  .cc-btn{white-space:normal}
}
@media screen and (max-width:736px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
  .cc-window.cc-top{top:0}
  .cc-window.cc-bottom{bottom:0}
  .cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
  .cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}
  .cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}
  .cc-window.cc-floating{max-width:none}
  .cc-window .cc-message{margin-bottom:1em}
  .cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}
}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}
.cc-theme-classic .cc-btn:last-child{min-width:140px}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}
.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}