/* --- MISC SETTINGS --- */

html,body{box-sizing:border-box;margin:0;padding:0;width:100%}
body{overflow-x:hidden}
body.initState{overflow-y:hidden}
body.readyToUse{overflow-y:auto}
body.fancybox-active.readyToUse{overflow-y:hidden!important}
*{box-sizing:border-box;border-width:0;border-style:solid;border-color:#dadada;background-repeat:no-repeat}

.hide,.hidden,section#lang,header nav .menu > section.print.link,header nav .menu > section.print,header nav .menu > section.pdf{display:none!important}
.invisible{visibility:hidden}
/* br:first-child{display:none} */
.wSub br{font-size:0}

.noverflow{overflow:hidden}

span.enCrypt{display:inline-block;width:auto!important;color:inherit}
span.enCrypt::after{content:'\0040';display:inline-block;position:static!important;width:auto;font-size:inherit;font-family:microns;color:inherit}

i.fas,i.far,i.fab{margin:0 3px 0 10px!important}

blockquote{margin:20px 0!important}
blockquote *{font-weight:600;line-height:1.2!important}
blockquote > *{position:relative}
blockquote > *::before,blockquote > *::after{position:absolute;color:rgba(255,255,255,.4)}
blockquote > *::before{top:-40px;left:0;margin-right:20px}
blockquote > *::after{bottom:-40px;right:0;margin-left:20px}

*::marker{display:none!important}


/* --- LISTS --- */

ul{list-style:none;margin:0;padding:0}
ul li{list-style:none;line-height:1.5}
article .ceItem ul,article .ceItem ol{list-style-position:inside;margin:20px 0 0 0;padding:0 0 0 20px}
article .ceItem ul,article .ceItem ul li{list-style-type:square}
article .ceItem ol,article .ceItem ol li{list-style-type:decimal}
article .ceItem ul li,article .ceItem ol li{margin-bottom:10px}
article .ceItem ul li:last-of-type,article .ceItem ol li:last-of-type{margin-bottom:0}
article .ceItem ol li{text-indent:-20px}
.bodyText ul,.bodyText ol{margin-top:20px}


/* --- MISC SETTINGS --- */

h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2{padding-bottom:15px}
h3,h4{padding-bottom:20px}
h1:only-child,h2:only-child,.hGroup.wSub h3{padding-bottom:0}
p,.ceItem .txtWrap div:not(.hGroup) h3{margin:20px 0 0;padding:0}
main .bodyText:first-child p,footer .bodyText p:first-child{margin-top:0}
#topBox p,.newsText p:first-child,.hGroup + p,.ceItem .txtWrap div.hGroup h3:only-child{margin:0!important}
* + p:first-of-type{margin:20px 0 0!important}
.hGroup + p:first-of-type{margin:0!important}
p.text-justify{-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify}
td p{margin:0;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;text-align:left;-webkit-column-count:1!important;-moz-column-count:1!important;column-count:1!important;-webkit-column-gap:0!important;-moz-column-gap:0!important;column-gap:0!important}
#mediaBox p{-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}
p.txt2col,p.txt2col > *{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:5%;-moz-column-gap:5%;column-gap:5%}
a{text-decoration:none;color:inherit}
a,a *,button,input[type=submit]{cursor:pointer}
a.fancybox{display:block!important}
.contactLink{text-decoration:underline;cursor:pointer}
.contactLink:hover{text-decoration:none}
hr{margin:20px auto;width:20px;height:5px;background-color:#1a1a1a}
i{margin:0 3px}
i:first-child{margin-left:0}


/* --- IMG, FRAMES, DIRECTIONS --- */

figure{position:relative;margin:0}
figure a{display:inline-block}
figure img{width:100%!important;height:auto!important}
figure .brand img{width:55%!important}
.scrolled figure .brand img,.standPage figure .brand img{width:20%!important}

.ceItem .left figurev,.alignLeft,.text-left,.text-left *,hgroup.header-left *,.hGroup.header-left,.hGroup.header-left *{text-align:left}
.ceItem .center figure,.alignCenter,.align-center,.text-center,.text-center *,hgroup.header-center *,.hGroup.header-center,.hGroup.header-center *,.hGroup.header-Center,.hGroup.header-Center *,.hGroup.hCenter,.hGroup.hCenter *,.align-108{text-align:center}
.ceItem .right figure,.alignRight,.align-right,.text-right,.text-left *,hgroup.header-right *,.hGroup.header-right,.hGroup.header-right *,.hGroup.header-Right,.hGroup.header-Right *,.hGroup.hRight,.hGroup.hRight *{text-align:right}
.hasBg .hGroup.header-108 *,.hasMedia .hGroup.header-108 *,.hasBody hgroup.header-right *,.hasBody .hGroup.header-right,.hasBody .hGroup.header-right *,.hasBody .hGroup.header-Right,.hasBody .hGroup.header-Right *,.hGroup.hLeft,.hGroup.hLeft *{text-align:left}


/* --- FLEXBOX VARS --- */

#below,.varBox,fieldset,main > article .multiCol .txtWrap,.multiText,.ceItem.absPos .textPic.multiCol .txtWrap,main .searchContent,.ceItem.txtTeaser hgroup,
.singleTop,.singleContentImage,.conItemList,.conItemList li,.thumbNav .slick-track,ul.slick-dots,ul.form-list,.tx-powermail form.angebot fieldset,
.indexPage .grid-col .ceItem .headWrap::before,.hbspt-form form{
	display:webkit-flex;display:ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
#topBox .newsBody{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.right.intext.nowrap,.imgHeaderLeft .itemWrap{
	display:webkit-flex;display:ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
#topBox .hGroup,.slickNav .slick-track,#fullpage .menu > section,.divider,.searchSubmit,header .btn.print,header .btn.pdf,#mediaBox .horiz .nowrap .galWrap + .hGroup,
.awdmenu a,.lb-container,.absPos .newsContent,.newsLatest .expNews .newsBody,.newsSingle .newsMedia figure,.lb-next,.lb-prev{
	display:webkit-flex;display:ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
header > section,.miniGal,li.seen-item a{
	display:webkit-flex;display:ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}

.picArea{-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around}
.swipeNav.prev,main .searchContent{-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start}
.swipeNav.next,.menu > section,.searchSubmit,header .btn.print,header .btn.pdf{-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end}
#topBox .hGroup,.ceItem.posAbs .textPic,.ceItem.posAbs .galWrap .imgCol,.awdmenu a,.singleContentImage,.lb-container,.lb-next,.lb-prev,#socialBox .header-left .itemWrap,#mediaBox .horiz .nowrap .galWrap + .hGroup,
.absPos .newsContent,.newsSingle .newsMedia figure,.indexPage .grid-col .ceItem .headWrap::before,.tx-powermail form.angebot .fieldwrap,.ceItem.gridBox .grid-row,
.ceItem .galWrap .imgRow.items-1,.tx-powermail form.angebot fieldset{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
#below,.varBox,fieldset,main > article .multiCol .txtWrap,.multiText,.ceItem.absPos .textPic.multiCol .txtWrap,.galBody,.subGal,.galItem.longText .subGalItem,.galItem.longText .subGalImg,.intext.nowrap,.imgHeaderOnly .itemWrap,
.conItemList,.conItemList li,ul.form-list,.common-summary .row,.tx-powermail form.angebot .fieldwrap .radioWrap,.hbspt-form form,
.tx-powermail form.angebot fieldset.collectFields{-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between}

.lb-prev,.conItemList,.conItemList li,.picArea,.hbspt-form form{-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}
.awdmenu a,.lb-next,#fullpage .menu > section.print,#fullpage .menu > section.pdf,.extContent .imgFloat .addBox .addressDetail .leafWrap{-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}
.scrolled header,#socialBox .header-left .itemWrap,header .tx-felogin-pi1 fieldset,.bgColor .intext.nowrap,.lb-container,.imgHeaderOnly .itemWrap,
#mediaBox .horiz .nowrap .galWrap + .hGroup.hCenter,.indexPage .grid-col .ceItem .headWrap::before{-webkit-align-items:center;-ms-align-items:center;align-items:center}
.ceItem.gridBox .grid-row{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}

.scrolled .menu ul.level-1,.right.intext.nowrap{-webkit-align-content:flex-start;-ms-align-content:flex-start;align-content:flex-start}
.tx-powermail form.angebot fieldset{-webkit-align-content:center;-ms-align-content:center;align-content:center}

.galItem.longText .subGalImg{-webkit-align-self:flex-start;-ms-align-self:flex-start;align-self:flex-start}
.searchSubmit{-webkit-align-self:center;-ms-align-self:center;align-self:center}
#Box{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}


/* --- BASIC EFFECTS --- */

/* clips */
main .ceItem.clipped{-webkit-clip-path:polygon(50% 0,100% 0,100% 80%,50% 100%,0 100%,0 20%);clip-path:polygon(50% 0,100% 0,100% 80%,50% 100%,0 100%,0 20%)}
main .ceItem.clipped.noBg:nth-child(even)::before,main .ceItem.clipped.hasBg:nth-child(even)::before,main .ceItem.clipped.hasMedia:nth-child(even)::before,
#mediaBox .ceItem.clipped.inProgress::before,#subBox1 .ceItem.clipped.noBg::before,#subBox2 .ceItem.clipped.noBg::before{-webkit-clip-path:polygon(0 0, 0 0, 50% 0, 0 10vw);clip-path:polygon(0 0, 0 0, 50% 0, 0 10vw)}
main .ceItem.clipped.noBg:nth-child(even)::after,main .ceItem.clipped.hasBg:nth-child(even)::after,main .ceItem.clipped.hasMedia:nth-child(even)::after,
#mediaBox .ceItem.clipped.inProgress::after,#subBox1 .ceItem.clipped.noBg::after,#subBox2 .ceItem.clipped.noBg::after{-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 50% 100%);clip-path:polygon(100% 0, 100% 0, 100% 100%, 50% 100%)}
main .ceItem.clipped.noBg:nth-child(even),main .ceItem.clipped.hasBg:nth-child(even),main .ceItem.clipped.hasMedia:nth-child(even),#mediaBox .ceItem.clipped.inProgress,#subBox1 .ceItem.clipped.noBg:last-child::after,
#subBox2 .ceItem.clipped.noBg:last-child::after{-webkit-clip-path:none;clip-path:none}
#mediaBox.clipped::after{-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 50% 100%);clip-path:polygon(100% 0, 100% 0, 100% 100%, 50% 100%)}
.scrollDown:not(.def),.skipIntro.goOn{-webkit-clip-path:polygon(100% 0, 0% 100%, 100% 100%);clip-path:polygon(100% 0, 0% 100%, 100% 100%)}
.scrolled .scrollDown:not(.def),.scrolled .standPage .scrollDown:not(.def),.iframePage .scrollDown:not(.def){-webkit-clip-path:none;clip-path:none}
.bgTxt.header-101 .hGroup h2 > *{-webkit-clip-path:polygon(8% 13%,100% 0,100% 93%,0 100%);clip-path:polygon(8% 13%,100% 0,100% 93%,0 100%)}
.scroll2News{-webkit-clip-path:polygon(0 0, 0% 100%, 100% 100%);clip-path:polygon(0 0, 0% 100%, 100% 100%)}

/* shadows */
nav#menuBox{-webkit-box-shadow:0 2px 20px 5px rgba(50,50,50,.2);box-shadow:0 2px 20px 5px rgba(150,150,150,.2)}
.hasShadow,.menu.main ul.level-2,.messageError{-webkit-box-shadow:5px 8px 10px rgba(0, 0, 0, 0.25);box-shadow:5px 8px 10px rgba(0, 0, 0, 0.25)}
.tx-powermail form.angebot .fieldwrap .radioWrap > .radio{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.2);box-shadow:0 4px 4px rgba(0,0,0,.2)}
#Box{-webkit-box-shadow:1px -1px 6px rgba(0,0,0,.3);box-shadow:1px -1px 6px rgba(0,0,0,.3)}
#Box{-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.3);box-shadow:2px 2px 8px rgba(0,0,0,.3)}
#Box{-webkit-box-shadow:1px 1px 6px rgba(0,0,0,.4);box-shadow:1px 1px 6px rgba(0,0,0,.4)}
nav#menuBox .logoWrap img,#CookieBox{-webkit-box-shadow:0 6px 6px rgba(0,0,0,.4);box-shadow:0 6px 6px rgba(0,0,0,.4)}
.noShadow,.scrolled header,.standPage header,.tx-powermail form.angebot .fieldwrap .radioWrap > .radio:hover{-webkit-box-shadow:none!important;box-shadow:none!important}

.shadow3d{position:relative}
.shadow3d::before,.shadow3d::after{
	content:"";position:absolute;z-index:0;top:40px;width:calc(50% - 30px);height:calc(100% - 75px);-webkit-box-shadow:0 25px 40px #000;box-shadow:0 25px 40px #000;
	-webkit-transition:all .4s;transition: all .4s}
.shadow3d::before{right:30px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}
.shadow3d::after{left:30px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
.shadow3d > *{position:relative;z-index:1}
.grid-col > .shadow3d:not(.hasBgColor):not(.hasBgWrap) > *{padding:40px;background-color:#fff;border:1px solid #f2f2f2}
.grid-col > .shadow3d + *{margin-top:40px!important}
.grid-col > .shadow3d + *:last-child{margin-bottom:40px!important}


/* radius */
.menu.main ul.level-1 + ul.level-1 > li > a,nav#menuBox .menuWrap > section .lnkWrap .button,#CookieBox .category,.ceItem .bgWrap.bg4ceImage.invertRadius,
.roundedCorners,.roundedCorners .bgWrap,.imgRounded,.imgRounded img,.lnkWrap .button a,.rounded,.grid-col > .shadow3d.roundedCorners > *,
.newsLatest article,.newsSingle .newsMedia,.newsSingle .newsMedia figure img,
.preistreiber .txtWrap .headWrap .hd1 > span,.tx-powermail form.angebot fieldset,.tx-powermail form.angebot .fieldwrap .radioWrap > .radio,.fancyPage main > article .fieldwrap,
.fieldwrap.submitBox input,.hs-submit input{-webkit-border-radius:15px;border-radius:15px}
.menu.main ul.level-2{-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px}
.pe-pro-seal-front-page,.pe-pro-seal-front-page-a,
.newsLatest article figure,.newsLatest article .newsMedia figure:hover,.newsLatest article .newsMedia img{-webkit-border-radius:15px 0 0 15px!important;border-radius:15px 0 0 15px!important}
.newsLatest article .newsBody{-webkit-border-radius:0 15px 15px 0!important;border-radius:0 15px 15px 0!important}
nav#menuBox .logoWrap img,.ceItem.personal .imgRounded img,
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="url"],input[type="number"],
textarea,select,.moreStepNav button{-webkit-border-radius:7px;border-radius:7px}
footer .ceItem .galWrap .imgRow .imgCol img,.ceItem.personal .imgRounded,.txtGal .imgRounded img{-webkit-border-radius:0!important;border-radius:0!important}

/* scaling */
.scrolled .scrollDown:hover,.standPage .scrollDown:hover,.iframePage .scrollDown:hover,
.scrolled .scrollUp:hover,.standPage .scrollUp:hover,.iframePage .scrollUp:hover{-webkit-transform:scale(.99);transform:scale(.99)}
.newsLatest .newsMedia a:hover img,.newsSingle .newsMedia a:hover img,.ceItem.solarStep:hover,.ceItem.media .galWrap.afterText .txtGal .imgCol.shadow3d figure.linked:hover,
a.fancybox:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}

/* rotation */
header.small .rootLine li a .title,.bgTxt.header-101 .hGroup h2,.bgTxt.header-101 .hGroup h2 > *{-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
.skipIntro.goOn a::after,.scrollDown:not(.def) > *::after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.scroll2News a::after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.clipped .scrollDown:not(.def) > *::after{-moz-transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}
#coBox .acc span::after{-moz-transform:rotate(12deg);-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}
.extContent .addBox .hGroup > *.engraved::after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.scrolled .scrollDown:not(.def) > *::after,.scrollDown:not(.def):hover > *::after,
#coBox .acc:hover span::after,#coBox .acc.cur span::after,.extContent .addBox .hGroup.expd > *.engraved::after,.extContent .addBox .hGroup > *.engraved:hover::after,
.skipIntro.goOn:hover a::after,.slickNav .slick-current,#kesearch_results ul li a:hover::after,.scroll2News a:hover::after,
.iframePage .scrollDown:not(.def) > *::after,.iframePage .scrollDown:not(.def):hover > *::after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.newsLatest article .newsMore .lnk a::after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.newsLatest article .newsMore .lnk a:hover::after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

.pluginBox .hGroup{transform-origin:center center}

/* filters */
.imgFilter-101,.imgFilter-101 img{filter:grayscale(100%)}
.imgFilter-102,.imgFilter-102 img{filter:saturate(50%)}
.imgFilter-103,.imgFilter-103 img{filter:saturate(25%)}
.imgFilter-104,.imgFilter-104 img{filter:sepia(50%) saturate(50%)}

/* animation */
.typed{display:inline-block;overflow:hidden;white-space:nowrap;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}
.typed-1{animation:typing 3s .5s steps(40, end)}
.typed-2{animation:typing 3s 3s steps(60, end)}
.typed-3{animation:typing 3s steps(60, end)}
.typed-slider{animation:typing 3s steps(40, end)}


/* --- BASIC TRANSITIONS --- */

.slickNav.thumbNav-all .slick-current h3,.menu ul.level-3 > li.noSub > *:first-child a:hover,
.catalog-filter-supplier > h2.cur,.catalog-filter-attribute > h2.cur{-webkit-transition:background-color .6s;transition:background-color .6s}

#toTopBox a,a.lightbox::after{-webkit-transition:color .2s;transition:color .2s}
#toTopBox a:hover,a.lightbox:hover::after{-webkit-transition:color .6s;transition:color .6s}

header figure,.contentAcc .accItem,.cookieMan .collapse{-webkit-transition:max-height .4s;transition:max-height .4s}
.scrolled header figure,.contentAcc .accItem.expd,.cookieMan .collapse.cur{-webkit-transition:max-height .6s;transition:max-height .6s}

a, nav#menuBox,.menu.main ul.level-2 li,.newsLatest .newsMedia a img,.newsSingle .newsMedia a img,.swipeNav,.swipeNav::after,.ceItem.solarStep,
.btn,.btn *,.btn *::before,.btn *::after,.lnk,.lnk *,.lnk *::before,.lnk *::after,.tClose,.tClose *,.tClose *::before,.scrolled .scrollDown,.scrolled .scrollDown,
.standPage header > nav .search .hGroup:hover,.cardBody,.frame-110 a img,.frame-111 a img,.frame-112 a img,.frame-113 a img,.ceItem.media .galWrap .txtGal figure,
.btn:hover,.btn *:hover,.btn *:hover::before,.btn *:hover::after,.lnk:hover,.lnk *:hover,.lnk *:hover::before,.lnk *:hover::after,.tClose:hover,.tClose *:hover,.tClose *:hover::before,
.scrollDown:not(.def) > *::after,.scrollUp:not(.def) > *::after,.standPage header > nav .search .hGroup h5:hover,.cardBody.cur,.standPage header > nav .search .hGroup h5:hover::before,
.frame-110 a:hover img,.frame-111 a:hover img,.frame-112 a:hover img,.frame-113 a:hover img,.newsLatest article .newsMore,nav ul li a,
.newsLatest article .newsBody,.newsSingle .newsMedia img,.hs-submit input,
.pe-pro-seal-front-page,.pe-pro-seal-front-page-a,.pe-pro-seal-icon,.pe-pro-seal-rating-text,.pe-pro-seal-fullStar{-webkit-transition:all .4s;transition:all .4s}

figure img:hover{-webkit-transition:opacity .6s;transition:opacity .6s}