/* font-faces */

@font-face{font-family:"awesome";src:url(../../fonts/awesome/awesome.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}

@font-face{font-family:'regular';src:url(../../fonts/titillium/titilliumweb-regular-webfont.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:'light';src:url(../../fonts/titillium/titilliumweb-light-webfont.woff2) format("woff2");font-display:swap;font-weight:200;font-style:normal}
@font-face{font-family:'medium';src:url(../../fonts/titillium/titilliumweb-semibold-webfont.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}
@font-face{font-family:'bold';src:url(../../fonts/titillium/titilliumweb-bold-webfont.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}
@font-face{font-family:'black';src:url(../../fonts/titillium/titilliumweb-black-webfont.woff2) format("woff2");font-display:swap;font-weight:900;font-style:normal}

@font-face{font-family:'os-regular';src:url(../../fonts/opensans/opensans-regular-webfont.woff2) format("woff2");font-display:swap}
@font-face{font-family:'os-light';src:url(../../fonts/opensans/opensans-light-webfont.woff2) format("woff2");font-display:swap}
@font-face{font-family:'os-medium';src:url(../../fonts/opensans/opensans-semibold-webfont.woff2) format("woff2");font-display:swap}
@font-face{font-family:'os-bold';src:url(../../fonts/opensans/opensans-bold-webfont.woff2) format("woff2");font-display:swap}
@font-face{font-family:'os-black';src:url(../../fonts/opensans/opensans-extrabold-webfont.woff2) format("woff2");font-display:swap}

body,textarea,input,select,.btn{font-family:os-regular,arial,helvetica,sans-serif,awesome}

h1,h1 *{font-family:regular,arial,helvetica,awesome,sans-serif}
h2,.h2,h2 *,.h2 *{font-family:regular,arial,helvetica,awesome,sans-serif!important}
h2.sub,.h2.sub,.h2.sub *,h3,.h3,.h3 *{font-family:regular,arial,helvetica,sans-serif,awesome;font-weight:normal}
h2.hidden,.h2.hidden{display:none}

strong{font-family:os-medium,arial,helvetica,awesome,sans-serif;font-weight:bold}
h2,.h2,h2 *,.h2 *,.h3,.h3 a,footer aside.credits *,.sliderItem .txtWrap .hGroup > *{font-weight:normal}
h2.bold,.h2.bold{font-family:bold,arial,helvetica,awesome,sans-serif!important}
main .gridGroup .gridItem .bodyWrap .hGroup *{font-family:regular,arial,helvetica,awesome,sans-serif;font-weight:normal}
h1 strong,.h1 strong,h2 strong,.h2 strong,h3 strong,.h3 strong,h1.strong,.h1.strong,h2.strong,.h2.strong,h3.strong,.h3.strong,h1.strong *,.h1.strong *,h2.strong *,.h2.strong *,h3.strong *,.h3.strong *,legend,
#pageBody main .btn,#pageBody main .btn *,.sliderItem .buttonBox .btn a,#pageBody #mediaBox .isHero .btn,#pageBody #mediaBox .isHero .btn *{font-family:regular,arial,helvetica,awesome,sans-serif!important;font-weight:bold!important}

.sliderItem .txtWrap .hGroup > *{font-family:medium,arial,helvetica,sans-serif,awesome}

.hGroup h2.floatHeader.cRed,.hGroup .h2.floatHeader.cRed{font-family:medium,arial,helvetica,awesome,sans-serif;font-style:italic}
.hGroup h2.floatHeader span.cRed,.hGroup .h2.floatHeader span.cRed{font-family:medium,arial,helvetica,awesome,sans-serif;font-weight:bold;font-style:italic}
.hGroup h2.floatHeader span.cBlack,.hGroup .h2.floatHeader span.cBlack{font-family:medium,arial,helvetica,awesome,sans-serif;font-weight:bold}

.hGroup .noBold *{font-weight:normal!important;font-family:light,arial,helvetica,awesome,sans-serif!important}

.fa,.far,.fal,.fab,.fas{font-family:awesome}


/* iconfonts */

.menu.main .level-1 > .li > span.title > .expdLevel > *::after{content:'\f107';font-family:awesome}
.menu.main .level-1 > .li > span.title > .expdLevel.expd > *::after,#toTopBox button::before{content:'\f106';font-family:awesome}
button.prev::after,.lnk.back::before{content:'\f104';font-family:awesome}
button.next::after{content:'\f105';font-family:awesome}

.partnerPlugin .searchBox .searchIcon::before{content:'\e813';font-family:awesome}

.menu .level-0 .small.phone::after{content:'\f098';font-family:awesome}
footer .hs-submit .actions::after{content:'\f0e0';font-family:awesome}

.fa,.fab,.fal,.far,.fas{width:auto}

.fa-angle-right::before{content:'\f105';font-family:awesome}
.fa-search::before{content:'\f0b0';font-family:awesome}
.fa-phone::before{content:'☎'}
.fa-envelope::before{content:'\f0e0';font-family:awesome}
.fa-times::before{content:'x';font-family:os-regular,arial,helvetica,sans-serif;color:#a2a2a2}
.fa-times:hover::before{color:#565656}

.fa-phone::before{content:'\e807'}
.fa-globe::before{content:'\f108'}
.fa-paper-plane::before{content:'\f1d8'}
.fa-linkedin::before{content:'\f30c'}
.fa-facebook::before{content:'\f308'}

.ceItem blockquote::before{content:'”';font-family:os-regular,arial,helvetica,sans-serif,awesome}


/* global sizes, heights and effects */

#pageBody main label,#pageBody main input,#pageBody main textarea,#pageBody main select,button.btn{font-size:var(--font-size-r)}
#pageBody main legend{font-size:var(--font-size-l)}
#pageBody .accessNav,#pageBody .accessNav *{font-size:initial}

p a{text-decoration:underline}
p a:hover{text-decoration:none}

main .ceItem p,main .ceItem li{line-height:1.8}
h1,h2,h3,h4,h5,.h1,.h2,.rootLine,.rootLine *{line-height:1.2}
h3,h4,h5,.h3,.h4,.h5{line-height:1.3}

.hGroup h1,.hGroup .h1,.hGroup h1 *,.hGroup .h1 *{font-size:var(--font-size-xxl)}
.hGroup h2,.hGroup .h2,.hGroup h2 ,.hGroup .h2 *{font-size:var(--font-size-xxl)}
.hGroup h3,.hGroup .h3,.hGroup h3 *,.hGroup .h3 *{font-size:var(--font-size-m)}
.hGroup h4,.hGroup .h4,.hGroup h4 *,.hGroup .h4 *{font-size:var(--font-size-r)}

.hGroup h1.largeFont,.hGroup .h1.largeFont,.hGroup h1.largeFont *,.hGroup .h1.largeFont *{font-size:var(--font-size-xxxl)}
.hGroup h2.largeFont,.hGroup .h2.largeFont,.hGroup h2.largeFont ,.hGroup .h2.largeFont *{font-size:var(--font-size-xxl)}
.hGroup h1.smallFont,.hGroup .h1.smallFont,.hGroup h1.smallFont *,.hGroup .h1.smallFont *{font-size:var(--font-size-xl)!important}
.hGroup h2.smallFont,.hGroup .h2.smallFont,.hGroup h2.smallFont ,.hGroup .h2.smallFont *{font-size:var(--font-size-l)!important}

#mediaBox .hGroup h1,#mediaBox .hGroup .h1,#mediaBox .hGroup h1 *,#mediaBox .hGroup .h1 *{font-size:var(--font-size-xxxl)}
#mediaBox .hGroup h2,#mediaBox .hGroup .h2,#mediaBox .hGroup h2 ,#mediaBox .hGroup .h2 *{font-size:var(--font-size-xxl)}

.singleView .hGroup h1{font-size:var(--font-size-xxxl)}

footer .ceItem p{line-height:1.5}
footer .ceItem p,footer .ceItem p *{font-size:14px}


/* --- VIEWPORTS --- */

@media only screen and (min-width:2000px) {
	#portalBox h2,#portalBox h2 *,#portalBox .h2,#portalBox .h2 *{font-size:30px}
	header > nav .search .hGroup h5::before,.search + section .btn.heart a span.heartImg::before{font-size:25px!important}
	.search + section .btn.heart a span.heartTxt{font-size:20px!important}
	.menu.main .level-1 > li > span.title > *,.menu.main.mclick .level-1 > li > span.title.hasExpd *{font-size:18px!important}
}

.menu.main #ham{font-size:30px}
.menu.main #ham::before{font-size:14px}

@media only screen and (min-width:1400px) {
	.menu.main .level-2 .levelHeader > *{font-size:25px}
	.menu.main .level-2 .buttonDesign > span > a > .mainTitle{font-size:14px}
	.menu.main .level-2 .commonDesign > .li > span.title .mainTitle{font-size:20px}
	.menu.main .level-2 .commonDesign > .li > span.title .subTitle{font-size:14px}
	.menu.main .level-2 .addTxt > *{font-size:14px}
	.menu.main .level-2 .pluginItem .hGroup *{font-size:20px}
	.menu.main .level-2 .pluginItem p{font-size:14px}
	.menu.main.mclick .level-1 > div > span.title.hasExpd *,.menu.main.mclickArrow .level-1 > div > span.title.hasExpd *{font-size:14px}
	.menu.main.hasHam #ham::before{font-size:14px}
	.menu.main.hasHam .level-1 div .title *{font-size:18px}
    .menu.main.hasHam .level-2 div .title *{font-size:16px}
	.siteMap .level-1 > li > a{font-size:18px}
	.siteMap .level-3 > li > span.title > a{font-size:14px}
	.siteMap .level-3 > li > span.title > a::after{font-size:20px}
}

.menu.page .level-1 .li span{font-size:14px}
.menu.page .level-1 .li a{font-size:14px}

.bgTxt.header-101 .hGroup h2 > *,h2.patch > *,.ceItem.txtTeaser .hGroup h2.patch > *:only-child{font-size:2.5vw}
.bgTxt.header-101 .hGroup h2 > *{padding:10px 5%;font-size:1.3vw}
h2.patch > *,.ceItem.txtTeaser .hGroup h2.patch > *:only-child{font-size:1.7vw}

h2.patch.expd > *{font-size:0!important}

.menu.page .level-1 .li span{font-size:14px}
.menu.page .level-1 .li a{font-size:14px}
.menu.page .li a i{font-size:20px}

@media only screen and (min-width:200px) and (max-width:1399px) {
	.menu.page ul .li a{font-size:16px}
}