/* 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 *{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-style: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}

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

.fa-angle-right::before{content:'\f105';font-family:awesome}
.fa-search::before{content:'\e80c';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}

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

/* sizes, heights and effects */

.hGroup h2.floatHeader.cRed,.hGroup .h2.floatHeader.cRed{font-size:1.7vw}
.hGroup h2.floatHeader.cBlack,.hGroup .h2.floatHeader.cBlack{font-size:1.7vw}
.hGroup h2.floatHeader span.cBlack,.hGroup .h2.floatHeader span.cBlack{font-size:1.7vw}

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

header ~ *:not(footer) h1 + h2.mainsub,header ~ *:not(footer) h1 + h2.mainsub *,header ~ *:not(footer) .h1 + .h2.mainsub,header ~ *:not(footer) .h1 + .h2.mainsub *{font-size:var(--font-size-l)}
header ~ *:not(footer) h3,header ~ *:not(footer) h3 *,header ~ *:not(footer) .h3,header ~ *:not(footer) .h3 *{font-size:2rem}
header ~ *:not(footer) h3.smallFont,header ~ *:not(footer) h3.smallFont *,header ~ *:not(footer) .h3.smallFont,header ~ *:not(footer) .h3.smallFont *{font-size:var(--font-size-s)}
header ~ *:not(footer) h3.largeFont,header ~ *:not(footer) h3.largeFont *,header ~ *:not(footer) .h3.largeFont,header ~ *:not(footer) .h3.largeFont *{font-size:var(--font-size-xl)}
header ~ *:not(footer) h4,header ~ *:not(footer) h4 *,header ~ *:not(footer) .h4{font-size:var(--font-size-l)}
header ~ *:not(footer) .h4 *{font-size: var(--font-size-s)}

header ~ *:not(footer) h3.smallSub,header ~ *:not(footer) h3.smallSub *,header ~ *:not(footer) .h3.smallSub,header ~ *:not(footer) .h3.smallSub *{font-size:20px}
header ~ *:not(footer) h3.largeSub,header ~ *:not(footer) h3.largeSub *,header ~ *:not(footer) .h3.largeSub,header ~ *:not(footer) .h3.largeSub *{font-size:30px}

.ceItem p,.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}

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

body,h5{font-size:var(--font-size-m)}
h5{font-weight:600}
h1.smallFont,h1.smallFont *,.h1.smallFont,.h1.smallFont *,h2.smallFont,h2.smallFont *,.h2.smallFont,.h2.smallFont *{font-weight:bold;font-family:medium,arial,helvetica,awesome,sans-serif}

header ~ *:not(footer) h4.smallFont,header ~ *:not(footer) h4.smallFont *,header ~ *:not(footer) .h4.smallFont,header ~ *:not(footer) .h4.smallFont *{font-size:18px;font-family:medium,arial,helvetica,awesome,sans-serif;font-weight:bold}
header ~ *:not(footer) h5,header ~ *:not(footer) h5 *,header ~ *:not(footer) .h5,header ~ *:not(footer) .h5 *{font-size:18px}
header ~ *:not(footer) h5.smallFont,header ~ *:not(footer) h5.smallFont *,header ~ *:not(footer) .h5.smallFont,header ~ *:not(footer) .h5.smallFont *{font-size:16px;font-family:medium,arial,helvetica,awesome,sans-serif;font-weight:bold}

.ceItem.fsc .contentAcc .hGroup *{font-size:normal}
.ceItem.fsc .contentAcc .hGroup .strong,.ceItem.fsc .contentAcc .hGroup .strong *{font-weight:bold}

h1.xBold,h1.xBold *,.h1.xBold,.h1.xBold *,h2.xBold,h2.xBold *,.h2.xBold,.h2.xBold *,h3.xBold,h3.xBold *,.h3.xBold,.h3.xBold *{font-weight:bold;font-family:medium,arial,helvetica,awesome,sans-serif!important}

.ceItem.fsc .contentAcc .hGroup *{font-size:1.6rem}
.ceItem.fsc .contentAcc .hGroup .smallFont,.ceItem.fsc .contentAcc .hGroup .smallFont *{font-size:1.25rem}
.ceItem.fsc .contentAcc .hGroup .largeFont,.ceItem.fsc .contentAcc .hGroup .largeFont *{font-size:1.9rem}

