/* --- MISC --- */

body,textarea,input,select,button{font-family:rbr,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif;letter-spacing:-0.01rem}

.menu.main ul.level-1 li.headLine .title,.menu.main ul.level-1 li.headLine .title > span{font-family:rbr,arial,helvetica,sans-serif}
strong,.hd1,.hd1 *,.hd2,.hd2 *,
#mediaBox .ceItem.media .itemWrap .lnkWrap .button a .lnkHeader{font-family:rbb,arial,helvetica,sans-serif;font-weight:bold}
header figure a,.menu.main ul.level-1 > li.headLine > .title > span.root,
.hs-normal .hd1 .mainTitle,.hs-normal .hd2 .mainTitle,.shs-normal .hd1 .subTitle,.shs-normal .hd2 .subTitle{font-family:rbr,arial,helvetica,sans-serif;font-weight:normal}
.hs-light .hd1 .mainTitle,.hs-light .hd2 .mainTitle,.shs-light .hd1 .subTitle,.shs-light .hd2 .subTitle{font-family:rbl,arial,helvetica,sans-serif;font-weight:400}

h1,h1 *,h2,h2 *,.ornate{font-family:helveticablack,arial,helvetica,awesome,awesome5,microns,sans-serif;font-weight:bold}
.ornate{font-style:italic}

.hs-normal .mainTitle,.shs-normal .subTitle{font-family:rbr,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif;font-weight:normal}
.hs-light .mainTitle,.shs-light .subTitle{font-family:rbl,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif;font-weight:400}

.fa,.far,.fas{font-family:awesome5}
.fab{font-family:awesome5b}
.fas{font-family:awesome5s}

.ceItem p,.tx-felogin-pi1 h3 + div{line-height:1.5}
.newsSingle .newsTeaser *,.newsSingle .newsText *{line-height:1.5}
h1,h2,h3,h4,h1 *,h2 *,h3 *,h4 *,.hd1,.hd2,.hd1 *,.hd2 *,.rootLine,.rootLine *{line-height:1.2}
/* .hs-22 *.mainTitle,.hs-26 *.mainTitle,.hs-30 *.mainTitle,.hs-36 *.mainTitle,.hs-48 *.mainTitle,.hs-60 *.mainTitle,.hs-80 *.mainTitle,.hs-100 *.mainTitle{line-height:1.2} */
/* .shs-22 *.subTitle,.shs-26 *.subTitle,.shs-30 *.subTitle,.shs-36 *.subTitle,.shs-48 *.subTitle,.shs-60 *.subTitle,.shs-80 *.subTitle,.shs-100 *.subTitle{line-height:1.2} */

.tUpper,.mainUpper .mainTitle,.subUpper .subTitle{text-transform:uppercase!important;letter-spacing:2px}
.tCapital{text-transform:none!important;font-variant:small-caps!important}
.tLower{text-transform:lowercase!important}
.tMixed{text-transform:none!important}


/* --- SIZES --- */

html,body{font-size:16px}

main h1,main h1 *,main h2,main h2 *{font-size:36px}
main h3,main h3 *,main h4,main h4 *{font-size:26px}

main p,main p *{}
main li,main li *{}

#topBox p,#topBox p *{font-size:12px}
/* p strong,p span{font-size:16px} */

.hs-18 *.mainTitle,.shs-18 *.subTitle{font-size:18px;line-height:25px}
.hs-22 *.mainTitle,.shs-22 *.subTitle{font-size:22px;line-height:27px}
.hs-26 *.mainTitle,.shs-26 *.subTitle{font-size:26px;line-height:30px}
.hs-30 *.mainTitle,.shs-30 *.subTitle{font-size:30px;line-height:35px}
.hs-36 *.mainTitle,.shs-36 *.subTitle{font-size:36px;line-height:45px}
.hs-48 *.mainTitle,.shs-48 *.subTitle{font-size:48px;line-height:55px}
.hs-60 *.mainTitle,.shs-60 *.subTitle{font-size:60px;line-height:65px}
.hs-80 *.mainTitle,.shs-80 *.subTitle{font-size:80px;line-height:85px}
.hs-100 *.mainTitle,.shs-100 *.subTitle{font-size:100px;line-height:105px}

@media only screen and (max-width:1024px) {
.hs-18 *.mainTitle,.shs-18 *.subTitle{font-size:16px;line-height:18px}
.hs-22 *.mainTitle,.shs-22 *.subTitle{font-size:18px;line-height:20px}
.hs-26 *.mainTitle,.shs-26 *.subTitle{font-size:20px;line-height:22px}
.hs-30 *.mainTitle,.shs-30 *.subTitle{font-size:22px;line-height:24px}
.hs-36 *.mainTitle,.shs-36 *.subTitle{font-size:24px;line-height:26px}
.hs-48 *.mainTitle,.shs-48 *.subTitle{font-size:26px;line-height:28px}
.hs-60 *.mainTitle,.shs-60 *.subTitle{font-size:28px;line-height:30px}
.hs-80 *.mainTitle,.shs-80 *.subTitle{font-size:30px;line-height:32px}
.hs-100 *.mainTitle,.shs-100 *.subTitle{font-size:35px;line-height:37px}
}

