/* 17.12.24 by webFormat */

/* Fonts: Open+Sans:300,300i,400,400i,600,600i,700,800 */
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:300;
  src: url('fnt/opensans_v17-0-300.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fnt/opensans_v17-0-300.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-0-300.woff2') format('woff2'),
       url('fnt/opensans_v17-0-300.woff') format('woff'),
       url('fnt/opensans_v17-0-300.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:300;
  src: url('fnt/opensans_v17-1-300.eot');
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fnt/opensans_v17-1-300.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-1-300.woff2') format('woff2'),
       url('fnt/opensans_v17-1-300.woff') format('woff'),
       url('fnt/opensans_v17-1-300.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src: url('fnt/opensans_v17-0-400.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fnt/opensans_v17-0-400.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-0-400.woff2') format('woff2'),
       url('fnt/opensans_v17-0-400.woff') format('woff'),
       url('fnt/opensans_v17-0-400.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:400;
  src: url('fnt/opensans_v17-1-400.eot');
  src: local('Open Sans Regular Italic'), local('OpenSans-RegularItalic'),
       url('fnt/opensans_v17-1-400.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-1-400.woff2') format('woff2'),
       url('fnt/opensans_v17-1-400.woff') format('woff'),
       url('fnt/opensans_v17-1-400.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:600;
  src: url('fnt/opensans_v17-0-600.eot');
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fnt/opensans_v17-0-600.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-0-600.woff2') format('woff2'),
       url('fnt/opensans_v17-0-600.woff') format('woff'),
       url('fnt/opensans_v17-0-600.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:600;
  src: url('fnt/opensans_v17-1-600.eot');
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fnt/opensans_v17-1-600.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-1-600.woff2') format('woff2'),
       url('fnt/opensans_v17-1-600.woff') format('woff'),
       url('fnt/opensans_v17-1-600.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:700;
  src: url('fnt/opensans_v17-0-700.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fnt/opensans_v17-0-700.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-0-700.woff2') format('woff2'),
       url('fnt/opensans_v17-0-700.woff') format('woff'),
       url('fnt/opensans_v17-0-700.ttf') format('truetype');
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:800;
  src: url('fnt/opensans_v17-0-800.eot');
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fnt/opensans_v17-0-800.eot?#iefix') format('embedded-opentype'),
       url('fnt/opensans_v17-0-800.woff2') format('woff2'),
       url('fnt/opensans_v17-0-800.woff') format('woff'),
       url('fnt/opensans_v17-0-800.ttf') format('truetype');
}

/* Viewport */
@-ms-viewport{width:device-width;zoom:1;}
@-o-viewport{width:device-width;zoom:1;}
@viewport{width:device-width;zoom:1;}

/* dateiweit */
*{outline:none 0px #000000;-moz-outline-width:0;word-wrap:break-word;}
*{font-family:'Open Sans',sans-serif;}
html{overflow-y:scroll;}
html{-webkit-text-size-adjust:100%;}		/* iPhone automatische Textskalierung verhindern */
html{-ms-overflow-style:scrollbar;}			/* IE Scrollbar-Overlay entfernen */
html,body,form{margin:0px;padding:0px;}
html,body{width:100%;height:100%;}
body{font-size:16px;background-color:#ffffff;}
a{text-decoration:none;}
/*a:active{background-color:transparent;}*/
a{-webkit-tap-highlight-color:transparent;}
nav,header,footer,main,aside,section,article,address{display:block;}
address{font-style:normal;}
h1,h2,h3,h4,h5{margin:0px;font-weight:normal;}
p{margin:0em;}
ul{list-style-type:none;margin:0;padding:0;}
img{display:block;box-shadow:0em 0em 0em transparent;}	/* moz-Rendering-Fehler bei skaliertem Bild mit Opacity-Animation */
svg{display:block;}
button::-moz-focus-inner{border:0;padding:0;}
sub{position:relative;bottom:-.3333333333333333em;vertical-align:baseline;font-size:.6666666666666667em;line-height:1;}
strong{font-weight:600;}
em{font-style:italic;}

/* --- Basisgrösse -------------------------------------------------------------------------------------------------------------------------- */

/* allgemein */
.hov,.hov:before,.hov:after,.hov>*,.hov :after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,opacity .35s ease;}
.hov svg{transition:width .35s ease;}
.hov svg path,.hov svg line{transition:fill .35s ease,stroke .35s ease,opacity .35s ease;}
.anc{z-index:-1;display:block;pointer-events:none;}
.lnk,.lnk a{display:inline-block;position:relative;padding-left:.75em;color:#8e7a4e;}
.lnk:before{position:absolute;left:0;top:0;content:'\00bb\00a0';}
.lnk[href^='tel']:before{content:none;}
a.lnk:hover,.lnk a:hover{color:#000000;}
.ltx{color:#a09070;}
.ltx:hover{color:#000000;}
img{width:100%;height:auto;}
.img{position:relative;overflow:hidden;}
.img img{position:absolute;width:auto;height:100%;}
.btn{display:block;height:1.125rem;margin:0 auto;padding:.6875rem 1.25rem;font-size:.8125em;line-height:1.384615384615385;font-weight:600;text-transform:uppercase;letter-spacing:.039em;border-radius:.125rem;}

/* Bereiche */
.rga{position:relative;margin:0;}
.rgr,.rgc,.rgs,.rgx{position:relative;margin:0 1.25rem;}

/* Header */
.hed{position:absolute;left:0;right:0;top:0;min-height:100%;overflow:hidden;}
.hed .rgr{position:absolute;left:0;right:0;top:0;bottom:0;}
.hed .shd{z-index:10;position:fixed;left:5%;right:5%;top:-3rem;}
.hed .shd .rga{height:3rem;background-color:#000000;border-radius:50%;box-shadow:0 0 1.5rem rgba(0,0,0,.1);}
.hed .bar{z-index:11;position:fixed;left:0;right:0;background-color:#ffffff;}
.hed .lgo{z-index:11;position:absolute;left:-.0125rem;top:1.375rem;}
.hed .lgo .jSvg{width:100%;height:100%;}
.hed .iml{display:none;width:7.0625rem;height:4.6875rem;}
.hed .imm{display:block;width:12.625rem;height:2.3125rem;}
.hed .nav{z-index:10;position:absolute;top:0;bottom:0;width:100%;right:-100%;background-color:#ffffff;}
.hed .nav li{position:relative;font-size:1.25rem;line-height:1.2;border-top:solid .125rem #ffffff;}
.hed .nav a{display:block;}
.hed .nav a:hover,.hed .nav .sel>a,.hed .nav .sel>.sub>a{background-color:#8e7a4e !important;color:#ffffff !important;}
.hed .nav .sub{display:flex;}
.hed .nav .sub a:first-child{flex-grow:1;}
.hed .nav .sub a:last-child{flex-basis:1.375rem;padding:2.375rem .9375rem 1.9375rem 2.4375rem;}
.hed .nav .jSvg{width:1.375rem;height:.6875rem;}
.hed .nav .hov:hover .jSvg path{fill:#a09070;}
.hed .nav .opn .jSvg{transform:rotate(180deg);}
.hed .nmn{margin-top:5rem;}
.hed .nmn a{padding:1.125rem 1.25rem 1.25rem;background-color:#f5f5f5;color:#000000;}
.hed .nlg{display:flex;gap:.125rem;}
.hed .nlg li{flex-base:1;flex-grow:1;font-size:1.25em;line-height:1.2;text-align:center;}
.hed .nlg a{padding:1.25rem 0 1rem;background-color:#f5f5f5;color:#000000;}
.hed .mnu{position:absolute;top:0;left:0;width:100%;height:0;overflow:hidden;}
.hed .jMnu{z-index:12;position:absolute;display:block;top:.9375rem;right:0;margin:0 -1rem 0 0;padding:1.75rem 1rem;transition:transform .125s ease 0s;}
.hed .jMnu div,.hed .jMnu div:before,.hed .jMnu div:after{display:block;width:1.625rem;height:.09375rem;background-color:#000000;border-radius:.046875rem;}
.hed .jMnu div{transition:background-color .35s ease;}
.hed .jMnu div:before{content:'';position:absolute;top:1.1875rem;transition:background-color .35s ease,top .125s ease .125s,bottom .125s ease .125s,transform .125s ease 0s;}
.hed .jMnu div:after{content:'';position:absolute;bottom:1.1875rem;transition:background-color .35s ease,top .125s ease .125s,bottom .125s ease .125s,transform .125s ease 0s;}
.hed .jMnu:hover div,.hed .jMnu:hover div:before,.hed .jMnu:hover div:after{background-color:#a89261;}
.tch .hed .jMnu:hover div,.tch .hed .jMnu:hover div:before,.tch .hed .jMnu:hover div:after{background-color:#000000;}
.hed .cls{display:block;position:absolute;left:0;right:0;top:0;bottom:0;padding:1rem;width:2rem;height:2rem;margin:auto;}
.hed .cls .jSvg{width:100%;height:100%;}
.hed .cls:hover .jSvg path{fill:#000000;}
.hed .btn{display:flex;position:absolute;top:0;bottom:0;width:2.5rem;height:1.25rem;margin:auto 0;padding:1rem;color:#a89261;}
.hed .btn.non{display:none;}
.hed .btn p{position:absolute;display:none;font-size:.875rem;line-height:1.428571428571429;text-transform:none;}
.hed .btn.ppv{left:-1rem;justify-content:flex-end;}
.hed .btn.pnx{right:-1rem;justify-content:flex-start;}
.hed .btn.ppv p{left:7.75rem;}
.hed .btn.pnx p{right:7.75rem;}
.hed .btn .jSvg{width:100%;height:100%;}
.hed .btn:hover{color:#000000;}
.hed .btn:hover .jSvg *{stroke:#000000;}
.opn .hed{top:0;overflow:visible;}
.opn .hed .nav{right:0;}
.opn .hed .jMnu{transform:rotate(225deg);transition-delay:.125s;}
.opn .hed .jMnu div,.opn .hed .jMnu div:before,.opn .hed .jMnu div:after{transition:background-color .35s ease,top .125s ease 0s,bottom .125s ease 0s,transform .125s ease .125s}
.opn .hed .jMnu div:before{top:1.765625rem;transform:rotate(-90deg);}
.opn .hed .jMnu div:after{content:normal;bottom:1.765625rem;}
.opn .all{display:none;}

/* Gesamtbereich */
.hed .shd{margin-top:5rem;}
.hed .bar{height:0;padding-bottom:5rem;}
.hed .mnu{padding-bottom:5rem;}
.all{position:relative;padding-top:5rem;}
html{scroll-padding-top:5rem;}

/* Bereiche */
.man .sec{background-color:#f5f5f5;}
.man .sec.sth,.man .sec.sts{background-color:transparent;}
.man h1{font-size:1.5em;line-height:1.375;font-weight:300;}
.man h2{margin-top:1.5rem;font-size:1.5em;line-height:1.333333333333333;font-weight:300;}
.man h3{margin:1.875rem 0 -.8125rem;font-size:1.125em;line-height:1.5;font-weight:600;}
.man p,.man .cls>li:before{font-size:1.125em;line-height:1.5;font-weight:300;}
.man p{margin:.8125rem 0;}
.man .cim{margin:.815rem 0;}
.man .cls{margin:.8125rem 0;}
.man .cls>li{position:relative;margin:.25rem 0;padding-left:.75em;}
.man .cls>li:before{position:absolute;left:0;top:0;content:'\00bb\00a0';}
.man .cls>li>p{margin:0;}

/* Intro */
.itr{padding-top:1.875rem;background-color:#f5f5f5;}
.nch .itr{padding-top:0;}
.itr .rgc{padding-bottom:1.25rem;}
.itr .img{padding-bottom:92.30769230769231%;}
.nch .itr{background-color:transparent;}
.nch .itr .img{padding-bottom:123.0769230769231%;}
.itr .lbo{position:relative;overflow:hidden;}
.itr .lbl{padding-top:.9375rem;background-color:#f5f5f5;}
.itr h1{margin-bottom:1.375rem;}
.nch .itr h1{margin:0;}
.sws{position:relative;overflow:hidden;}
.itr.sws .lbo:before,.fot.sws .rga:before{z-index:1;content:'';position:absolute;right:-2.563262081801235rem;width:5.12652416360247rem;height:5.12652416360247rem;transform:rotate(45deg);}
.sws .lbl{position:relative;}
.sws .lbl:before{z-index:1;content:'';position:absolute;right:.625rem;width:.75rem;height:.25rem;background-color:#ffffff;}
.sws .lbl:after{z-index:1;content:'';position:absolute;right:.875rem;width:.25rem;height:.75rem;background-color:#ffffff;}
.sws .lbl>p{position:absolute;top:1.0625rem;right:1.75rem;width:5rem;font-size:.625em;line-height:1.2;color:#ffffff;font-weight:600;}
.itr.sws .lbo:before{bottom:-2.563262081801235rem;background-color:#c62514;}
.itr.sws .lbl:before{bottom:.875rem;}
.itr.sws .lbl:after{bottom:.625rem;}
.fot.sws .rga{overflow:hidden;}
.fot.sws .rga:before{top:-2.563262081801235rem;background-color:#b81010;}
.fot.sws .lbl:before{top:.875rem;}
.fot.sws .lbl:after{top:.625rem;}

/* Bereiche, Inhalt */
.man .sct{padding:1.625rem 0 2.5rem;}
.man .sct .lnk{font-weight:400;}
.man .cad h3{margin-bottom:0;}
.man.nfi .cad h3,.man.nfp .cad h3{margin-top:.8125rem;font-weight:300;}
.man.nfi .cad p,.man.nfp .cad p{margin:0;}

/* Bereiche, Aufklapper */
.man .sal{padding-top:1px;}
.man .sal h2{margin-top:2.875rem;}
.man .sal.fst>.rgc>h2{margin-top:1.1875rem;}
.man .als{margin:1.0625rem -1.25rem 0;border-bottom:solid .625rem #f5f5f5;}
.man .als .alc{height:0;overflow:hidden;}
.man .als .ali{margin-top:-.9375rem;padding-bottom:2.5rem;}
.man .als .opn .alc{height:auto;}
.man .als>li{background-color:#ffffff;border-bottom:solid .125rem #f5f5f5;}
.man .als>li>a{display:flex;align-items:center;position:relative;height:3.375rem;padding:1.4375rem 3.75rem 1.4375rem 1.25rem;}
.man .als h2{margin:0;font-size:1.25em;line-height:1.35;font-weight:400;color:#000000;}
.man .als>li>a:hover h2,.man .als>li.opn>a h2{color:#8e7a4e;}
.man .als>li>a .jSvg{position:absolute;right:1.1875rem;top:0rem;bottom:0;width:1.375rem;height:.75rem;margin:auto 0;}
.man .als>li>a:hover .jSvg path,.man .als>li.opn>a .jSvg path{fill:#8e7a4e;}
.man .als>li.opn>a .jSvg{transform:rotate(180deg);}

/* Bereiche, Teaser */
.man .tsr>li{margin-bottom:.625rem;color:#ffffff;text-align:center;}
.man .tsr .img{position:relative;height:0;overflow:hidden;}
.man .tsr img{position:absolute;width:auto;height:100%;}
.man .tsr .rgc,.man .tsr .rgs{position:absolute;left:0;right:0;top:0;bottom:0;}
.man .tsr .btn{position:absolute;left:0;right:0;bottom:2.5625rem;width:11.25rem;background-color:#ffffff;color:#8e7a4e;}
.man .tsr .btn:hover{background-color:#353535;color:#ffffff;}
.man .tsr span{display:block;}
.man .tsr.tsb>li{background-color:#353535;}
.man .tsr.tsb .img{padding-bottom:92.30769230769231%;}
.man .tsr.tsb .rgs{position:relative;padding:1.0625rem 0 5.875rem;}
.man .tsr.tsb .btn{background-color:#8e7a4e;color:#ffffff;}
.man .tsr.tsb .btn:hover{background-color:#ffffff;color:#353535;}
.man .tsr.tsh{margin-top:.625rem;}
.man .tsr.tsh .img{padding-bottom:138.4615384615385%;}
.man .tsr.tsh .rgc{padding:.875rem 0 0;}
.man .tsr.tsh .btn{bottom:1.9375rem;}
.man .tsr.tss img{top:5%;}
.man .tsr.tss>li{background-color:#ebebeb;color:#000000;}
.man .tsr.tss .img{padding-bottom:138.4615384615385%;}
.man .tsr.tss .rgc{padding:1.125rem 0 0;}

/* Bereiche, Produkte */
.man .pdk{display:grid;grid-template-columns:1fr;gap:.625rem;padding:0 0 1.25rem;}
.man .pdk a{display:block;position:relative;width:100%;height:0;padding-bottom:66.3716814159292%;background-color:#ffffff;color:#000000;transition:background-color .55s ease;}
.man .pdk a:hover{background-color:#353535;color:#a2884f;}
.man .pdk div{position:absolute;left:1.25rem;right:1.25rem;top:3.2%;bottom:0;display:flex;flex-direction:column;gap:.25rem;justify-content:center;align-items:center;}
.man .pdk img{width:6.25rem;height:5rem;}
.man .pdk p{font-size:1.5em;line-height:1.375;font-weight:400;text-align:center;}

/* Produkt-Liste */
.man .pdl h3{margin:4.0625rem 0 0;font-size:1em;line-height:1.6875;font-weight:800;}
.man .pdl>li:first-child h3{margin-top:1.875rem;}
.man .pdl h4,.man .pdl p{display:inline-block;font-size:1em;line-height:1.6875;}
.man .pdl h4{font-weight:600;}
.man .pdl p{font-weight:300;}
.man .pdl ul{margin-top:1.375rem;border-top:solid 1px #b4b4b4;}
.man .pdl ul>li{padding:.75rem 0 1rem;border-bottom:solid 1px #b4b4b4;}
.man .pdl ul.lgd{margin-top:.5rem;border-top:none 0 transparent;}
.man .pdl ul.lgd>li{padding:.25rem 0;font-style:italic;border-bottom:none 0 transparent;}

/* Bereiche, Jobs */
.man .sjb{padding:0.125rem 0 2.5rem;}

/* Footer */
.fot .rga{color:#ffffff;background-color:#353535;}
.fot .lbl{padding:3.5rem 0 2.375rem;}
.fot ul{margin-top:2.375rem;}
.fot h3,.fot p{font-size:1em;line-height:1.6875;}
.fot h3{font-weight:700;}
.fot .ltx{display:inline-block;color:#ffffff;text-decoration:underline;}
.fot .ltx:hover{color:#a89261;}
.fot .map{margin-top:.75rem;}

/* Footer-Navi */
.fnv .rga{padding:1.125rem 0;background-color:#282828;}
.fnv ul{display:flex;justify-content:center;}
.fnv li>p:before{content:'|';}
.fnv li:first-child>p:before{content:'';}
.fnv p{font-size:.875rem;line-height:1.5;color:#ffffff;text-align:center;}
.fnv .ltx{padding:1rem .5rem;color:#ffffff;}
.fnv .ltx:hover{color:#a89261;}

/* By */
.byl .rga{padding:1.125rem 0;background-color:#282828;}
.byl p{font-size:.875rem;line-height:1.5;color:#ffffff;text-align:center;}
.byl .ltx{padding:1rem 0;color:#ffffff;}
.byl .ltx:hover{color:#a89261;}

/* Maske und Popup */
.msk{z-index:20;display:none;position:fixed;left:0;right:0;top:0;bottom:0;background-color:#ffffff;}
.msk .wit{position:absolute;left:0;top:0;right:0;bottom:0;width:2em;height:2em;margin:auto;}
.pup{z-index:21;display:none;position:absolute;left:0;right:0;top:0;}
.pup .itr{padding-top:0;}
.pup .itr .rgc{padding-top:2rem;}
.pup .itr.pnt{margin-bottom:-3.6875rem;}
.pop .msk{display:block;}
.pop .pup{display:block;}
.pop .ety{display:none;}
.pup .all.rga{background-color:#f5f5f5;}

/* Popup, Inhaltswechsel */
.wfChg{position:relative;width:100%;overflow:hidden;}
.wfChg>ul{position:relative;display:table;width:100%;}
.wfChg>ul>li{display:table-cell;width:100%;vertical-align:top;}
.wfChg>ul.chg{width:200%;}
.wfChg>ul.chg>li{width:50%;}
.wfChg>ul.chg.chp{left:-100%;}
.wfChg>ul>li.hid{display:none;}

/* Preview */
#prv{display:block;position:fixed;top:1em;left:1em;z-index:30;width:10em;height:2em;background-color:#cc0000;color:#ffffff;line-height:2;font-family:open_sansregular,sans-serif;font-size:.75em;text-align:center;border:solid 1px #990000;}
#prv:hover{background-color:#ee0000;}

@media only screen and (min-width:20em){

   /* Intro, Home: manuelle Zeilenumbrüche */
   .itr.sws h1 span{display:block;}

}

@media only screen and (min-width:24.375em){

   /* Ränder: breiter */
   .rgr,.rgc,.rgs,.rgx{margin:0 1.875rem;}
   .hed .nmn a{padding-left:1.875rem;padding-right:1.875rem;}
   .man .als{margin-left:-1.875rem;margin-right:-1.875rem;}
   .man .als>li>a{padding-left:1.875rem;padding-right:4.375rem;}
   .man .als>li>a .jSvg{right:1.8125rem;}

   /* Navi, Smartphone: Einträge höher */
   .hed .nmn a{padding-top:1.375rem;padding-bottom:1.5rem;}

   /* Bilder: fixe Höhe */
   .itr .img{padding-bottom:22.5rem;}
   .ety .nch .itr .img{padding-bottom:30rem;}
   .man .tsr.tsb .img{padding-bottom:22.5rem;}
   .man .tsr.tsh .img{padding-bottom:33.75rem;}
   .man .tsr.tss .img{padding-bottom:33.75rem;}

   /* Intro: Abstände grösser */
   .itr{padding-top:2.5rem;}
   .itr .rgc{padding-bottom:1.875rem;}
   .pup .itr.pnt{margin-bottom:-4.3125rem;}

   /* Schriften grösser */
   .man h1{font-size:1.875em;line-height:1.366666666666667;}
   .man h2{font-size:1.875em;line-height:1.333333333333333;}
   .man h3{font-size:1.25em;line-height:1.5;}
   .man p,.man .cls>li:before{font-size:1.25em;line-height:1.5;}
   .man .als h2{font-size:1.5em;line-height:1.333333333333333;}
   .man .pdl h3{font-size:1em;line-height:1.6875;}
   .fot h3,.fot p{font-size:1.125em;line-height:1.666666666666667;}

}

@media only screen and (min-width:34.75em){

   /* Bereich: Ränder */
   .ety .rga{margin:0 1.25rem;}

   /* Abstände grösser */
   .man .als{border-bottom-width:1.25rem;}
   .man .tsr>li{margin-bottom:1.25rem;}
   .man .tsr.tsh{margin-top:1.25rem;}

   /* Intro, Home: automatische Zeilenumbrüche */
   .itr.sws h1 span{display:inline;}

   /* Aufklkapper: auf Inhaltsbreite */
   .man .als{margin-left:0;margin-right:0;border-bottom-width:1.75rem;}

   /* Teaser: automatische Umbrüche */
   .man .tsr span{display:inline;}
   .man .tsr.tss img{top:0;}

}

@media only screen and (min-width:37.375em){

   /* Produkte: zweispaltig */
   .man .pdk{grid-template-columns:1fr 1fr;gap:.125rem;}
   .man .pdk a{padding-bottom:75%;}
   .man .pdk p{font-size:1.25rem;line-height:1.4;}

   /* Abstände: grösser */
   .pup .all.rga{padding-bottom:2rem;}
   .nmx .sec.sal{padding-bottom:2rem;}
   .nmp .sec.spd{padding-bottom:2rem;}

}

@media only screen and (min-width:46em){

   /* Bereich: Ränder breiter */
   .ety .rga{margin:0 1.875rem;}

   /* Bereich: proportional */
   .rgr,.rgc,.rgs,.rgr,.rgx{margin:0 4.545454545454545%;}
   .als .rgc{margin:1.875rem;}

   /* Teaser, Home: zweispaltig */
   .man .tsr.tsh{display:grid;grid-template-columns:11fr 8fr;gap:1.25rem;}
   .man .tsr.tsh .img{padding-bottom:25rem;}

   /* Teaser, Service: zweispaltig */
   .man .tsr.tss{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
   .man .tsr.tss .img{padding-bottom:28.70967741935484rem;}

   /* Teaser: manuelle Umbrüche */
   .man .tsr span{display:block;}
   .man .tsr.tss img{top:5%;}

   /* Produkte: Schrift grösser */
   .man .pdk a{padding-bottom:66.3716814159292%;}
   .man .pdk p{font-size:1.5rem;line-height:1.375;}

   /* Footer: zweispaltig */
   .fot .adr{display:flex;}
   .fot .adr>div{width:17.25rem;}
   .fot .lks{margin-top:1.875rem;}

   /* Footer: grössere Abstände */
   .fot .lbl{padding-bottom:9.110169491525424%;}

}

@media only screen and (min-width:50.5em){

   /* Bereich: fixe Breite */
   .rgs{max-width:45rem;margin:0 auto;}

}

@media only screen and (min-width:33.79545454545455em){

   /* Popup, Intro: kein Fokus */
   .pup .itr .npd img,.pup .itr .tss img{left:0 !important;right:0;margin:0 auto !important;}

}

@media only screen and (min-width:56.5em){

   /* Bereich: fixe Breite */
   .pup .rgc,.rgx{max-width:50.5rem;margin:0 auto;}
   .pup .alc .rgc{max-width:46.75rem;}

}

@media only screen and (min-width:65.45454545454545em){

   .pup .itr .img{padding-bottom:34.375%;}
   .pup .itr img{left:0 !important;right:0;margin:0 auto !important;}

}

@media only screen and (min-width:59.75em){

   /* Bereiche: fixe Breite */
   .ety .rgr,.ety .rgc,.hed .nav .rga>div{max-width:50rem;margin:0 auto;}

}

@media only screen and (min-width:60em){

   /* Header: höher */
   .hed .shd{margin-top:7.5rem;}
   .hed .bar{height:0;padding-bottom:7.5rem;}
   .hed .mnu{padding-bottom:7.5rem;}
   .all{position:relative;padding-top:7.5rem;}
   html{scroll-padding-top:7.5rem;}
   .pop .hed .shd{margin-top:6.25rem;}
   .pop .hed .bar{height:0;padding-bottom:6.25rem;}
   .pop .hed .mnu{padding-bottom:6.25rem;}
   .pop .all{position:relative;padding-top:6.25rem;}
   html.pop{scroll-padding-top:6.25rem;}

   /* Navi: fix */
   .hed{z-index:10;position:fixed;min-height:0;overflow:visible;}
   .hed .shd{z-index:1;position:absolute;}
   .hed .bar{z-index:1;position:absolute;}
   .hed .lgo .iml{display:block;}
   .hed .lgo .imm{display:none;}
   .hed .nav{z-index:2;position:relative;top:0 !important;bottom:auto;right:0;padding:0;}
   .hed .nav .rga{position:relative;}
   .hed .nav .rga>div{position:absolute;display:flex;gap:2.5rem;justify-content:flex-end;left:0;right:0;top:3.8125rem;margin:0 4.545454545454545%;}
   .hed .nav .nmn{position:absolute;right:0;top:0;}
   .hed .nmn:before{content:none;}
   .hed .nmn,.hed .nlg{display:flex;gap:0;justify-content:center;margin:0;padding-top:0;background-color:transparent;text-align:left;}
   .hed .nmn li,.hed .nlg li{font-size:1em;line-height:1.5;font-weight:600;border:none 0 transparent;}
   .hed .nav a{background-color:transparent;color:#000000;}
   .hed .nav a:hover,.hed .nav .sel a{background-color:transparent !important;color:#8e7a4e !important;}
   .hed .nmn{margin-right:-.75rem;}
   .hed .nmn a{padding:1rem .75rem;}
   .hed .nlg{margin-right:-.5rem;}
   .hed .nlg a{padding:1rem .5rem;}
   .hed .nlg li:before{content:'/';}
   .hed .nlg li:first-child:before{content:'';}
   .hed .jMnu{display:none;}
   .opn .all{display:block;}

   /* Intro, Home: Text im Bild */
   .itr.sws .rgc{margin:0;}
   .itr.sws .lbo{position:absolute;left:0;bottom:3rem;width:22rem;}
   .itr.sws h1{padding:1.6875rem 2rem 1.1875rem;font-size:1.5em;line-height:1.375;}
   .itr.sws h1 span{display:block;}

   /* Teaser, Home: Breitenverhältnis anpassen */
   .man .tsr.tsh{display:grid;grid-template-columns:946fr 670fr;gap:1.25rem;}

   /* Produkte: dreispaltig */
   .man .pdk{grid-template-columns:1fr 1fr 1fr;}
   .man .pdk a{padding-bottom:75%;}
   .man .pdk p{font-size:1.25rem;line-height:1.4;}

   /* Footer: fixe Abstände */
   .fot .lbl{padding-bottom:5.375rem;}

   /* Popup: chg mit Text */
   .hed .btn{width:5rem;}
   .hed .btn .jSvg{width:50%;}
   .hed .btn.ppv{left:-1rem;}
   .hed .btn.pnx{right:-1rem;}
   .hed .btn p{display:block;}
   .hed .btn:hover .jSvg{width:100%;}

}

@media only screen and (min-width:64.75em){

   /* Bereiche: fixe Abstände */
   .ety .rgr,.ety .rgc,.hed .nav .rga>div{max-width:none;margin:0 5rem;}

   /* Aufklapper: breiter */
   .man .als{margin-left:-1.875rem;margin-right:-1.875rem;}
   .als .rgc{margin:0 1.875rem;}

}

@media only screen and (min-width:65.1em){

   /* Intro, Home: Bild skalieren */
   .ety .nch .itr .img{padding-bottom:48.89975550122249%;}
   .ety .nch .itr img{left:0 !important;margin-left:0 !important;}

}

@media only screen and (min-width:70.19em){

   /* Intro: Bild skalieren */
   .ety .itr .img{padding-bottom:34.38264058679707%;}
   .ety .itr img{left:0 !important;margin-left:0 !important;}

}

@media only screen and (min-width:70.20454545454545em){

   /* Teaser: Bild skalieren */
   .man .tsr.tsb .img{padding-bottom:34.375%;}
   .man .tsr.tsb img{left:0 !important;width:100%;margin-left:0 !important;}

}

@media only screen and (min-width:71.16129032258065em){

   /* Teaser, Home: skalieren */
   .man .tsr.tsh .img:first-child{padding-bottom:65.53911205073996%;}
   .man .tsr.tsh .img:first-child img{left:0 !important;margin-left:0 !important;}
   .man .tsr.tsh .img:last-child{padding-bottom:92.53731343283582%;}

   /* Teaser, Service: skalieren */
   .man .tsr.tss .img{padding-bottom:88.11881188118812%;}
   .man .tsr.tss img{left:0 !important;margin-left:0 !important;}

}

@media only screen and (min-width:72em){

   /* Schriften grösser */
   .ety .man h1{font-size:3.25em;line-height:1.365384615384615;}
   .pup .man h1,.man h2{font-size:2.875em;line-height:1.347826086956522;}
   .man.nch .itr h1,.pup .man.nct h1,.ety .man .tsr.tsh h2,.ety .man .tsr.tss h2{font-size:2.25em;line-height:1.361111111111111;}
   .ety .man .itr p{font-size:1.5em;line-height:1.666666666666667;}
   .man .tsr.tsb p{font-size:1.5em;line-height:1.5;}
   .man .tsr.tsb .btn{padding-top:1rem;padding-bottom:1.125rem;font-size:.9375em;line-height:1.333333333333333;}

   /* Produkte: Schrift grösser */
   .man .pdk a{padding-bottom:66.3716814159292%;}
   .man .pdk p{font-size:1.5rem;line-height:1.375;}

   /* Intro: Abstände grösser */
   .itr{padding-top:3.75rem;}

   /* Intro, Home: grösser */
   .itr.sws .lbo{bottom:4rem;width:27.5rem;}
   .ety .man .itr.sws h1{padding:2rem 3rem 1.5rem;font-size:1.875em;line-height:1.366666666666667;}

   /* Bereich: max. Breite an Schriften angepasst */
   .rgs{max-width:53rem;}

   /* Abstände: grösser */
   .man h3{margin-top:2.5rem;}
   .man .als>li>a{padding-top:2.0625rem;padding-bottom:2.0625rem;}
   .man .als .ali{padding-bottom:4rem;}
   .pup .all.rga{padding-bottom:5rem;}
   .nmx .sec.sal{padding-bottom:5rem;}
   .nmp .sec.spd{padding-bottom:5rem;}

}

@media only screen and (min-width:82.5em){

   /* Bereich: fixe Breite */
   .ety .rgc{max-width:67.75rem;margin:0 auto;}

   /* Intro, Home: grösser */
   .itr.sws .lbo{bottom:5.625rem;width:33.25rem;}
   .ety .man .itr.sws h1{padding:2.5rem 4rem 1.8125rem;font-size:2.25em;line-height:1.361111111111111;}

   /* Aufklkapper: breiter */
   .man .als{margin-left:-2.8125rem;margin-right:-2.8125rem}
   .man .als>li>a{padding-left:2.8125rem;padding-right:5.3125rem;}
   .man .als>li>a .jSvg{right:2.75rem;}
   .als .rgc{margin:0 2.8125rem;}

   /* Teaser: automatisch Umbrüche */
   .man .tsr span{display:inline;}
   .man .tsr.tss img{top:0;}

}

@media only screen and (min-width:99.75em){

   /* Bereich: fixe Breite */
   .ety .rgr,.hed .nav .rga>div{max-width:85rem;margin:0 auto;}

   /* Aufklkapper: breiter */
   .man .als{margin-left:-4.5rem;margin-right:-4.5rem;}
   .man .als>li>a{padding-left:4.5rem;padding-right:7rem;}
   .man .als>li>a .jSvg{right:4.4375rem;}
   .als .rgc{margin:0 4.5rem;}

}

@media only screen and (min-width:107em){

   /* Bereich: fixe Breite */
   .ety .rga{max-width:102.25rem;margin:0 auto;}

}

@media only screen and (min-width:121em){

   /* Intro, Popup: fixe Höhe */
   .pup .itr .img{padding-bottom:41.25rem;}

}