@charset "UTF-8";

/* skel-baseline v3.0.1 | (c) n33 | skel.io | MIT licensed */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,main,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,main,header,hgroup,menu,nav,section {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;}
*, *:before,*:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container {margin-left:auto;margin-right:auto;}
.container.\31 25\25 {width:100%;max-width:100em;min-width:80em;}
.container.\37 5\25 {width:60em;}
.container.\35 0\25 {width:40em;}
.container.\32 5\25 {width:20em;}
.container {width:80em;max-width:1280px;}
@media screen and (max-width:1680px){
.container.\31 25\25 {width:100%;max-width:100em;min-width:80em;}
.container.\37 5\25 {width:60em;}
.container.\35 0\25 {width:40em;}
.container.\32 5\25 {width:20em;}
.container {width:80em;max-width:1200px;}
}
@media screen and (max-width:1280px){
.container.\31 25\25 {width:100%;max-width:81.25em;min-width:65em;}
.container.\37 5\25 {width:48.75em;}
.container.\35 0\25 {width:32.5em;}
.container.\32 5\25 {width:16.25em;}
.container {width:65em;max-width:90%;}
}
@media screen and (max-width:980px){
.container.\31 25\25 {width:100%;max-width:112.5%;min-width:90%;}
.container.\37 5\25 {width:67.5%;}
.container.\35 0\25 {width:45%;}
.container.\32 5\25 {width:22.5%;}
.container {width:90%;}
}
@media screen and (max-width:736px){
.container.\31 25\25 {width:100%;max-width:112.5%;min-width:90%;}
.container.\37 5\25 {width:67.5%;}
.container.\35 0\25 {width:45%;}
.container.\32 5\25 {width:22.5%;}
.container {width:90% !important;}
}
@media screen and (max-width:480px){
.container.\31 25\25 {width:100%;max-width:112.5%;min-width:90%;}
.container.\37 5\25 {width:67.5%;}
.container.\35 0\25 {width:45%;}
.container.\32 5\25 {width:22.5%;}
.container {width:90% !important;}
}
.row {border-bottom:solid 1px transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.row > * {float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.row:after,.row:before {content:'';display:block;clear:both;height:0;}
.row.uniform > * > :first-child {margin-top:0;}
.row.uniform > * > :last-child {margin-bottom:0;}
.row.\30 \25 > * {padding:0 0 0 0em;}
.row.\30 \25 {margin:0 0 -1px 0em;}
.row.uniform.\30 \25 > * {padding:0em 0 0 0em;}
.row.uniform.\30 \25 {margin:0em 0 -1px 0em;}
.row > * {padding:0 0 0 2em;}
.row {margin:0 0 -1px -2em;}
.row.uniform > * {padding:2em 0 0 2em;}
.row.uniform {margin:-2em 0 -1px -2em;}
.row.\32 00\25 > * {padding:0 0 0 4em;}
.row.\32 00\25 {margin:0 0 -1px -4em;}
.row.uniform.\32 00\25 > * {padding:4em 0 0 4em;}
.row.uniform.\32 00\25 {margin:-4em 0 -1px -4em;}
.row.\31 50\25 > * {padding:0 0 0 3em;}
.row.\31 50\25 {margin:0 0 -1px -3em;}
.row.uniform.\31 50\25 > * {padding:3em 0 0 3em;}
.row.uniform.\31 50\25 {margin:-3em 0 -1px -3em;}
.row.\35 0\25 > * {padding:0 0 0 1em;}
.row.\35 0\25 {margin:0 0 -1px -1em;}
.row.uniform.\35 0\25 > * {padding:1em 0 0 1em;}
.row.uniform.\35 0\25 {margin:-1em 0 -1px -1em;}
.row.\32 5\25 > * {padding:0 0 0 0.5em;}
.row.\32 5\25 {margin:0 0 -1px -0.5em;}
.row.uniform.\32 5\25 > * {padding:0.5em 0 0 0.5em;}
.row.uniform.\32 5\25 {margin:-0.5em 0 -1px -0.5em;}
.\31 2u,.\31 2u\24 {width:100%;clear:none;margin-left:0;}
.\31 1u,.\31 1u\24 {width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u,.\31 0u\24 {width:83.3333333333%;clear:none;margin-left:0;}
.\39 u,.\39 u\24 {width:75%;clear:none;margin-left:0;}
.\38 u,.\38 u\24 {width:66.6666666667%;clear:none;margin-left:0;}
.\37 u,.\37 u\24 {width:58.3333333333%;clear:none;margin-left:0;}
.\36 u,.\36 u\24 {width:50%;clear:none;margin-left:0;}
.\35 u,.\35 u\24 {width:41.6666666667%;clear:none;margin-left:0;}
.\34 u,.\34 u\24 {width:33.3333333333%;clear:none;margin-left:0;}
.\33 u,.\33 u\24 {width:25%;clear:none;margin-left:0;}
.\32 u,.\32 u\24 {width:16.6666666667%;clear:none;margin-left:0;}
.\31 u,.\31 u\24 {width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24 + *,.\31 1u\24 + *,.\31 0u\24 + *,.\39 u\24 + *,.\38 u\24 + *,.\37 u\24 + *,.\36 u\24 + *,.\35 u\24 + *,.\34 u\24 + *,.\33 u\24 + *,.\32 u\24 + *,.\31 u\24 + * {clear:left;}
.\-11u {margin-left:91.66667%;}
.\-10u {margin-left:83.33333%;}
.\-9u {margin-left:75%;}
.\-8u {margin-left:66.66667%;}
.\-7u {margin-left:58.33333%;}
.\-6u {margin-left:50%;}
.\-5u {margin-left:41.66667%;}
.\-4u {margin-left:33.33333%;}
.\-3u {margin-left:25%;}
.\-2u {margin-left:16.66667%;}
.\-1u {margin-left:8.33333%;}
@media screen and (max-width:1680px){
.row > * {padding:0 0 0 2em;}
.row {margin:0 0 -1px -2em;}
.row.uniform > * {padding:2em 0 0 2em;}
.row.uniform {margin:-2em 0 -1px -2em;}
.row.\32 00\25 > * {padding:0 0 0 4em;}
.row.\32 00\25 {margin:0 0 -1px -4em;}
.row.uniform.\32 00\25 > * {padding:4em 0 0 4em;}
.row.uniform.\32 00\25 {margin:-4em 0 -1px -4em;}
.row.\31 50\25 > * {padding:0 0 0 3em;}
.row.\31 50\25 {margin:0 0 -1px -3em;}
.row.uniform.\31 50\25 > * {padding:3em 0 0 3em;}
.row.uniform.\31 50\25 {margin:-3em 0 -1px -3em;}
.row.\35 0\25 > * {padding:0 0 0 1em;}
.row.\35 0\25 {margin:0 0 -1px -1em;}
.row.uniform.\35 0\25 > * {padding:1em 0 0 1em;}
.row.uniform.\35 0\25 {margin:-1em 0 -1px -1em;}
.row.\32 5\25 > * {padding:0 0 0 0.5em;}
.row.\32 5\25 {margin:0 0 -1px -0.5em;}
.row.uniform.\32 5\25 > * {padding:0.5em 0 0 0.5em;}
.row.uniform.\32 5\25 {margin:-0.5em 0 -1px -0.5em;}
.\31 2u\28xlarge\29,.\31 2u\24\28xlarge\29 {width:100%;clear:none;margin-left:0;}
.\31 1u\28xlarge\29,.\31 1u\24\28xlarge\29 {width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28xlarge\29,.\31 0u\24\28xlarge\29 {width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28xlarge\29,.\39 u\24\28xlarge\29 {width:75%;clear:none;margin-left:0;}
.\38 u\28xlarge\29,.\38 u\24\28xlarge\29 {width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28xlarge\29,.\37 u\24\28xlarge\29 {width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28xlarge\29,.\36 u\24\28xlarge\29 {width:50%;clear:none;margin-left:0;}
.\35 u\28xlarge\29,.\35 u\24\28xlarge\29 {width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28xlarge\29,.\34 u\24\28xlarge\29 {width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28xlarge\29,.\33 u\24\28xlarge\29 {width:25%;clear:none;margin-left:0;}
.\32 u\28xlarge\29,.\32 u\24\28xlarge\29 {width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28xlarge\29,.\31 u\24\28xlarge\29 {width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28xlarge\29 + *,.\31 1u\24\28xlarge\29 + *,.\31 0u\24\28xlarge\29 + *,.\39 u\24\28xlarge\29 + *,.\38 u\24\28xlarge\29 + *,.\37 u\24\28xlarge\29 + *,.\36 u\24\28xlarge\29 + *,.\35 u\24\28xlarge\29 + *,.\34 u\24\28xlarge\29 + *,.\33 u\24\28xlarge\29 + *,.\32 u\24\28xlarge\29 + *,.\31 u\24\28xlarge\29 + * {clear:left;}
.\-11u\28xlarge\29 {margin-left:91.66667%;}
.\-10u\28xlarge\29 {margin-left:83.33333%;}
.\-9u\28xlarge\29 {margin-left:75%;}
.\-8u\28xlarge\29 {margin-left:66.66667%;}
.\-7u\28xlarge\29 {margin-left:58.33333%;}
.\-6u\28xlarge\29 {margin-left:50%;}
.\-5u\28xlarge\29 {margin-left:41.66667%;}
.\-4u\28xlarge\29 {margin-left:33.33333%;}
.\-3u\28xlarge\29 {margin-left:25%;}
.\-2u\28xlarge\29 {margin-left:16.66667%;}
.\-1u\28xlarge\29 {margin-left:8.33333%;}
}
@media screen and (max-width:1280px){
.row > * {padding:0 0 0 1.5em;}
.row {margin:0 0 -1px -1.5em;}
.row.uniform > * {padding:1.5em 0 0 1.5em;}
.row.uniform {margin:-1.5em 0 -1px -1.5em;}
.row.\32 00\25 > * {padding:0 0 0 3em;}
.row.\32 00\25 {margin:0 0 -1px -3em;}
.row.uniform.\32 00\25 > * {padding:3em 0 0 3em;}
.row.uniform.\32 00\25 {margin:-3em 0 -1px -3em;}
.row.\31 50\25 > * {padding:0 0 0 2.25em;}
.row.\31 50\25 {margin:0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > * {padding:2.25em 0 0 2.25em;}
.row.uniform.\31 50\25 {margin:-2.25em 0 -1px -2.25em;}
.row.\35 0\25 > * {padding:0 0 0 0.75em;}
.row.\35 0\25 {margin:0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > * {padding:0.75em 0 0 0.75em;}
.row.uniform.\35 0\25 {margin:-0.75em 0 -1px -0.75em;}
.row.\32 5\25 > * {padding:0 0 0 0.375em;}
.row.\32 5\25 {margin:0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > * {padding:0.375em 0 0 0.375em;}
.row.uniform.\32 5\25 {margin:-0.375em 0 -1px -0.375em;}
.\31 2u\28large\29,.\31 2u\24\28large\29 {width:100%;clear:none;margin-left:0;}
.\31 1u\28large\29,.\31 1u\24\28large\29 {width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28large\29,.\31 0u\24\28large\29 {width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28large\29,.\39 u\24\28large\29 {width:75%;clear:none;margin-left:0;}
.\38 u\28large\29,.\38 u\24\28large\29 {width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28large\29,.\37 u\24\28large\29 {width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28large\29,.\36 u\24\28large\29 {width:50%;clear:none;margin-left:0;}
.\35 u\28large\29,.\35 u\24\28large\29 {width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28large\29,.\34 u\24\28large\29 {width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28large\29,.\33 u\24\28large\29 {width:25%;clear:none;margin-left:0;}
.\32 u\28large\29,.\32 u\24\28large\29 {width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28large\29,.\31 u\24\28large\29 {width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28large\29 + *,.\31 1u\24\28large\29 + *,.\31 0u\24\28large\29 + *,.\39 u\24\28large\29 + *,.\38 u\24\28large\29 + *,.\37 u\24\28large\29 + *,.\36 u\24\28large\29 + *,.\35 u\24\28large\29 + *,.\34 u\24\28large\29 + *,.\33 u\24\28large\29 + *,.\32 u\24\28large\29 + *,.\31 u\24\28large\29 + * {clear:left;}
.\-11u\28large\29 {margin-left:91.66667%;}
.\-10u\28large\29 {margin-left:83.33333%;}
.\-9u\28large\29 {margin-left:75%;}
.\-8u\28large\29 {margin-left:66.66667%;}
.\-7u\28large\29 {margin-left:58.33333%;}
.\-6u\28large\29 {margin-left:50%;}
.\-5u\28large\29 {margin-left:41.66667%;}
.\-4u\28large\29 {margin-left:33.33333%;}
.\-3u\28large\29 {margin-left:25%;}
.\-2u\28large\29 {margin-left:16.66667%;}
.\-1u\28large\29 {margin-left:8.33333%;}
}
@media screen and (max-width:980px){
.row > * {padding:0 0 0 1.5em;}
.row {margin:0 0 -1px -1.5em;}
.row.uniform > * {padding:1.5em 0 0 1.5em;}
.row.uniform {margin:-1.5em 0 -1px -1.5em;}
.row.\32 00\25 > * {padding:0 0 0 3em;}
.row.\32 00\25 {margin:0 0 -1px -3em;}
.row.uniform.\32 00\25 > * {padding:3em 0 0 3em;}
.row.uniform.\32 00\25 {margin:-3em 0 -1px -3em;}
.row.\31 50\25 > * {padding:0 0 0 2.25em;}
.row.\31 50\25 {margin:0 0 -1px -2.25em;}
.row.uniform.\31 50\25 > * {padding:2.25em 0 0 2.25em;}
.row.uniform.\31 50\25 {margin:-2.25em 0 -1px -2.25em;}
.row.\35 0\25 > * {padding:0 0 0 0.75em;}
.row.\35 0\25 {margin:0 0 -1px -0.75em;}
.row.uniform.\35 0\25 > * {padding:0.75em 0 0 0.75em;}
.row.uniform.\35 0\25 {margin:-0.75em 0 -1px -0.75em;}
.row.\32 5\25 > * {padding:0 0 0 0.375em;}
.row.\32 5\25 {margin:0 0 -1px -0.375em;}
.row.uniform.\32 5\25 > * {padding:0.375em 0 0 0.375em;}
.row.uniform.\32 5\25 {margin:-0.375em 0 -1px -0.375em;}
.\31 2u\28medium\29,.\31 2u\24\28medium\29 {width:100%;clear:none;margin-left:0;}
.\31 1u\28medium\29,.\31 1u\24\28medium\29 {width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28medium\29,.\31 0u\24\28medium\29 {width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28medium\29,.\39 u\24\28medium\29 {width:75%;clear:none;margin-left:0;}
.\38 u\28medium\29,.\38 u\24\28medium\29 {width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28medium\29,.\37 u\24\28medium\29 {width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28medium\29,.\36 u\24\28medium\29 {width:50%;clear:none;margin-left:0;}
.\35 u\28medium\29,.\35 u\24\28medium\29 {width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28medium\29,.\34 u\24\28medium\29 {width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28medium\29,.\33 u\24\28medium\29 {width:25%;clear:none;margin-left:0;}
.\32 u\28medium\29,.\32 u\24\28medium\29 {width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28medium\29,.\31 u\24\28medium\29 {width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28medium\29 + *,.\31 1u\24\28medium\29 + *,.\31 0u\24\28medium\29 + *,.\39 u\24\28medium\29 + *,.\38 u\24\28medium\29 + *,.\37 u\24\28medium\29 + *,.\36 u\24\28medium\29 + *,.\35 u\24\28medium\29 + *,.\34 u\24\28medium\29 + *,.\33 u\24\28medium\29 + *,.\32 u\24\28medium\29 + *,.\31 u\24\28medium\29 + * {clear: left;}
.\-11u\28medium\29 {margin-left:91.66667%;}
.\-10u\28medium\29 {margin-left:83.33333%;}
.\-9u\28medium\29 {margin-left:75%;}
.\-8u\28medium\29 {margin-left:66.66667%;}
.\-7u\28medium\29 {margin-left:58.33333%;}
.\-6u\28medium\29 {margin-left:50%;}
.\-5u\28medium\29 {margin-left:41.66667%;}
.\-4u\28medium\29 {margin-left:33.33333%;}
.\-3u\28medium\29 {margin-left:25%;}
.\-2u\28medium\29 {margin-left:16.66667%;}
.\-1u\28medium\29 {margin-left:8.33333%;}
}
@media screen and (max-width: 736px){
.row > * {padding:0 0 0 1.25em;}
.row {margin:0 0 -1px -1.25em;}
.row.uniform > * {padding:1.25em 0 0 1.25em;}
.row.uniform {margin:-1.25em 0 -1px -1.25em;}
.row.\32 00\25 > * {padding:0 0 0 2.5em;}
.row.\32 00\25 {margin:0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > * {padding:2.5em 0 0 2.5em;}
.row.uniform.\32 00\25 {margin:-2.5em 0 -1px -2.5em;}
.row.\31 50\25 > * {padding:0 0 0 1.875em;}
.row.\31 50\25 {margin:0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > * {padding:1.875em 0 0 1.875em;}
.row.uniform.\31 50\25 {margin:-1.875em 0 -1px -1.875em;}
.row.\35 0\25 > * {padding:0 0 0 0.625em;}
.row.\35 0\25 {margin:0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > * {padding:0.625em 0 0 0.625em;}
.row.uniform.\35 0\25 {margin:-0.625em 0 -1px -0.625em;}
.row.\32 5\25 > * {padding:0 0 0 0.3125em;}
.row.\32 5\25 {margin:0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > * {padding:0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25 {margin:-0.3125em 0 -1px -0.3125em;}
.\31 2u\28small\29,.\31 2u\24\28small\29 {width:100%;clear:none;margin-left:0;}
.\31 1u\28small\29,.\31 1u\24\28small\29 {width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28small\29,.\31 0u\24\28small\29 {width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28small\29,.\39 u\24\28small\29 {width:75%;clear:none;margin-left:0;}
.\38 u\28small\29,.\38 u\24\28small\29 {width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28small\29,.\37 u\24\28small\29 {width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28small\29,.\36 u\24\28small\29 {width:50%;clear:none;margin-left:0;}
.\35 u\28small\29,.\35 u\24\28small\29 {width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28small\29,.\34 u\24\28small\29 {width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28small\29,.\33 u\24\28small\29 {width:25%;clear:none;margin-left:0;}
.\32 u\28small\29,.\32 u\24\28small\29 {width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28small\29,.\31 u\24\28small\29 {width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28small\29 + *,.\31 1u\24\28small\29 + *,.\31 0u\24\28small\29 + *,.\39 u\24\28small\29 + *,.\38 u\24\28small\29 + *,.\37 u\24\28small\29 + *,.\36 u\24\28small\29 + *,.\35 u\24\28small\29 + *,.\34 u\24\28small\29 + *,.\33 u\24\28small\29 + *,.\32 u\24\28small\29 + *,.\31 u\24\28small\29 + * {clear:left;}
.\-11u\28small\29 {margin-left:91.66667%;}
.\-10u\28small\29 {margin-left:83.33333%;}
.\-9u\28small\29 {margin-left:75%;}
.\-8u\28small\29 {margin-left:66.66667%;}
.\-7u\28small\29 {margin-left:58.33333%;}
.\-6u\28small\29 {margin-left:50%;}
.\-5u\28small\29 {margin-left:41.66667%;}
.\-4u\28small\29 {margin-left:33.33333%;}
.\-3u\28small\29 {margin-left:25%;}
.\-2u\28small\29 {margin-left:16.66667%;}
.\-1u\28small\29 {margin-left:8.33333%;}
}
@media screen and (max-width:480px){
.row > * {padding:0 0 0 1.25em;}
.row {margin:0 0 -1px -1.25em;}
.row.uniform > * {padding:1.25em 0 0 1.25em;}
.row.uniform {margin:-1.25em 0 -1px -1.25em;}
.row.\32 00\25 > * {padding:0 0 0 2.5em;}
.row.\32 00\25 {margin:0 0 -1px -2.5em;}
.row.uniform.\32 00\25 > * {padding:2.5em 0 0 2.5em;}
.row.uniform.\32 00\25 {margin:-2.5em 0 -1px -2.5em;}
.row.\31 50\25 > * {padding:0 0 0 1.875em;}
.row.\31 50\25 {margin:0 0 -1px -1.875em;}
.row.uniform.\31 50\25 > * {padding:1.875em 0 0 1.875em;}
.row.uniform.\31 50\25 {margin:-1.875em 0 -1px -1.875em;}
.row.\35 0\25 > * {padding:0 0 0 0.625em;}
.row.\35 0\25 {margin:0 0 -1px -0.625em;}
.row.uniform.\35 0\25 > * {padding:0.625em 0 0 0.625em;}
.row.uniform.\35 0\25 {margin:-0.625em 0 -1px -0.625em;}
.row.\32 5\25 > * {padding:0 0 0 0.3125em;}
.row.\32 5\25 {margin:0 0 -1px -0.3125em;}
.row.uniform.\32 5\25 > * {padding:0.3125em 0 0 0.3125em;}
.row.uniform.\32 5\25 {margin:-0.3125em 0 -1px -0.3125em;}
.\31 2u\28xsmall\29,.\31 2u\24\28xsmall\29 {width:100%;clear:none;margin-left:0;}
.\31 1u\28xsmall\29,.\31 1u\24\28xsmall\29 {width:91.6666666667%;clear:none;margin-left:0;}
.\31 0u\28xsmall\29,.\31 0u\24\28xsmall\29 {width:83.3333333333%;clear:none;margin-left:0;}
.\39 u\28xsmall\29,.\39 u\24\28xsmall\29 {width:75%;clear:none;margin-left:0;}
.\38 u\28xsmall\29,.\38 u\24\28xsmall\29 {width:66.6666666667%;clear:none;margin-left:0;}
.\37 u\28xsmall\29,.\37 u\24\28xsmall\29 {width:58.3333333333%;clear:none;margin-left:0;}
.\36 u\28xsmall\29,.\36 u\24\28xsmall\29 {width:50%;clear:none;margin-left:0;}
.\35 u\28xsmall\29,.\35 u\24\28xsmall\29 {width:41.6666666667%;clear:none;margin-left:0;}
.\34 u\28xsmall\29,.\34 u\24\28xsmall\29 {width:33.3333333333%;clear:none;margin-left:0;}
.\33 u\28xsmall\29,.\33 u\24\28xsmall\29 {width:25%;clear:none;margin-left:0;}
.\32 u\28xsmall\29,.\32 u\24\28xsmall\29 {width:16.6666666667%;clear:none;margin-left:0;}
.\31 u\28xsmall\29,.\31 u\24\28xsmall\29 {width:8.3333333333%;clear:none;margin-left:0;}
.\31 2u\24\28xsmall\29 + *,.\31 1u\24\28xsmall\29 + *,.\31 0u\24\28xsmall\29 + *,.\39 u\24\28xsmall\29 + *,.\38 u\24\28xsmall\29 + *,.\37 u\24\28xsmall\29 + *,.\36 u\24\28xsmall\29 + *,.\35 u\24\28xsmall\29 + *,.\34 u\24\28xsmall\29 + *,.\33 u\24\28xsmall\29 + *,.\32 u\24\28xsmall\29 + *,.\31 u\24\28xsmall\29 + * {clear:left;}
.\-11u\28xsmall\29 {margin-left:91.66667%;}
.\-10u\28xsmall\29 {margin-left:83.33333%;}
.\-9u\28xsmall\29 {margin-left:75%;}
.\-8u\28xsmall\29 {margin-left:66.66667%;}
.\-7u\28xsmall\29 {margin-left:58.33333%;}
.\-6u\28xsmall\29 {margin-left:50%;}
.\-5u\28xsmall\29 {margin-left:41.66667%;}
.\-4u\28xsmall\29 {margin-left:33.33333%;}
.\-3u\28xsmall\29 {margin-left:25%;}
.\-2u\28xsmall\29 {margin-left:16.66667%;}
.\-1u\28xsmall\29 {margin-left:8.33333%;}
}



/* Barlow Condensed */
@font-face {font-display: swap;font-family: 'Barlow Condensed';font-style: normal;font-weight: 500;src: url('../fonts/barlow-condensed-v12-latin-500.woff2') format('woff2');}

/* Barlow Semi Condensed */
@font-face {font-display: swap;font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 300;src: url('../fonts/barlow-semi-condensed-v15-latin-300.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 400;src: url('../fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Barlow Semi Condensed';font-style: italic;font-weight: 400;src: url('../fonts/barlow-semi-condensed-v16-latin-italic.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 500;src: url('../fonts/barlow-semi-condensed-v15-latin-500.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 600;src: url('../fonts/barlow-semi-condensed-v15-latin-600.woff2') format('woff2');}

/* Barlow */
@font-face {font-display: swap;font-family: 'Barlow';font-style: normal;font-weight: 400;src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Barlow';font-style: normal;font-weight: 500;src: url('../fonts/barlow-v12-latin-500.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Barlow';font-style: normal;font-weight: 600;src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2');}

/* Fontenello */
@font-face {font-family: 'fontello';font-style: normal;font-weight: normal;src: url('../fonts/fontello.woff2?34177629') format('woff2');}



/* Farben & Font-Family */
:root {
--colorBlack: #36281E;
--colorBrownDark: #653819;
--colorBrown: #C4AB97;
--colorBrownLight: #E9E0D9;
--colorGreenDark: #58953A;
--colorGreen: #B4D06C;
--colorGreenLight: #E8F3C9;
--colorOrangeDark: #A43700;
--colorOrange: #E18053;
--colorOrangeLight: #F5EBCC;
--colorWhite: #FFF;
--fontBarlow: Barlow, 'Open Sans', Arial, sans-serif;
--fontBarlowCond: 'Barlow Condensed', 'Open Sans Condensed', 'Arial Narrow', Arial, sans-serif;
--fontBarlowSemiCond: 'Barlow Semi Condensed', 'Open Sans Condensed', 'Arial Narrow', Arial, sans-serif;
--transition: all 0.15s ease-in-out;
--borderRadius: 20px;
}



/* Basic */
@-ms-viewport {width: device-width;}
body {-ms-overflow-style: scrollbar;}
@media screen and (max-width: 480px) {
html, body {min-width: 320px;}
}
body {background: var(--colorWhite);scroll-behavior: smooth;}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {animation: none !important;transition: none !important;}

/* Typo */
body, input, select, textarea {color: var(--colorBlack);font-family: var(--fontBarlow);font-size: 12pt;font-weight: 400;line-height: 1.875;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-smoothing: antialiased;}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 736px) {
body, input, select, textarea {font-size: 13pt;}
}
@media screen and (max-width: 480px) {}
a {color: var(--colorBrownDark);text-decoration: underline;display: inline-block;}
a:hover {text-decoration: none;}
a.img {display: inline;text-decoration: none;}
p a {display: inline-block;}
header a,
.banner a {color: var(--colorWhite);text-decoration: none;}
article header a {color: var(--colorGreen);}
strong, b {font-weight: 600;}
.button strong {text-decoration: underline;}
em, i {font-style: italic;}
p {font-size: 1.0625em;padding: 0 0 1.875em 0;}
article li {font-size: 1.0625em;}
article li li {font-size: 1em;}
th {font-weight: 600;}
th, td {font-size: 1.0625em;}
h1, h2, h3, h4, h5, h6 {font-family: var(--fontBarlowSemiCond);color: var(--colorBrownDark);font-weight: 400;line-height: 1.2;margin: 0 0 1.0em 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
h1 {font-size: 2.7em;margin: 0 0 1.1em 0;}
h2 {font-size: 2.3em;margin: 0 0 1.1em 0;}
h3 {font-size: 2.0em;margin: .25em 0 .75em 0;text-transform: uppercase;position: relative;}
h4 {font-size: 1.8em;font-family: var(--fontBarlowCond);font-weight: 500;}
h5 {font-size: 1.4em;font-weight: 400;}
h6 {font-size: 1.2em;line-height: 1.5;}
h2 + h3 {font-size: 1.4em;font-weight: 400;margin: -1.6em 0 1.6em 0;text-transform: none;}
.align-center h2 + h3 {margin: -1.6em 0 3.2em 0;}
.align-center h2 + h3:before {position: absolute;bottom: -1.2em;left: 50%;width: 76px;height: 1px;margin: 0 auto;background: var(--colorBrownDark);content: "";transform: translateX(-53%);}
#sortiment h3 {text-transform: none;}
h5.qualification {margin-top: -1.4em;font-size: 1.25em;font-style: italic;line-height: 1.1em;}
@media screen and (max-width: 480px) {
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;margin: .25em 0 1.0em 0;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;line-height: 1.4em;}
h5.qualification {margin-top: -1.2em;font-size: 1.1em;}
h2 + h3 {font-size: 1.2em;font-weight: 400;margin: -1.1em 0 2.8em 0;line-height: 1.3;text-transform: none;}
.align-center h2 + h3 {margin: -1.2em 0 2.7em 0;}
}
sub {font-size: 0.75em;position: relative;top: 0.25em;}
sup {font-size: 0.8em;position: relative;top: -0.5em;}
// blockquote {border-left: 4px solid var(--colorGreen);margin: 0 0 2em 0;padding: 0.5em 0 0.5em 2em;}
hr {margin: 0 0 2.25em;border: 0;border-bottom: solid 1px var(--colorBrown);}
hr.major {margin: 3.0em 0 4.0em;}
.grey hr,
.grey-dark hr {border-bottom: solid 1px var(--colorWhite);}
form hr {margin: 1.0em 0 2.0em;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.big {font-size: 2.5em;}
.small {font-size: 0.9em;}
h1 .small {font-size: 0.667em;font-weight: 400;margin-left: .1em;}
h2 .small {font-size: 0.75em;font-weight: 300;}
h3 .small {font-size: 0.75em;font-weight: 400;}
.marginTop {margin-top: 40px;}
.marginBottom {margin-bottom: 40px;}
.marginBottomSmall {margin-bottom: 0.875em;}
.marginBottom15 {margin-bottom: 15px;}
.paddingTop10 {padding-top: 10px;}
.paddingBottomSmall {padding-bottom: 0.875em;}
.fehler {color: var(--colorOrangeDark );}
.uppercase {text-transform: uppercase;font-weight: 600;}
.hyphens {hyphens: auto;}
.nowrap {white-space: nowrap;}
.lineHeightSmall {line-height: 1.4em;}
abbr {cursor: help;}

/* Schriftzug Company */
.company {padding: 0;font-family: var(--fontBarlowCond);font-size: 2.0em;font-weight: 500;line-height: .72em;text-transform: uppercase;color: var(--colorWhite);}
.company > span {display: block;font-family: var(--fontBarlowSemiCond);font-size: 0.422em;font-weight: 400;letter-spacing: .5em;}

/* Form */
form {margin: .75em 0 2.5em;padding: 15px;border: 1px solid var(--colorBrown);border-radius: var(--borderRadius);}
#shop form {margin-bottom: 0;padding: 20px 15px;background-color: var(--colorBrownLight);border-color: var(--colorBrownLight);}
@media screen and (max-width: 980px) {
form {margin: .75em 0 8.5em;}
}
#main form p {padding-left: 6px;padding-right: 6px;}
#main #shop form p {padding-bottom: 0.2em;}
label {color: var(--colorBlack);display: block;font-size: 1.1em;font-weight: 400;margin: 0 0 1em 0;padding-left: 6px;padding-right: 6px;}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="submit"],
select,
textarea {appearance: none;background: var(--colorWhite);border: 1px solid var(--colorBrown);border-radius: var(--borderRadius);color: var(--colorBlack);display: block;outline: 0;padding: 0 1em;font-size: 1.0em;font-weight: 400;text-decoration: none;width: 100%;}
#shop input[type="text"],
#shop input[type="tel"],
#shop input[type="email"],
#shop input[type="submit"],
#shop select {border-color: var(--colorBrownDark);}
input[type="submit"] {cursor: pointer;font-size: 1.125em;font-weight: 400;background-color: var(--colorBrownLight);border-color: var(--colorBrownLight);color: var(--colorBrownDark);}
#shop input[type="submit"] {background-color: var(--colorBrownDark);border-color: var(--colorBrownDark);color: var(--colorWhite);font-weight: 500;}
input[type="text"]:invalid,
input[type="tel"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="submit"]:invalid,
select:invalid,
textarea:invalid {box-shadow: none;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus,
#shop input[type="text"]:focus,
#shop input[type="tel"]:focus,
#shop input[type="password"]:focus,
#shop input[type="email"]:focus,
#shop select:focus,
#shop textarea:focus {border-color: var(--colorGreenDark);/*box-shadow: 0 0 0 1px var(--colorBrownLight);*/}
input[type="submit"]:focus,
input[type="submit"]:hover,
#shop input[type="submit"]:focus,
#shop input[type="submit"]:hover {background-color: var(--colorGreenDark);border-color: var(--colorGreenDark);color: var(--colorWhite);}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {height: 2.75em;}
textarea {padding: 0.75em 1em;}
input[type="checkbox"],
input[type="radio"] {appearance: none;display: block;float: left;margin-right: -2em;opacity: 0;width: 1em;z-index: -1;}
input[type="checkbox"] + label,
input[type="radio"] + label {text-decoration: none;color: var(--colorBrownDark);cursor: pointer;display: inline-block;font-size: 1.0em;font-weight: 400;line-height: 1.5em;padding-left: 2.4em;padding-right: 0.75em;position: relative;}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-family: "fontello";font-style: normal;font-weight: normal;text-transform: none !important;}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {background: #f4f4f4;border-radius: 10px;border: solid 1px #c4c9bd;content: '';display: inline-block;height: 1.65em;left: 0;line-height: 1.58125em;position: absolute;text-align: center;top: 0;width: 1.65em;}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {background: var(--colorBrownDark);border-color: var(--colorBrownLight);color: var(--colorWhite);content: '\e804';}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {border-color: var(--colorBrownDark);/*box-shadow: 0 0 0 1px var(--colorBrownLight);*/}
input[type="checkbox"] + label:before {border-radius: 10px;}
input[type="radio"] + label:before {border-radius: 100%;}
::-webkit-input-placeholder {color: var(--colorBrownDark) !important;opacity: 1.0;}
:-moz-placeholder {color: var(--colorBrownDark) !important;opacity: 1.0;}
::-moz-placeholder {color: var(--colorBrownDark) !important;opacity: 1.0;}
:-ms-input-placeholder {color: var(--colorBrownDark) !important;opacity: 1.0;}
.formerize-placeholder {color: var(--colorGreenDark) !important;opacity: 1.0;}

/* Table */
table {margin-bottom: 2.25em;}
tr.break th,
tr.break td {padding-top: 1.5em;}
th,
td {text-align: left;line-height: 1.75em;padding-right: 30px;padding-bottom: .5em;vertical-align: top;}
td {padding-right: 0;}
@media screen and (max-width: 480px) {
.mobileBlock tr {display: block;margin-bottom: 1em;padding-bottom: .6em;border-bottom: 1px solid var(--colorBrownLight);}
.mobileBlock th,
.mobileBlock td {display: block;width: 100%;}
.mobileBlock th {padding-right: 15px;}
.mobileBlock tr.break th,
.mobileBlock tr.break td {padding-top: 0;}
}
.tableBorder {display: inline-block;margin-bottom: 4em;padding: 20px;border: 1px solid var(--colorGreen);border-radius: var(--borderRadius);}
table.coloured {margin-bottom: 0;}
table.coloured th,
table.coloured td {padding: 0.5em 15px 0.5em 20px;border-top: 1px solid var(--colorGreen);}
table.coloured th {padding: 0.5em 20px 0.5em 0;border-right: 1px solid var(--colorGreenLight);}
table.coloured tr:first-child th,
table.coloured tr:first-child td {border-top: none;}
table.coloured th:last-child,
table.coloured td:last-child {border-right: none;}
table.coloured tr:first-child th:empty {background: none;}
@media screen and (max-width: 980px) {
table.coloured td {padding: 0.5em 0 0.5em 20px;}
}
@media screen and (max-width: 480px) {
.tableBorder {padding: 10px;}
table.coloured th {padding: 0.5em 10px 0.5em 5px;}
table.coloured td {padding: 0.5em 5px 0.5em 10px;}
}

/* Icon */
[class^="icon-"]:before,
[class*=" icon-"]:before,
.nav_hover a:before,
#hero a:before,
#main a:before,
#main li:before,
#footer li a:before,
#footer a.icon:before,
.icon-mail:before,
.icon-phone:before {content: '\e80d';display: inline-block;width: 1em;margin-right: 5px;padding-right: 0;color: var(--colorBrownDark);font-family: "fontello";font-size: .8em;font-style: normal;font-weight: normal;font-variant: normal;line-height: 1em;text-align: center;vertical-align: inherit;text-decoration: none;text-transform: none !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;speak: none;transform: rotate(30deg);}
.icon-ok:before {content: '\e804';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-up:before {content: '\e811';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-fax:before {content: '\f1ac';margin-right: 3px;vertical-align: 1px;transform: inherit;}
#main .icon-mail:before,
.icon-mail:before {content: '\e802';margin-right: 6px;vertical-align: 1px;transform: inherit;}
.icon-link:before {content: '\e807';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-leaf:before {content: '\e80d';}
.icon-down:before {content: '\e80e';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-left:before {content: '\e80f';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-phone:before {content: '\e800';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-right:before {content: '\e810';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-truck:before {content: '\e803';margin-right: 3px;vertical-align: 1px;transform: inherit;}
#main .icon-mobile:before,
.icon-mobile:before {content: '\e801';margin-right: 6px;vertical-align: 1px;transform: inherit;}
.icon-cancel:before {content: '\e805';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-envira:before {content: '\f299';margin-right: 3px;vertical-align: 1px;transform: inherit;}
.icon-mail-alt:before {content: '\f0e0';margin-right: 3px;vertical-align: 1px;transform: inherit;}
#main .icon-whatsapp:before,
.icon-whatsapp:before {content: '\f232';margin-right: 6px;vertical-align: 1px;transform: inherit;}

#header .icon-mail:before {margin-right: 6px;font-size: .9em;vertical-align: 1px;}
#header .icon-mobile:before {margin-right: 4px;font-size: .95em;}
#header .icon-whatsapp:before {margin-right: 5px;font-size: 1.0em;}
/*#header [class^="icon-"]:hover::before {color: var(--colorWhite);}*/
#hero a.button:before,
#main a.button:before {margin-right: 6px;}
#main li:before {content: '\e80d';width: 21px;height: 21px;margin-left: -30px;margin-right: 9px;padding-top: 5px;/*rotate!*/font-size: .8em;color: var(--colorWhite);background-color: var(--colorBrownDark);border-radius: 50%;vertical-align: 0;transform: rotate(-90deg);}
#main .accordion > li:before {display: none;content: '';}
#hero a:before,
#footer a:before,
#footer li a:before {color: var(--colorWhite);}
#footer p a:before {vertical-align: 0;} /* Kontakt auf class:small */
#footer li a:before {margin-right: 4px;}
#footer .icon-phone:before,
#footer .icon-mail:before {font-size: 1em;margin-right: 8px;}
#footer a#toTop:before {content: '\e811';margin-right: 0;color: var(--colorBrownDark);}
#footer .svg-button.icon-mail-alt:before,
#footer .svg-button.icon-phone:before,
#footer .svg-button.icon-whatsapp:before {margin-right: 0;font-size: 30px;color: var(--colorBrownDark);vertical-align: 0;}
#footer .svg-button.icon-mail-alt:hover::before,
#footer .svg-button.icon-phone:hover::before,
#footer .svg-button.icon-whatsapp:hover::before {color: var(--colorOrange);}
#hero a:before,
#footer a:hover::before {color: var(--colorOrange);}
#footer a#toTop:hover::before {color: var(--colorGreenDark);}
#main a.img:before {display: none;content: '';}
.nav_hover a:before {color: var(--colorBrownDark);}
.nav_hover li.active a:before {color: var(--colorWhite);}
@media screen and (min-width: 481px) { /* kein Hover auf smartphone */
.nav_hover a:hover::before {color: var(--colorWhite);}
}
@media screen and (max-width: 480px) { /* dafür Active auf smartphone */
.nav_hover a:active::before {color: var(--colorBrownDark);}
}

/* List */
article ol {list-style-type: decimal;margin: 0 0 2em 0;padding-left: 1.25em;}
article ol li {padding-left: 0.25em;}
article ul {margin: 0 0 2em 40px;list-style: none;}
article ul.noMargin {margin: 0;}
article ul ul {margin: .5em 0 .15em;padding-left: 1.5em;}
article ul li {position: relative;padding-bottom: .6em;line-height: 1.7em;}
article ul.links {list-style-type: none;}
/* #profil article ul li::marker {font-family: "fontello";content: "\e801";color: var(--colorGreen);} */
#profil article ul,
article ul.checkmark {list-style-type: none;}
#profil article ul li:before,
article ul.checkmark li:before {position: absolute;top: 0;left: -17px;font-family: "fontello";content: "\e801";color: var(--colorGreen);}

/* Image */
#main img {display: block;width: 100%;height: auto;margin: 0 0 2.0em 0;border-radius: var(--borderRadius);}
#main img.rounded {border-radius: 50%;margin: 0 0 2.5em 0;}
#main figure {position: relative;margin: 0 0 2.0em 0;box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0,0,0,.2), 0 8px 10px -6px rgba(0,0,0,.2);}
#main figure.noShadow {box-shadow: none;}
#main figure img {margin: 0;}
#main figure.shadow:before {content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;box-shadow: inset 0 -15px 0 0 rgba(255,255,255,.4);}
#main figcaption {position: relative; width: 100%;bottom: 0;padding: 6px 12px;background-color: var(--colorBrown);font-size: 0.9em;line-height: 1.2em;color: var(--colorBlack);text-align: center;hyphens: auto;}

/* Header Logo */
#header {position: fixed;z-index:10000;top: 0;width: 100%;background-image: linear-gradient(to right, var(--colorBrownDark) 40%, var(--colorGreen) 40%);border-bottom-left-radius: var(--borderRadius);cursor: default;font-family: var(--fontBarlowSemiCond);}
/*#logo_img {position: relative;z-index: inherit;float: left;width: 260px;height: auto;margin-left: -10px;padding-top: 0;transition: var(--transition);}*/
#logo_img {position: absolute;z-index: 100;width: 146px;height: auto;margin-top: -30px;vertical-align: top;color: #8e4111;transition: var(--transition);}
@media screen and (max-width: 980px) {
#header {position: relative;min-width: 320px;height: 140px;padding-top: 0;background-image: none;background-color: var(--colorBrownDark);border-radius: inherit;}
#logo_img {width: 130px;margin: -5px 0 0 20px;}
}

/* Hamburger-Menü */
a#menu {display: none;}
@media screen and (max-width: 980px) {
#topNav {display: none;}
a#menu {position: fixed;top: 45px;right: 20px;display: inline-block;float: right;width: auto;min-width: 52px;height: 50px;margin: 0;padding: 0 10px 0 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 10px 50%;background-color: var(--colorBrownDark);border-radius: 10px;color: var(--colorWhite);font-size: 1.1em;font-weight: 500;line-height: 50px;}
a#menu:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z' fill='%23653819'%3E%3C/path%3E%3C/svg%3E");background-color: var(--colorWhite);color: var(--colorBrownDark);}
}
@media screen and (max-width: 736px) {
a#menu {padding: 0 10px;}
a#menu span {display: none;}
}

/* Nav mobile */
@media screen and (max-width: 980px) {
#nav {-webkit-transform: translateX(15em);-moz-transform: translateX(15em);-ms-transform: translateX(15em);transform: translateX(15em);-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;-webkit-overflow-scrolling: touch;position: fixed;top: 0;right: 0;width: 15em;max-width: 80%;height: 100%;padding: 2.75em .25em;overflow-y: auto;visibility: hidden;background: var(--colorBrownDark);box-shadow: none;z-index: 10002;}
#nav ul {padding: 1.25em 0 0;list-style: none;}
#nav ul ul,
#nav ul li {padding: 0;}
#nav ul li li {padding: 0 0 0 .75em;}
#nav ul li a {display: block;padding: .5em;border: 0;border-top: solid 1px var(--colorWhite);color: var(--colorWhite);font-size: 1.1em;line-height: 1.5em;text-decoration: none;}
#nav ul li li a {font-size: .9em;font-weight: 500;}
#nav ul li a#shop,
#nav ul li a.mainNav {font-weight: 600;}
#nav li a#shop span {display: none;}
@media screen and (min-width: 481px) { /* kein Hover auf smartphone */
#nav ul li a#shop:hover,
#nav ul li a.mainNav:hover {color: var(--colorBrownDark);font-weight: 600;background-color: var(--colorWhite);}
#nav ul li li:hover a {color: var(--colorBrownDark);font-weight: 600;background-color: var(--colorWhite);}
#nav ul li li:hover li a {} /* 3. Ebene */
#nav ul li li li:hover a, /* 3. Ebene */
#nav ul li li.active li:hover a {} /* 3. Ebene */
}
@media screen and (max-width: 480px) { /* dafür Active auf smartphone */
#nav ul li a#shop:active,
#nav ul li a.mainNav:active {color: var(--colorBrownDark);font-weight: 600;background-color: var(--colorWhite);}
#nav ul li li:active a {color: var(--colorBrownDark);font-weight: 600;background-color: var(--colorWhite);}
#nav ul li li:active li a {} /* 3. Ebene */
#nav ul li li li:active a, /* 3. Ebene */
#nav ul li li.active li:active a {} /* 3. Ebene */
}
#nav ul li.active a#shop,
#nav ul li.active a.mainNav {color: var(--colorBrownDark);font-weight: 600;padding-left: 10px;background-color: var(--colorWhite);}
#nav ul li li.active a {color: var(--colorBrownDark);font-weight: 600;padding-left: 10px;background-color: var(--colorWhite);}
#nav ul li li.active li a {} /* 3. Ebene */
#nav .close {text-decoration: none;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;-webkit-tap-highlight-color: transparent;border: 0;color: var(--colorWhite);cursor: pointer;display: block;height: 4em;line-height: 4em;padding-right: 1.25em;position: absolute;right: 0;text-align: right;top: 0;vertical-align: middle;width: 7em;}
#nav .close:before {content: "\e805";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-family: "fontello";font-style: normal;font-weight: normal;text-transform: none !important;}
#nav .close:before {font-size: 1.25em;}
#nav .close:hover {color: var(--colorWhite);}
#nav.visible {-moz-transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);visibility: visible;}
}

/* Nav desktop */
@media screen and (min-width: 981px) {
#logo a {position: absolute;z-index: 100;width: auto;height: auto;vertical-align: top;}
#logo a:hover {}
/* ----- topNav */
#topNav {height: 40px;text-align: right;}
#topNav #borderBG {background-color: var(--colorWhite);}
#topNav #borderBG p {padding: 0 0 0 10px;background-color: var(--colorGreen);border-bottom-left-radius: var(--borderRadius);text-align: center;color: var(--colorBrownDark);font-size: 1.0625em;font-weight: 300;line-height: 40px;}
#topNav ul {background-color: var(--colorGreen);border-bottom-left-radius: var(--borderRadius);}
#topNav li {display: inline;}
#topNav a {display: inline-block;padding: 0 15px;font-size: 1.0625em;font-weight: 500;line-height: 40px;color: var(--colorBrownDark);transition: 0.2s;}
#topNav a.active,
#topNav a:hover {background-color: var(--colorWhite);}
/* ----- nav */
#nav {-webkit-overflow-scrolling: touch;height: 100px;background-image: linear-gradient(to right, var(--colorBrownDark) 50%, var(--colorBrownDark) 50%);border-bottom-left-radius: var(--borderRadius);transition: 0.2s;}
#nav ul#nav_ul {height: 100px;margin-left: 0;padding-left: 0;background-image: linear-gradient(to right, var(--colorBrownDark) 7%, var(--colorWhite) 7%, var(--colorWhite) 44%, var(--colorBrownDark) 44%);border-bottom-left-radius: var(--borderRadius);transition: 0.2s;}
#nav ul li {float: left;display: block;width: auto;}
/* ----- mainNav */
#nav li a.mainNav {position: relative;display: block;height: 100px;padding: 0 20px;background-color: var(--colorBrownDark);font-family: var(--fontBarlowCond);font-size: 1.6em;font-weight: 500;color: var(--colorWhite);line-height: 100px;text-decoration: none;text-align: center;transition: 0.2s;border-bottom-left-radius: var(--borderRadius);}
#nav li:nth-child(3) a.mainNav {padding-left: 40px;border-bottom-left-radius: var(--borderRadius);}
@media screen and (max-width: 1280px) {
#nav li a.mainNav {padding: 0 10px;}
#nav li:nth-child(3) a.mainNav {padding-left: 20px;}
}
#nav li:hover a.mainNav,
#nav li.active a.mainNav {color: var(--colorBrownDark);background-color: var(--colorGreen);}
/* ----- Menu aktiv: Ecke unten rechts */
#nav li a.mainNav:after {content: '';position: relative;bottom: 20px;left: 100%;display: block;width: 40px;height: 40px;background-color: var(--colorBrownDark);transition: 0.2s;
-webkit-mask: radial-gradient(circle 20px at top right, transparent 97%, black 100%) top right, linear-gradient(black, black);
mask: radial-gradient(circle 20px at top right, transparent 97%, black 100%) top right, linear-gradient(black, black);
-webkit-mask-size: 50.1% 50.1%;mask-size: 50.1% 50.1%;
-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
#nav li:hover a.mainNav:after,
#nav li.active a.mainNav:after {z-index: 10;background-color: var(--colorGreen);}
@media screen and (max-width: 1280px) {
#nav li a.mainNav:after {left: calc(100% - 10px);}
}
/* ----- mainNav shop */
#nav li a#shop {position: relative;display: block;width: 310px;height: 100px;padding: 15px 0 25px;background-color: var(--colorWhite);border-bottom-left-radius: var(--borderRadius);font-family: var(--fontBarlowCond);font-size: 2.4em;font-weight: 500;color: var(--colorBrownDark);line-height: 30px;text-decoration: none;text-align: center;transition: 0.2s;}
@media screen and (max-width: 1280px) {
#nav li a#shop {width: 260px;}
}
#nav li a#shop span {display: block;font-size: .5em;} /* #addition */
#nav li:hover a#shop,
#nav li.active a#shop {color: var(--colorBrownDark);background-color: var(--colorWhite);}
/* ----- nav_hover ausklappen */
#nav li .nav_hover {visibility: hidden;opacity: 0;transition: visibility 0s linear 0.1s, opacity 0.1s linear;overflow: hidden;}
#nav li:hover .nav_hover,
#nav li:focus-within .nav_hover {visibility: visible;opacity: 1;transition-delay: 0.15s;} /* Focus-within -> Tastatur-Steuerung */
/* ----- nav_hover */
.nav_hover {position: absolute;z-index: 100;width: 310px;margin-left: 20px;background-color: var(--colorWhite);border-bottom-left-radius: var(--borderRadius);border-bottom-right-radius: var(--borderRadius);box-shadow: 0 6px 5px rgba(0,0,0,0.2);}
@media screen and (max-width: 1280px) {
.nav_hover {width: 260px;}
}
body.is-loading .nav_hover {display: none;}
#nav .nav_hover ul {width: 310px;padding: 5px 0 12px;}
@media screen and (max-width: 1280px) {
#nav .nav_hover ul {width: 260px;}
}
#nav .nav_hover li {float: none;margin-left: 10px;}
#nav .nav_hover li a {display: block;padding: .4em 20px .4em 10px;border-top-left-radius: var(--borderRadius);border-bottom-left-radius: var(--borderRadius);font-size: 1.1em;font-weight: 500;line-height: 1.1em !important;color: var(--colorBrownDark);text-decoration: none;}
#nav .nav_hover ul ul {} /* 3. Ebene */
#nav .nav_hover li li {} /* 3. Ebene */
#nav .nav_hover li li a {} /* 3. Ebene */
#nav .nav_hover li a:hover,
#nav .nav_hover li.active li a:hover, /* 3. Ebene */
#nav .nav_hover li.active a {background-color: var(--colorBrownDark);color: var(--colorWhite);}
#nav .nav_hover li.active li a {} /* 3. Ebene */
@media screen and (min-width: 981px) {
#nav .only-medium {display: none;} /* FOUC verhindern */
}
}

/* Banner Hero */
#hero {position: relative;height: 300px;margin-top: 123px;/*?*/padding-top: 100px;/*?*/background-repeat: no-repeat;background-attachment: scroll;background-position: center center;background-size: cover;box-shadow: inset 0 -10px 0 0 rgba(245,235,204,.5);}
#index #hero {height: 700px;/*?*/padding-top: 0;/*?*/background-color: var(--colorOrangeLight);}
#introText {position: relative;/*margin-top: 240px;*/margin-top: 285px;padding-top: 35px;padding-bottom: 25px;padding-right: 25px;/*background-color: var(--colorGreenDark);*/background-color: rgba(88,149,58,.95);border-radius: var(--borderRadius);box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0,0,0,.2), 0 8px 10px -6px rgba(0,0,0,.2);}
#introText h1 {margin: .6em 0 .3em;font-weight: 600;line-height: 1.025;color: var(--colorWhite);}
#introText p.subTitle {padding: 0;font-family: var(--fontBarlowSemiCond);font-size: 1.4em;font-weight: 500;line-height: 1.1;color: var(--colorWhite);}
#introText img {position: absolute;top: -112px;right: -20px;width: 200px;height: auto;opacity: .6;-webkit-filter: drop-shadow(2px 2px 6px rgba(0,0,0,.15));filter: drop-shadow(2px 2px 6px rgba(0,0,0,.15));}
#introButton {margin-top: 25px;padding: 0;}
h1.bgWhite {display: inline-block;margin: 20px 0 0 -25px;padding: 10px 25px;background-color: var(--colorWhite);border-radius: var(--borderRadius);box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0,0,0,.2), 0 8px 10px -6px rgba(0,0,0,.2);}
h1.bgWhite span {display: block;font-size: .5em;}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 980px) {
#hero {margin-top: 0;}
#index #hero {height: 450px;}
#introText {/*margin-top: 250px;*/margin-top: 290px;}
#introText img {top: -120px;right: 10px;width: 180px;}
h1.bgWhite {margin: 10px 0 0 0;}
}
@media screen and (max-width: 736px) {
#introText {/*margin-top: 225px;*/margin-top: 255px;}
#introText h1 {font-size: 2.1em;}
#introText img {top: -85px;right: 0;width: 150px;}
}
@media screen and (max-width: 480px) {
#hero {height: 250px;}
#index #hero {height: 360px;}
#introText {margin-top: 187px;padding-top: 25px;}
#introText h1 {margin: 0 0 .3em;font-size: 1.7em;}
#introText p.subTitle {font-size: 1.2em;}
#introText img {top: -95px;right: 10px;width: 120px;}
#introText p.company,
#introButton {display: none;}
h1.bgWhite span {display: block;font-size: .5em;line-height: 1.5em;}
h1.bgWhite {margin: -10px 0 0;padding: 10px 25px 15px;font-size: 2.4em;line-height: 1.0em;}
}

/* Button */
a.button {position: relative;display: inline-block;width: auto;height: auto;margin-top: .3em;margin-left: 0;margin-right: .5em;padding: .7em 1.5em;background: var(--colorBrownDark);border-radius: var(--borderRadius);font-family: var(--fontBarlowSemiCond);font-size: 1.25em;font-weight: 500;line-height: 1.1;color: var(--colorWhite);text-align: center;text-decoration: none;appearance: none;cursor: pointer;transition: var(--transition);}
.align-center a.button {margin-left: .25em;margin-right: .25em;}
a.button:hover {background: var(--colorGreenDark);color: var(--colorWhite);}
a.button.brownDark {background: var(--colorBrownDark);}
a.button.brownDark:hover {background: var(--colorOrangeLight);color: var(--colorBrownDark);}
#sortiment a.button {background: var(--colorBrownDark);}
#sortiment a.button:hover {background: var(--colorGreenDark);}
/* button:before - Transitions */
#hero a.button:before,
#main a.button:before {color: var(--colorWhite);transition: var(--transition);}
#hero a.button:hover::before,
#main a.button:hover::before {color: var(--colorWhite);}
#hero a.button.brownDark:hover::before,
#main a.button.brownDark:hover::before {color: var(--colorBrownDark);}

/* Main */
#main {padding: 0;background-color: var(--colorWhite);}

/* section */
#main section {padding: 110px 0 90px;}
#main section.noPaddingBottom {padding: 110px 0 0;}
#main section.fullWidthImage {padding: 0;}
#main section.fullWidthImage .text {padding: 110px 0 80px 1.25em;}
#main section.fullWidthImage .row {display: flex;align-items: stretch;}
#main section.fullWidthImage .row .image {display: flex;align-items: center;}
#main section.fullWidthImage img {display: block;width: 100%;height: auto;margin: 0;}
@media screen and (max-width: 980px) {
#main section.fullWidthImage .row,
#main section.fullWidthImage .row .image {display: block;align-items: inherit;}
#main section.fullWidthImage .row .image {padding-top: 2em;}
#index #main section:first-child {padding-top: 285px;}
}
@media screen and (max-width: 736px) {
#index #main section:first-child {padding-top: 260px;}
}
@media screen and (max-width: 480px) {
#main section {padding: 75px 0 45px;}
#main section.onlyHeader {padding: 75px 0 0;}
#main section.fullWidthImage .text {padding: 75px 0 45px 1.25em;}
#index #main section:first-child {padding-top: 140px;}
}
section.grey {background-color: var(--colorBrownLight);}
section.grey-light {background-color: var(--colorOrangeLight);}
section#produkt {background-image: url('../images/sortiment/bg_produkt_section.webp');background-position: bottom right;background-repeat: no-repeat;}
@media screen and (min-width: 980px) {
section#faq {background-image: url("../images/ratgeber/bg_faq.webp");background-attachment: fixed;background-size: contain;background-position: 100% 0%;background-repeat: no-repeat;}
}
/* IOS stellt "background-attachment: fixed;" fehlerhaft dar, deswegen kein BG-Bild auf IOS */
@supports (-webkit-touch-callout: none) {
section#faq {background-image: none;}
}

/* Leistungen */
.leistung-icon {max-height: 90px;width: auto;margin: 1.5em 0 1em;fill: var(--colorGreen);}
a:hover .leistung-icon {fill: var(--colorOrangeLight);transition: var(--transition);}
.id_offset {position: relative;top: -155px;}

/* Haselnuss Sortiment Ausgabe */
#sortiment figure {position: relative;z-index: 1;margin-bottom: 0;border-radius: var(--borderRadius);}
#sortiment figure img {border-radius: var(--borderRadius);}
#sortiment .infos {position: relative;z-index: 2;margin: -65px 10px 30px;padding: .5em 8px;background-color: rgba(255,255,255,.95);border-radius: var(--borderRadius);}
#sortiment .infos h3.twoRows {margin: 0 0 .2em;line-height: 1.0em;}
#sortiment .infos a.button {margin-left: 0;margin-right: 0;padding: .7em 1.0em;}
#sortiment .infos p {padding: 0 0 1.3em;}
@media screen and (max-width: 480px) {
#sortiment .infos {margin: -100px 15px 30px;padding: 10px;}
#sortiment .infos h3 {margin: .25em 0 0;}
#sortiment .infos p {margin: .25em 0 0;padding: .75em 0;}
#sortiment .infos h3.twoRows {margin: 0;}
#sortiment .infos h3.twoRows + p {padding: 0 0 .75em;}
}

/* Haselnuss Sortiment Galerie */ 
.main-image-wrapper {position: relative;width: var(--box-width);height: var(--box-width);margin-bottom: 2em;overflow: hidden;}
.main-image-wrapper img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
button.thumb {margin: 0 0 2.5em 0;padding: 0;background-color: var(--colorWhite);border: none;cursor: pointer;}
#main button.thumb img {margin: 0;}

/* FAQ Akkordion */
#main ul.accordion {position: relative;display: block;width: 100%;height: auto;margin: 0;padding: 0;list-style: none;}
#main .accordion > li {position: relative;display: block;width: 100%;height: auto;margin: 0 auto 15px;padding: 12px 15px;background-color: var(--colorWhite);border-radius: var(--borderRadius);cursor: pointer;box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0,0,0,.05), 0 8px 10px -6px rgba(0,0,0,.05);}
#main .accordion h3 {margin: 0;padding: 3px 30px 3px 0;font-size: 1.35em;text-transform: inherit;cursor: pointer;}
#main .accordion h3:after {font-family: "fontello";content: "\e805";position: absolute;top: .3em;right: .25em;font-size: 21px;color: var(--colorGreenDark);transform: rotate(45deg);transition: all 0.3s ease-in-out;}
#main .accordion > li.open h3:after {transform: rotate(0deg);color: var(--colorOrange);}
/*#main .accordion h4 {margin: 0;padding: 0;font-size: 1.1em;line-height: 1.2em;}*/
#main .accordion div.answer {position: relative;display: block;width: 100%;height: auto;margin: 1.0em 0 0;padding: 1.0em 0 0;border-top: 1px solid var(--colorBrown);cursor: pointer;}
@media screen and (max-width: 980px) {
#main .accordion div.answer {margin: 1.0em 0 0;padding: 1.0em 0 0;}
}
#main .accordion p {position: relative;display: block;margin: 0;padding: 0 0 .5em;font-size: 1.0em;line-height: 1.5em;cursor: pointer;}
#main .accordion p strong {font-weight: 500;}
/*#main .accordion ul {position: relative;margin-top: 0;padding-bottom: .5em;}
#main .accordion ul li {position: relative;margin: 0;padding: 0;font-size: 1.0em;font-weight: 300;line-height: 1.35em;cursor: pointer;}*/
@media screen and (max-width: 480px) {
#main ul.accordion {margin-top: -15px;}
#main .accordion div.answer {hyphens: auto;}
}

/* Ansprechpartner */
#ansprechpartner {border-left: 1px solid var(--colorBrown);}
@media screen and (max-width: 980px) {
#ansprechpartner {border-left: none;}
}
@media screen and (max-width: 480px) {
#ansprechpartner {text-align: center;}
#ansprechpartner p {margin-bottom: 1.5em;}
#ansprechpartner img.rounded {margin-bottom: 1.75em;}
}

/* CTA */
#cta .row .row,
#cta .row .row div {display: flex;flex-wrap: wrap;align-items: stretch;}
#cta > .container > .row {margin-left: 0;} /* erste .row ohne margin zur korrekten Zentrierung */
#ctaFoto {display: block;border-radius: var(--borderRadius) 0 0 var(--borderRadius);background-image: url('../images/index/haselnussbaeume-schulze-welberg.webp');background-position: 50% 50%;background-size: cover;}
#ctaText {padding-top: 45px;padding-right: 20px;padding-bottom: 30px;border-radius: 0 var(--borderRadius) var(--borderRadius) 0;background: var(--colorGreenLight) url('../images/global/logo-icon-white-transparent.svg') 90% 50% no-repeat;background-size: auto 125%;}
@media screen and (max-width: 736px) {
#cta .row .row,
#cta .row .row div {display: inline-block;flex-wrap: inherit;}
#ctaText {border-radius: var(--borderRadius);}
#ctaText h2,
#ctaText h3,
#ctaText p {text-align: center;}
#ctaText a.button {margin-left: auto;margin-right: auto;}
}

/* Footer */
#footer {margin-top: 30px;padding: 70px 0;border-top: 20px solid var(--colorWhite);/*background-color: var(--colorBrownDark);*/background: var(--colorBrownDark) url("../images/global/bg_footer.webp") no-repeat top center;background-size: cover;color: var(--colorWhite);}
#footer ul,
#footer p {margin-top: 20px;color: var(--colorWhite);font-size: 1em;font-family: var(--fontBarlowSemiCond);}
#footer p {padding: 0;line-height: 2.1em;}
#footer li {padding: .525em 0;line-height: 1.05em;}
#footer img {width: auto;height: 177px;margin: 0;padding: 0;}
#footer a {color: var(--colorWhite);text-decoration: none;}
#footer a:hover {color: var(--colorOrange);}
a#toTop {display: block;width: 50%;margin: -95px 0 0 50%;padding-bottom: .15em;text-align: center;font-size: 3.0em;line-height: 1.0em;color: var(--colorOrange);text-decoration: none;background-color: var(--colorWhite);border-radius: 20px;}
a#toTop.icon:before {margin: 0;}
.svg-button {width: 50px;height: 50px;margin: -10px 5px 0;padding: 10px;border-radius: 10px;background: white;cursor: pointer;}
#footer a span.label {display: none;}
@media screen and (max-width: 980px) {
#footer {padding: 75px 0;}
#footer img {margin-top: 45px;}
}
@media screen and (max-width: 736px) {
#footer {padding: 65px 0;}
}
@media screen and (max-width: 480px) { /* Ausrichtung bei Zeilenumbruch */
#footer li a {padding-left: 18px;}
#footer li a::before {margin-left: -18px;}
}



/* Print-Stylesheet */
@media print {
* {position: relative !important;top: 0;left: 0;line-height: 1.4em;}
#menu,
#header,
#nav,
#hero,
.banner {display: none;}
}