.slick-arrow button{font-size:80px}

.clearer{font-size:1px!important}

.wSub br{font-size:0}

h1,h1 *,.h1,.h1 * *{font-size: var(--font-size-xxxl);line-height:1}
h2,h2 *,.h2,.h2 *{font-size: var(--font-size-xxl)}
h3,h3 *,.h3,.h3 *{font-size:2rem}
h4,h4 *,.h4,.h4 *{font-size:1.2vw}

.gridGroup .buttonBox .btn > *{font-size: var(--font-size-m);}

span.enCrypt::after{font-size:inherit}

.textPic .galWrap figcaption{font-size:12px}
.ceItem .imgRow .imgCol .copyRight{font-size:10px}
.bgTxt.header-101 .lnkWrap .btn > *{font-size:0}
.bgTxt.header-101 .lnkWrap .btn > *::after{font-size:.9vw}
.ceItem h2.longHand.double{font-size:6vw}
.ceItem.header-102 .txtWrap p,.ceItem.header-103 .txtWrap p{font-size:1.25rem;line-height:1.8!important}
.ceItem.posAbs .itemWrap .hGroup > * > *{font-size:2vw!important}
.ceItem.txtTeaser .hGroup.patchBox h3{font-size:1.3vw}

.fieldwrap.filled::after{font-size:30px!important}
.fieldwrap.check.filled::after,.fieldwrap.radio.filled::after{font-size:40px!important}
.fieldwrap.text label{font-size:25px}
label .mandatory::after{font-size:8px!important}
.nolabel .checkbox > label::after,.nolabel .radiobox > label::after{font-size:12px}
.selectBox,.selectBox::after,.typoscript label{font-size:1.2vw}
.fieldwrap.submit input,.categorySelect select{font-size:20px}
.hs-submit .actions .hs-button{font-size:16px}
.felogin_login .accHeader{font-size:25px}
header .felogin_login .accHeader{font-size:14px}
.loginWrap fieldset .loginSubmit input{font-size:16px}
.logoutWrap input[type="submit"]{font-size:16px}
.ceItem.search .btn.searchAcc::after{font-size:35px}
.searchContent h4{margin-bottom:15px;font-size:16px}
.searchContent input.searchInput{font-size:18px}
.searchContent .btn.search > *::after{font-size:30px}
.searchContent .btn.search input{font-size:20px}
.searchHeader .hGroup *{font-size:25px}
.searchBack .btn.back > *{font-size:16px}
.resultItem h3{font-size:25px}
.themeSearch h4{font-size:2.5vw}
.themeSearch .lnk.refresh > *::after{font-size:2.5vw}
.themeSearch input.searchInput,.themeSearch select{font-size:1.5vw}
.themeSearch select *{font-size:14px}
.themeSearch span.cnctor{font-size:1.5vw}
.themeSearch .searchContent .btn.search span{font-size:1.5vw}
.themeSearch .searchContent .btn.search input.sic{font-size:1.5vw}
.themeSearch .addresses ul.searchResults li.title{font-size:1.5vw}
.themeSearch .addresses .asylum .btn a{font-size:20px}
#specialSearch form#form_kesearch_pi1 .searchContent::before{font-size:20px}
#specialSearchResult .resultWrap .btn *{font-size:0}
#specialSearchResult .resultWrap .btn *::before{font-size:20px}
header > nav .search .accButton{font-size:20px}

.news .btn.archive *::before{font-size:16px}

@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}
}

header .multicolumn .buttonBox .btn a span.btnLabel{font-size:var(--font-size-s)}

.newsLatest time{font-size:var(--font-size-s)}
.newsLatest article .h2,.newsLatest article .h2 *{font-size:var(--font-size-l)}
.news_taglist .hGroup h2,.news_categorylist .hGroup h2{font-size:var(--font-size-xl)}