footer #toTopBox a{font-size:30px}


/* --- ICONS --- */

/* elements */
.bullets ul li::before{content:'\f046';font-family:awesome5l}

blockquote > *::before{content:'\f10d';font-family:awesome5s}
blockquote > *::after{content:'\f10e';font-family:awesome5s}

/* buttons */
.btn.ok > *::before{content:'\e718';font-family:microns}
.btn.save > *::before{content:'\e718';font-family:microns}
.btn.close > *::before,.tClose > *::before{content:'\e741';font-family:microns}
.btn.link > *::before{content:'\f08e';font-family:awesome5l}
.btn.more > *::after,#kesearch_results ul li a::after{content:'\e705';font-family:microns}
/* .btn.fwd > *::after,.btn.submit > *::after{content:'\e705';font-family:microns} */
.btn.fwd.act > *::after{content:'\e704';font-family:microns}
.btn.prev > *::before{content:'\e705';font-family:microns}
.btn.next > *::after{content:'\e704';font-family:microns}
.btn.back > *::before,.goBack > *::before{content:'\e70a';font-family:microns}
.singleContentText .btn.back > *::before{content:'\f355';font-family:awesome5s}
.btn.delete > *::after{content:'\e741';font-family:microns}
.btn.refresh > *::after,.lnk.refresh > *::after{content:'\f2f1';font-family:awesome5}
.btn.lnk > *::after{content:'\e737';font-family:microns}
.btn.search > *::after{content:'\f002';font-family:awesome5l}
.searchAcc::after{content:'\e744';font-family:microns}
.searchAcc.cur::after{content:'\e744';font-family:microns}
.btn.reset > *::before{content:'\f00d';font-family:awesome5l}
.btn.reset > *::after{content:'Suche leeren'}
.btn.stick > *::before{content:'\f004';font-family:awesome5s}
.btn.share > *::before{content:'\f064';font-family:awesome5s}
.btn.clip > *::before{content:'\f0c6';font-family:awesome5s}
.btn.call > *::before{content:'\f075';font-family:awesome5s}
.btn.email > *::after{content:'\f1d8';font-family:awesome5s}
.btn.info > *::before{content:'\f05a';font-family:awesome5s}
.btn.phone > *::before{content:'\f095';font-family:awesome5s}

.btn.expd > *::after{content:'\e707';font-family:microns}
.btn.clps > *::after,.btn.expd.cur > *::after{content:'\e706';font-family:microns}

.btn.ham > *::before{content:'\e73f';font-family:microns}

.lnk.intern > *::before{content:'\f08e';font-family:awesome5l}
.lnk.stick > *::before{content:'\f08d';font-family:awesome5s}
.lnk.more > *::after{content:'\f08e';font-family:awesome5l}
.lnk.delete > *::after{content:'\e741';font-family:microns}
.lnk.cart > *::before{content:'\f08e';font-family:awesome5l}

.icon.remove a::after{content:'\f00d';font-family:awesome5l}

button.prev::after{content:'\e704';font-family:microns}
button.next::after{content:'\e705';font-family:microns}

/* news */
.newsLatest article .newsMore .lnk a::after{content:'Beitrag'}
.newsLatest article .newsMore .lnk:hover a::after{content:'lesen'}
.news .prevNext .prev a::before{content:'\e705';font-family:microns}
.news .prevNext .next a::after{content:'\e704';font-family:microns}
.news .btn.archive a span::before{content:'\f187';font-family:awesome5s}

/* misc */
.ceItem.login .hGroup::before{content:'\f007';font-family:awesome5s}
section.login::before{content:'\f007';font-family:awesome5s}
.dateAppend .btn.acc.act::after{content:'\f057';font-family:awesome5l}
.cagListPic ul.slick-dots::before{content:'Designs / Farben'}
#toTopBox a::before,#toWindowTop > *::before{content:'\e708';font-family:microns}
li.facebook a::after{content:'\f082';font-family:awesome5s}
.ceItem .accHeader::after{content:'mehr \e705';font-family:osm,arial,helvetica,sans-serif,microns}
.ceItem .accHeader.expd::after{content:'\e705';font-family:microns}
.swipeNav.prev > *::after{content:'\e704'}
.swipeNav.next > *::after{content:'\e705'}