@media only screen and (max-width:1399px) {

/* --- MAINMENU --- */

/* hamburger */

.menu.main #ham{display:inline-block;position:relative;margin-bottom:20px;width:50px;height:50px;line-height:1;border:2px solid var(--main-color);-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .4s;transition:all .4s}
.menu.main #ham:hover,.menu.main #ham.cur{border-color:var(--main-color);-webkit-transition:all .6s;transition:all .6s}
.menu.main #ham::before{content:'Menü öffnen';display:none;position:absolute;z-index:50;top:100%;right:0;margin-top:5px;max-height:0;overflow:hidden;text-align:center;line-height:1.2;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap}
.scrolled .menu.main #ham::before{top:0;right:auto;left:calc(100% + 20px)}
.menu.main #ham.cur::before{content:'Menü schließen'}
.menu.main #ham:hover::before{padding:5px 10px;max-height:none;overflow:visible;-webkit-transition:all .4s;transition:all .4s}

.menu.main #ham{display:inline-block;position:relative;margin-bottom:20px;width:50px;height:50px;line-height:1;border:2px solid var(--main-color);-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .4s;transition:all .4s}
.menu.main:not(.hasHam) #ham,.menu.page #ham{display:none}
.menu.main #ham:hover,.menu.main #ham.cur{border-color:var(--main-color);-webkit-transition:all .6s;transition:all .6s}
.menu.main #ham::before{content:'Menü öffnen';display:none;position:absolute;z-index:50;top:100%;right:0;margin-top:5px;max-height:0;overflow:hidden;text-align:center;line-height:1.2;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap}
.scrolled .menu.main #ham::before{top:0;right:auto;left:calc(100% + 20px)}
.menu.main #ham.cur::before{content:'Menü schließen'}
.menu.main #ham:hover::before{padding:5px 10px;max-height:none;overflow:visible;-webkit-transition:all .4s;transition:all .4s}
.menu.main #ham::after{content:'\f0c9';font-family:awesome}
.navExpd .menu.main #ham::after{content:'\e81b'}

.menu.main #ham{display:block!important;position:absolute;z-index:2001;top:18px;right:20px;margin:0;padding:0;width:30px;height:30px;font-size:25px;line-height:1;color:var(--color-black);border:none;cursor:pointer;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-transition:all .4s;transition:all .4s}
.menu.main #ham:hover{color:var(--color-black);background-color:transparent;-webkit-transition:all .6s;transition:all .6s}
.scrolled .menu.main #ham::before{top:0;right:auto;left:calc(100% + 20px)}
.menu.main #ham:hover::before{padding:5px 10px;max-height:none;overflow:visible;-webkit-transition:all .6s;transition:all .6s}
#page > header.cur .menu.main #ham{display:none}

/* level 0 */

.menu.main .ul.level-0{display:inline-block;width:auto;height:auto}
.menu.main .ul.level-0 .li.submenu{width:auto}

.menu.main .ul.level-0 .spacer{margin-right:1vw;height:50px;border-left:1px solid #a2a2a2}

.menu.main .ul.level-0 .goBack{margin-right:2vw}
.menu.main .ul.level-0 .goBack a{font-size:20px}
.menu.main .ul.level-0 .goBack a::before{margin-right:5px}

.menu.main .subContainer{position:static;max-height:unset;overflow:visible;border:none}

/* level 1 */

.menu.main .ul.level-1{display:none;background-color:#fff;-webkit-transition:all .4s;transition:all .4s}
.navExpd .menu.main .ul.level-1{position:static;padding:0;width:100%}
.menu.main .ul.level-0 .goBack ~ ul.cur{display:block}
.navExpd .portalPage .menu.main .ul.level-1{z-index:2000;background-color:#fff}
.menu.main .ul.level-1 > .li{display:none;z-index:4;margin:0;padding:0;max-width:0;overflow:hidden;text-align:left}
.menu.main .ul.level-1 > .li:first-child{margin-top:80px}
.portalPage .menu.main .ul.level-1 > li{padding:0 30px}
.menu.main .ul.level-1.expd > .li,.menu.main .ul.level-2.expd > .li,.menu.main .ul.level-3.expd > .li,
.navExpd .menu.main .ul.level-1 > .li,.navExpd .menu.main .li.act > .ul.level-2:not(.clpsd) > .li,.navExpd .menu.main .li.act > .ul.level-3:not(.clpsd) > .li,
.navExpd .menu.main .ul.level-1.act > .li,.navExpd .menu.main .ul.level-2.act > .li,.navExpd .menu.main .ul.level-3.act > .li{display:block;width:100%!important;max-width:100%!important;overflow:visible}
.menu.main .ul.level-1 > .li > span.title > *{font-size:var(--font-size-r)}
.menu.main ul.level-1 .li span,.menu.main ul.level-1 > .li:last-of-type > span a{margin:0!important;text-align:right;background-color:transparent!important;border-top-color:transparent!important}
.menu.main .ul.level-1 .li a{display:block;width:100%}
.menu.main .ul.level-1 .li a::before{display:none}
.menu.main .ul.level-1 .li > .title{padding:10px 0!important}

.menu.main .ul.level-1 .li.hasSub .expdLevel{margin:0!important;padding:0;width:100%;cursor:pointer;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.menu.main .ul.level-1 .li.hasSub.cur > .expdLevel:hover,.menu.main .ul.level-1 .li.hasSub.act:not(.clpsd) > .expdLevel:hover{background-color:transparent!important;border-color:transparent!important}
.menu.main .ul > .li.hasSub.cur > .expdLevel,.menu.main .ul > .li.hasSub.act > .expdLevel{background-color:transparent!important;border-color:transparent!important;-webkit-transition:all .6s;transition:all .6s}

.menu.main .ul.level-1 .li.hasSub .expdLevel > span{display:inline-block;width:calc(100% - 30px);cursor:pointer;color:#333333 !important}

.menu.main .ul.level-1 .li.hasSub .expdLevel::after{content:'\f107';display:inline-block;padding:0;width:30px;font-family:awesome;text-align:right!important;color:var(--color-black);-webkit-transition:all .4s;transition:all .4s}
.menu.main .ul.level-1 .li.hasSub .expdLevel:hover::after{content:'\f105';color:var(--main-color);background-color:transparent;-webkit-transition:all .6s;transition:all .6s}
.menu.main .ul.level-1 .li.hasSub > .title.act > .expdLevel::after{content:'\f106';color:var(--main-color)}
.menu.main .level-1 > .li > span.title > .expdLevel > ::after{display:none}

.menu.main .ul.level-1 .li .title,.menu.main .ul.level-1 .li.hasSub > .title{width:100%}
.menu.main .ul.level-1 .li.cur > .title,.menu.main .ul.level-1 .li .title.cur{color:var(--main-color)!important}
.menu.main .ul.level-1 > .li:first-child > .title{border:none!important}
.menu.main .ul.level-1 .li .title a{position:relative;padding-right:20px!important}
.menu.main .ul.level-1 .li.act > .title a{padding-right:0!important}
.menu.main .ul.level-1 .li:not(.act) .title a::after{content:'\f176';position:absolute;top:0;right:0;font-family:awesome;-moz-transform: rotate(25deg);-webkit-transform: rotate(25deg);-o-transform: rotate(25deg);-ms-transform: rotate(25deg);transform: rotate(25deg);-webkit-transition:all .4s;transition:all .4s}
.menu.main .ul.level-1 .li:not(.act) .title a:hover::after{-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition:all .4s;transition:all .4s}
.menu.main .ul.level-1 .li .title a:hover::after{color:var(--main-color)}
.menu.main .ul.level-1 > .li > span > *:hover,.menu.main .ul.level-1 > .li.act:not(.clpsd) > span > *,.menu.main .ul.level-1 > li > span > *:hover::before,
.menu.main .ul.level-1 > .li > span.cur > *{padding-bottom:0;color:var(--main-color);background-color:transparent;border:none!important;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;border-radius:0}
.menu.main .ul.level-1 > .li .title.cur a:hover{color:var(--main-color)!important}

.menu.main .ul.level-1 > .li > .title *{width:100%;font-size:var(--font-size-l)!important;font-family:os-medium,arial,helvetica,sans-serif,awesome;font-weight:bold;text-align:left}

.menu.main .ul.level-1 .li.headLine,.menu.main ul.level-1 > .li.headLine{display:none!important}

/* level 2 */

.menu.main .ul.level-2{position:static;margin:0;padding:0;width:100%;background-color:transparent}
.menu.main .ul.level-2 .ul,.menu.main .ul.level-2 .buttonDesignWrap{margin-bottom:20px;width:100%}
.menu.main .ul.level-2 .commonDesign{padding-bottom:20px;border-bottom:1px solid #a2a2a2}
.menu.main .ul.level-2 .levelHeader,.menu.main .ul.level-2 .pluginWrap,.navExpd .menu.main .ul.level-2.act > .li{display:none}
.menu.main .ul.level-2 .li{position:relative;margin-top:25px;padding:0;width:100%}
.menu.main .ul.level-2 .buttonDesign .li{margin-top:10px}
.menu.main .ul.level-2 .buttonDesign .li *{color:#fff}
.menu.main .ul.level-2 .buttonDesign .li .btn a{text-align:center;-webkit-border-radius:20px!important;border-radius:20px!important}
.menu.main .ul.level-2 .li:first-child{margin-top:10px}
.menu.main .ul.level-2 .li > .title > a::after{display:none}
.menu.main .ul.level-2 .li > .title > a > .mainTitle{display:block;width:100%}
.menu.main .ul.level-2 .li > .title > a > .subTitle{display:block;width:100%}
.menu.main .ul.level-2 .commonDesign > .li > span.title img{position:relative;top:5px;width:24px!important;height:24px!important;margin-right:5px}
.menu.main .ul.level-2 .li > .title > a > .mainTitle{font-size:var(--font-size-l)}
.menu.main .ul.level-2 .li > .title > a > .subTitle{margin-top:5px;font-size:var(--font-size-s)}
.menu.main .ul.level-2 .li a,.menu.main ul.level-1 .li span,.menu.main ul.level-1 > .li:last-of-type > span a{text-align:left}

.menu.main .ul.level-2 .addTextWrap{padding-top:30px}
.menu.main .ul.level-2 .addTextWrap .li{padding:0 0 10px}
.menu.main .ul.level-2 .addTextWrap .li p{font-size:var(--font-size-s)}
.menu.main .ul.level-2 .addTextWrap .li p a{display:inline-block;padding-left:5px;width:auto;font-size:var(--font-size-s);text-decoration:underline;-webkit-transition:color 0.3s ease, transform 0.3s ease;transition:color 0.3s ease, transform 0.3s ease;}
.menu.main .ul.level-2 .addTextWrap .li p a:first-of-type{padding-left:0}

/* support-section */

#page header .topLeft .grid-row{display:block!important;width:100%!important;height:auto!important}
#page header .topLeft .gridItem:first-child,#page header .topLeft .gridItem:nth-child(2){margin:0 0 20px!important;padding:20px!important;width:100%!important;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.06);box-shadow:0 1px 8px rgba(0, 0, 0, 0.06);border:1px solid #d6d6d6}
#page header .topLeft .gridItem:last-child{margin:0!important;width:100%!important}
#page header .topLeft .gridItem:last-child .buttonWrap{text-align:center}
#page header .topLeft .hGroup.accToggle{margin-bottom:10px}
#page header .topLeft .hGroup.accToggle::after{display:none}
#page header .topLeft .hGroup.accToggle > *{margin-bottom:10px}
#page header .topLeft .hGroup.accToggle > *:first-child,#page header .topLeft .hGroup.accToggle > *:first-child *{font-size:var(--font-size-r)!important;color:#a2a2a2}
#page header .topLeft .hGroup.accToggle > *:first-child::after,#page header .topLeft .hGroup.accToggle > *:first-child ~ *{display:none}
#page header .topLeft .hGroup.accToggle + *{display:block;position:static;padding:0;border:0;-webkit-transform:scaleY(1);transform:scaleY(1)}
#page header .topLeft .hGroup.accToggle + * figure *:not(.enCrypt){font-size:var(--font-size-s);font-family:os-regular,arial,helvetica,sans-serif,awesome;font-weight:normal}
#page header .topLeft .hGroup.accToggle + * table,#page header .topLeft .hGroup.accToggle + * table *{width:100%}
#page header .topLeft .hGroup.accToggle + * table td{width:47%!important}
#page header .topLeft .hGroup.accToggle + * table td a{text-decoration:underline}

#page header .topRight .buttonBox .btn{margin-left:15px}

/* --- TOPBOX / LANGMENU --- */

header ul.topMenu{text-align:right}
header ul.topMenu li{display:inline-block;margin-left:15px;width:auto;height:auto!important}
header ul.topMenu li:nth-child(3){display:none}
header ul.topMenu li > span{display:block;border:1px solid transparent;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}
header ul.topMenu li > span:not(.hasColor){border-color:#212121}
header ul.topMenu li > span.hasColor:hover{filter:brightness(1.5)}
header ul.topMenu li > span:not(.hasColor):hover{border-color:var(--main-color)}
header ul.topMenu li a{display:block;padding:8px 20px 12px;line-height:1;color:inherit;background-color:transparent}
header ul.topMenu li a:hover,header ul.topMenu li.act a{text-decoration:none}
header ul.topMenu li > span:not(.hasColor):hover *{color:var(--main-color)}

#page > header .topRight{position:absolute;z-index:2;top:80px;left:0;margin-bottom:20px;padding:0 20px;width:100%}
#page > header .topRight > *{padding:0!important}
#page > header .topRight .langNav + * .txtWrap{margin:0!important}
#page > header .topRight .langNav + * .buttonBox .btn{display:none;margin:0;width:auto;text-align:center}
#page > header .topRight .langNav + * .buttonBox .btn.smartOnly,#page > header .topRight .langNav + * .buttonBox .btn:last-child{display:inline-block}
#page > header .topRight .langNav + * .buttonBox .btn a{padding:10px 15px}
header ul.langMenu{-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}
header ul.langMenu li{display:inline-block;width:50%;height:auto!important}
header ul.langMenu li:last-child{margin-left:-1px}
header ul.langMenu li span{display:block}
header ul.langMenu li a{display:block;padding:12px 20px;font-family:regular,arial,helvetica,sans-serif,awesome;font-weight:normal;text-align:center;line-height:1;color:#212121;background-color:#fff;border:1px solid #a2a2a2;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}
header ul.langMenu li.act a{font-weight:bold;font-family:medium,arial,helvetica,sans-serif;background-color:#eaeaea}
header ul.langMenu li a:hover{text-decoration:none;color:var(--main-color);border-color:var(--main-color)}

header ul.langMenu li.disabled{display:block;padding:12px 20px 12px;font-family:regular,arial,helvetica,sans-serif,awesome;font-weight:normal;line-height:1;border:1px solid #a2a2a2;-webkit-border-radius:2px;border-radius:2px;-webkit-opacity:.4;opacity:.4;-webkit-transition:all .4s;transition:all .4s}


/* --- ROOTLINE --- */
	
.rootLine li a{display:block;text-align:right}
.rootLine li a .title{width:100%;text-align:center}
.rootLine li a .title::before{top:-5vw;left:-1vw}
.rootLine li a .title::after{top:1vw;right:-2vw}
.rootLine li a .title strong{font-size:4vw}
.rootLine li a .subTitle{display:none;margin-top:15px;padding:5px 10px;width:auto;font-size:5vw;color:#fff;background-color:rgba(0,0,0,.8)}


/* --- FOOTERMENU --- */
	
footer .fFooter > nav #navCont #mainLevel-1{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
footer .fFooter > nav,footer section.menu_pages,footer section.menu_subpages{width:100%}
footer aside.fFooter .menu.page{padding:0 20px;width:100%}
footer .menu.page .level-1 .li{margin:10px 0;width:50%;text-align:center}
footer .menu.page .level-1 .li a{padding:10px}
footer .menu.page .level-1 .li img{width:20%!important;height:auto!important}

}