.mainBox .newsCatlist .newsCategories ul li{font-size:var(--font-size-s)}
.mainBox .newsLatest .newsCategories ul li{font-size:var(--font-size-s)}
.mainBox .newsLatest .newsCategories ul li::before{font-size:var(--font-size-m)}

.newsLatest .categoryMenu ul.level-1 > li{font-size:0}
.newsLatest .categoryMenu ul.level-2 > li{font-size:18px}

.newsSingle .newsHeader h2{font-size:var(--font-size-xxxl)!important}
.menu.main .newsSingle .newsHeader h2,.newsSingle .newsHeader .h3{font-size:var(--font-size-l)!important}

.cc-window{font-size:18px}
.dp--cookie-check *{font-size:16px}

.contentAcc .accItem .galWrap:only-child figcaption .fileTitle{font-size:1.2vw}
.contentAcc .accItem .galWrap:only-child figcaption .fileDesc{font-size:16px}
.faqAcc .accItem .txtWrap > .hGroup.acc *{font-size:20px}
.faqAcc .accItem .txtWrap > .hGroup.acc::after{font-size:20px}

.extContent .hGroup br{font-size:0}

header ~ *:not(footer) .extContent .bodyWrap .hGroup h3.smallFont,header ~ *:not(footer) .extContent .bodyWrap .hGroup h3.smallFont *,header ~ *:not(footer) .extContent .bodyWrap .hGroup .h3.smallFont,header ~ *:not(footer) .extContent .bodyWrap .hGroup .h3.smallFont *{font-size: var(--font-size-m)}
.extContent .bodyWrap .hGroup > .h4 > *{font-size:14px}
.extContent .bodyWrap .hGroup.flexRow > .h4 > *{font-size:var(--font-size-m)!important}
.extContent .bodyWrap .hGroup.flexRow > .h4.smallFont > *{font-size:var(--font-size-s)!important}
.extContent .bodyWrap .hGroup > *.floatHeader{font-size:2vw}
.extContent .bodyWrap .hGroup.hasTeaser .acc i{font-size:16px}
.extContent .bodyWrap .hGroup.hasTeaser .acc i.rounded{font-size:12px}
.extContent .bodyWrap .hGroup.hasTeaser .teaserAdd *{font-size:14px}
.extContent .buttonBox.onTop .btn > *{font-size:20px}

.extContent.txtLight > *{color:var(--color-white)}
.extContent.txtLight .textPic .txtWrap p{color:var(--color-white) !important}
.extContent.txtDark > *{color:var(--color-darkgrey);}

aside#newsBox .ceItem.multicolumn .txtWrap div:not(.hGroup) h3{font-size:1.2vw}
#page > header ~ *:not(footer) .multiText h3{font-size:var(--font-size-l)!important}
#page > header ~ *:not(footer) .multiText h3.smallFont{font-size:var(--font-size-m)!important}
#page > header ~ *:not(footer) .multiText h3.xsmallFont{font-size:var(--font-size-s)!important}
#page > header ~ *:not(footer) .multiText h3.largeFont{font-size:var(--font-size-xl)!important}
header .multiText h3,header .multiText .hasAcc .hGroup.accToggle > * > span{font-size:var(--font-size-s)!important}
header .multiText .hasAcc .txtBody td{font-size:14px}
main .gridGroup .gridItem .bodyWrap .txtWrap *:not(p *){font-size:var(--font-size-m)}
main .gridGroup .gridItem .bodyWrap .txtWrap .textBody .text-center img{vertical-align:sub}
main .gridGroup .gridItem .bodyWrap .hGroup *{font-size:1.9rem}
main .gridGroup .gridItem .bodyWrap .hGroup > .smallFont *{font-size:1.5rem}
main .gridGroup .gridItem .bodyWrap .hGroup > .largeFont *{font-size:2.2rem}
main .gridGroup .buttonBox .btn a span{font-size:var(--font-size-m)}

.sliderItem .txtWrap .hGroup > h5 .btn a{font-size:16px}
.sliderItem .txtWrap .hGroup > h5 .btn a::before{font-size:14px}
.sliderItem .txtWrap .hGroup > h5 a::after{font-size:20px}

#page .gridWrap .gridItem .hGroup *{font-size:1.6rem}