.et-l--header .et_pb_section_0_tb_header{
  display: flex;
  align-items: center;
}

.et-l--header {
  transition: height 0.5s linear;
}


.et_pb_section_0_tb_header.et_pb_section, .et_pb_section_1_tb_header.et_pb_section {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.et-db #et-boc .et-l .et_pb_code_0_tb_header#schulthess-main-menu {
  position: static !important;
  display: block !important;
}

#schulthess-main-menu > .et_pb_code_inner {
  position: static !important;
}

.schulthess-main-menu{
  margin-bottom: 0 !important;
}

.schulthess-main-menu .et-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.menu-produkte-subnavigation li {
  background: #fff !important;
}

.schulthess-secondary-menu {
  opacity: 1;
  height: 40px;
  overflow: hidden;
  transition: height 0.5s ease-in-out 0s , opacity 0.5s ease-in-out 0.25s !important;
  animation: none !important;
}

body.scrolled .schulthess-secondary-menu {
  opacity: 0;
  height: 0;
  transition: opacity 0.5s ease-in-out , height 0.5s ease-in-out 0.25s !important;
}

body.scrolled .schulthess-secondary-menu ,
body.scrolled .schulthess-secondary-menu * {
  pointer-events: none !important;
}

.schulthess-main-menu .et_pb_menu__menu > nav > ul > li > a {
  /*transition: padding-top 0.25s ease-in-out 0.5s !important;*/
  padding-top: 39px !important;
}

body.scrolled .schulthess-main-menu .et_pb_menu__menu > nav > ul > li > a {
  /* padding-top: 0 !important;
  padding-bottom: 0 !important; */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.schulthess-main-menu .et_pb_menu__logo img {
  width: 246px;
  transition: width 0.75s cubic-bezier(.65,.05,.36,1) 0s !important;
}

body.scrolled .schulthess-main-menu .et_pb_menu__logo img {
  width: 130px;
}


.schulthess-main-menu .et_pb_menu__menu > nav > ul > li > a {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 /* padding: 35px 0 15px !important; */
 padding: 0 !important;
 margin: 35px 0 15px !important;
 white-space: nowrap;
}


.schulthess-main-menu .et_pb_menu__menu > nav > ul#login-main-menu > li > a {
  margin: 35px 0 15px !important;
}

body.scrolled .schulthess-main-menu .et_pb_menu__menu > nav > ul#login-main-menu > li > a {
  margin: 0px !important;
}

.schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > li > *{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 /* padding: 35px 0 15px !important; */
 padding: 0 !important;
 margin: 35px 0 15px !important;
 white-space: nowrap;
 color: #244566;
}

.schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > li {
  z-index: 21;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 15px !important;
  font-weight: 300 !important;
  color: #244566;
}

body.scrolled .schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > li {
  padding-bottom: 0px !important;
}

.schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > li > .current {
  font-weight: 500 !important;
}

.schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > span {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 /* padding: 35px 0 15px !important; */
 padding: 0 0.6ch 0 0.5ch !important;
 margin: 18px 0 15px !important;
 white-space: nowrap;
 color: #244566;
}

body.scrolled .schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > li > *{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


.schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > li > .language-pipe{
  padding: 0 0.6ch 0 0.5ch !important;
  font-weight: bold;
}


body.scrolled .schulthess-main-menu .et_pb_menu__menu > nav#schulthess-language-menu-navigation > ul > span{
 margin: 0px 0 15px !important;
}

#schulthess-language-menu-navigation{
  padding: 0px 10px 0px 10px;
}


#menu-main-menu.schulthess-menu-nav {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.schulthess-main-menu .et-menu li {
  font-size: 20px !important;
  font-weight: 500 !important;
}

.schulthess-main-menu .et-menu a {
  color:#244566 !important;
}

.schulthess-main-menu .et_pb_menu__search-button {
  transform: scaleX(-1);
  font-weight: 600;
}
/*
#menu-main-menu > li:hover > a {
  text-decoration: underline !important;
}*/

#menu-main-menu > li {
  position: static !important;
  z-index: 20 !important;
  -webkit-box-align: center;
  align-items: center;
}

#menu-main-menu > li > a {
  position: relative;
  /*min-height: 80px;*/
  height: min-content;
  /*pointer-events: none !important;*/
  padding-right: 0 !important;
  cursor: pointer !important;
  color: #244566 !important;
  font-weight: 500;
}

body.et-db #et-boc .et-l .et_pb_menu__menu > nav > ul#menu-main-menu > li:hover > a:after ,
body.et-db #et-boc .et-l .et_pb_menu__menu > nav > ul#menu-main-menu > li.et-hover > a:after        ,
body.et-db #et-boc .et-l .et_pb_menu__menu > nav > ul#menu-main-menu li.current-menu-item > a:after ,
#sf-mobile-menu-navigation li.et-hover > label > a:after                   ,
#sf-mobile-menu-navigation li.current-menu-item > label > a:after          {
  content: "" !important;
  box-sizing: border-box;
  display: block;
  position: absolute;
  /* top: auto !important; */
  top: 100% !important;
  /* bottom: 10px; */
  bottom: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: 9px;
  padding-top: 6px !important;
  border-bottom: 3px solid #8ac7ef;
  transform: none !important;
}
/*
body.et-db.scrolled #et-boc .et-l .et_pb_menu__menu > nav > ul#menu-main-menu > li:hover > a:after ,
body.et-db.scrolled #et-boc .et-l .et_pb_menu__menu > nav > ul#menu-main-menu > li.et-hover > a:after ,
body.et-db.scrolled #et-boc .et-l .et_pb_menu__menu > nav > ul#menu-main-menu li.current-menu-item > a::after {
  bottom: 0 !important;
} */

#menu-main-menu a {
  cursor: pointer !important;
}

header .et_pb_section--with-menu {
  position: relative !important;
}

.et_pb_row_0_tb_header ,
header .et_pb_column--with-menu ,
.schulthess-main-menu ,
.schulthess-main-menu > .et_pb_menu_inner_container ,
.schulthess-main-menu .et_pb_menu__wrap ,
.schulthess-main-menu .et_pb_menu__menu ,
.schulthess-main-menu .et-menu > li {
  position: static !important;
}

.schulthess-main-menu > .et_pb_menu_inner_container {
  justify-content: space-between !important;
}

.schulthess-main-menu > .et_pb_menu_inner_container > .et_pb_menu__wrap {
  position: relative !important;
  width: auto !important;
  max-width: max-content !important;
}

#login-main-menu span.login-headline ,
#sf-mobile-menu-navigation span.login-headline {
  background: #f2f9fc;
  padding: 5px 13px;
  color: #244667;
}

#schulthess-login-menu-navigation{
  padding: 0;
}


.sub-menu-login .fa-thin {
  font-size: 22px;
  font-weight: 300 !important;
  color: #8ac7ef;
  margin-top: -3px;
}

body.et-db #page-container #et-boc .et-l .et_pb_menu .et_pb_menu__menu > nav > ul > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

body.et-db #page-container #et-boc .et-l .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul,
body.et-db #page-container .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  /* top: calc(100% - 15px); */
  top: 100%;
  left: auto !important;
  margin-left: -15%;
  padding: 10px 0px 15px 0px;
  border-top: 0;
}

body.et-db #page-container #et-boc .et-l .et_pb_menu .et_pb_menu__menu > nav > ul > .menu-8122 > ul,
body.et-db #page-container .et_pb_menu .et_pb_menu__menu > nav > ul > .menu-8122 > ul {
  top: calc(100% - 15px);
  left: auto !important;
  margin-left: -20px;
  padding: 10px 0px 15px 0px;
  border-top: 0;
}

body.et-db #page-container #et-boc .et-l .nav li ul{
  border-top: 0;
}

.sub-menu-login{
  padding: 0 !important;
}

.submenu-logout{
  background: #f2f9fc;
  color: #244667;
  font-size: 17px !important;
  font-weight: 500 !important;
  margin-top: 15px;
  text-align: center;
  padding: 6.5px 5px 6.5px 5px !important;
}

.sub-menu-login > h3{
  padding: 6.5px 5px 6.5px 5px !important;
  margin: 10px 20px !important;
  font-size: 19px !important;
  font-weight: 500 !important;
}

.sub-menu-login > h4 {
  padding: 10px 5px 10px 5px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1rem !important;
  margin-top: 15px;
  margin-bottom: 15px !important;
  text-align: center !important;
  letter-spacing: 0.03em;
}

#schulthess-main-menu .sub-menu-login > h4 {
  background-color: #244566;
  color: #fff !important;
  font-weight: 500 !important;
  margin-top: 0;
}

.sub-menu-login > a {
  padding: 6.5px 5px 6.5px 5px !important;
  margin: 5px 20px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
}

#sf-mobile-menu-navigation .sub-menu-login > a.submenu-current-product-ancestor {
  display: block !important;
  padding: 8px 12px !important;
  margin: 5px auto !important;
  font-size: 18px !important;
}

.sub-menu-login > a.submenu-current-product-ancestor + a.submenu-current-product-ancestor {
  margin-top: 10px !important;
}

#sf-mobile-menu-navigation a.submenu-current-product-ancestor .link-icon {
  display: inline-block;
  padding-left: 1.2ch;
}

body.et-db #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-category-item:not(.nav-main-services) > ul.sub-menu {
  z-index: 22 !important;
  /*
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-auto-flow: column;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  padding: 30px calc((100vw - 1400px) / 2 + 8px) 30px max(calc((100vw - 1400px) / 2 - 8px - 5px), 17px) !important;*/

  /* +-8 because there is some offset I don't know where it's coming from.
     The -5 is due to the items' padding-left */
  /* border: none !important; */
  /*border-top: solid 16px transparent !important;*/
  /* background-clip: padding-box;
  background-color: #efefef !important;
  box-shadow: none !important;*/

  /* backpaddling on 08.03.2023. The fullwidth menu is wanted again. */
  /*
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 117px !important;
  margin-left: 0 !important;
  width: 100vw !important;
  box-shadow: 0 10px 7px rgba(0,0,0,0.15);
  transition: top 0.5s ease-in-out 0s !important;
  */

  /* 13.03.23 - only one dropdown now, as wide as the menu, not the bar */
  display: flex;
  /* flex-direction: row; */
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute !important;
  top: 100% !important;
  left: 15px !important;
  right: 15px !important;
  width: auto !important;
  max-width: 100%;
  max-height: 520px;
  margin-left: 0 !important;
  /* padding: 40px 17px !important; */
  padding: 40px 10px !important;
}

body.logged-in.et-db #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-category-item > ul.sub-menu {
  top: 149px !important; /* backend top bar is 32px high */
  top: 100% !important;
}

body.et-db.scrolled  #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-category-item > ul.sub-menu ,
body.logged-in.et-db.scrolled  #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-category-item > ul.sub-menu {
  top: 65px !important;
  top: 100% !important;
}

body.et-db #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-item.nav-main-services > ul.sub-menu {
  display: block;
}

body.et-db #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-item.nav-main-services > ul.sub-menu > li.menu-item {
  width: 100%;
}

body.et-db #et-boc .et-l .et_pb_menu__wrap .et_pb_menu__menu > nav > ul#menu-main-menu > li.menu-item a:hover {
  background: none !important;
  opacity: 1 !important;
  color: #8ac7ef !important;
}

.et_pb_menu .et_pb_menu__search-container {
  /*right: max( calc(0.5 * (100vw - 1400px) - 15px), 0px );
  left: auto !important;
  max-width: 800px;
  height: auto !important;
  padding-top: 15px !important;
  padding-bottom: 10px !important;*/

  left: auto !important;
  right: 165px;
  bottom: auto;
  top: 110%;
  top: calc(100% - 15px);
  background-color: #fff;
  padding: 10px 15px !important;
  max-width: 400px;
  height: auto;
  max-height: 50px;
  /*border: 1px solid blue;*/
}

.et_pb_menu .et_pb_menu__search-container * {
  display: block;
  height: 30px !important;
}

.et_pb_menu .et_pb_menu__search {
  display: flex;
  align-items: flex-end;
}

.et_pb_menu .et_pb_menu__search-input {
  width: 100%;
  font-size: 20px !important;
}

.et_pb_menu .et_pb_menu__search-container .btn-search-close {
  padding: 0 10px;
  height: min-content !important;
  height: 25px !important;
}

#menu-main-menu.nav > li:hover > ul.sub-menu
{
  opacity: 1 !important;
  visibility: visible !important;
}



.nav li:hover ul,
.nav li ul:hover ,
ul.sub-menu.schulthess-login-form-wrapper:hover ,
ul.sub-menu.schulthess-login-form-wrapper.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

#login-modal-clickToLeaveCatcher {
  display: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 100%;
  bottom: 100%;
  left: 0;
}

#login-modal-clickToLeaveCatcher.active {
  display: block;
  visibility: visible;
  right: 0;
  bottom: 0;
}


body.et-db #et-boc .et-l #menu-main-menu > a ul.sub-menu {
  background-color: #efefef !important;
}

#menu-main-menu li.nav-main-themen ul.sub-menu > .grid-sizer {
  width: 31.332%;
  max-width: 31.332%;
}

#menu-main-menu li.nav-main-themen > ul.sub-menu > .gutter-sizer {
  width: 1%;
}

#menu-main-menu ul.sub-menu > li.menu-item {
  width: 33.333%;
  text-align: left;
}

/*
#menu-main-menu li.nav-main-themen ul.sub-menu {
  display: block !important;
} */

#menu-main-menu li.nav-main-themen ul.sub-menu > li.menu-item {
  display: block !important;
  max-width: 33.332%;
  width: auto !important;
}

#menu-main-menu > a > ul.sub-menu > li {
  display: flex;
  align-items: center;
  padding: 0 20px 0 0 !important;
}

#menu-main-menu ul.sub-menu a {
  display: block;
  width: 100% !important;
  padding: 6.5px 5px 6.5px 5px !important;
  font-weight: 300 !important;
  line-height: 100% !important;
  word-wrap: normal !important;
  /* hyphens: none !important; */
  hyphens: auto !important;
  text-align: left;
}

#menu-main-menu > li {
  order: 0;
}

#menu-main-menu li.term-id-140 {
  order: 1;
}

#menu-main-menu li.term-id-142 {
  order: 2;
}

#menu-main-menu > li:last-child {
  order: 4;
}

#menu-main-menu li.term-id-143 {
  order: 3;
}





/* ================== */
/* MOBILE MENU START */
/* ================ */

.mobile-menu-icon-animated .menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}

.mobile-menu-icon-animated .menu .line {
  fill: none;
  stroke: black;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu-icon-animated .menu .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.mobile-menu-icon-animated .menu .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.mobile-menu-icon-animated .menu .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

body.mm-ocd-opened .mobile-menu-icon-animated .menu .line1, body.mm-wrapper_opening .mobile-menu-icon-animated .menu .line1{
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
body.mm-ocd-opened .mobile-menu-icon-animated .menu .line2, body.mm-wrapper_opening .mobile-menu-icon-animated .menu .line2{
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
body.mm-ocd-opened .mobile-menu-icon-animated .menu .line3, body.mm-wrapper_opening .mobile-menu-icon-animated .menu .line3{
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.mm-ocd{
  top: 100px !important;
  background: transparent !important;
}

.mm-ocd__content {
  width: 100% !important;
  max-width: 100% !important;
  bottom: 30px !important;
  z-index: 99 !important;
}

.mm-menu-search-form-input {
  display: block !important;
  width: 100% !important;
  color: #333 !important;
  border: none !important;
  border-radius: 3px !important;
  background-color: rgba(0 0 0 / 0.05) !important;
  padding: 10px !important;
  font-size: 14px !important;
}

.mm-menu-search-form {
  padding: 30px 20px 10px 20px;
  background: #f3f3f3;
}

.schulthess-main-menu.et_pb_menu_1_tb_header.et_pb_menu .et_pb_menu__logo {
  max-width: 260px;
  margin-bottom: 15px;
}


/*
.schulthess-main-menu button.et_pb_menu__icon {
  display: flex;
  align-items: end !important;
  padding: 10px 0 12px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0 !important;
  margin-left: 0px  !important;
  font-family: "ETmodules";
  font-size: 25px !important;
  line-height: normal;
  background: none;
  border: 0;
  cursor: pointer;
}

*/

.et_pb_menu__search-button::after{
  display: none;
}

.schulthess-main-menu button.btn-search-close ,
.schulthess-main-menu .btn-search-wrapper {
  display: flex;
  align-items: center;
  color: #244566;
  font-size: 25px !important;
  padding: 0px 10px;
  background: none;
  border: 0;
  cursor: pointer;
  margin-top: 3px;
}

body.scrolled .schulthess-main-menu button.btn-search-close ,
body.scrolled .schulthess-main-menu .btn-search-wrapper {
  margin-top: 5px;
}

/*
.schulthess-main-menu button.btn-search-close {
  padding: 10px 10px 2px 10px;
}
*/

body.scrolled .schulthess-main-menu button.btn-search-close {
  padding: 10px 10px 10px 10px;
}

body.scrolled .schulthess-main-menu .btn-search-wrapper {

  padding: 0 10px 10px 10px;
}


.et-menu span, .et-menu span:hover,
.btn-search-wrapper .btn-search-close{
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.et-db #et-boc header.et-l .et_pb_section {
  padding-top: 37px !important;
  padding-bottom: 18px !important;
}


.scrolled #et-boc header.et-l .et_pb_section {
  padding-top: 2.5px !important;
  padding-bottom: 2.5px !important;
}

.schulthess-main-menu button.et_pb_menu__close-search-button {
  padding-bottom: 2px !important;
}

.schulthess-main-menu.et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
  color: #244566;
  margin-bottom: 15px !important;
  margin-left: 15px !important;
}

.schulthess-main-menu.et_pb_menu_1_tb_header.et_pb_menu .et-menu > li {
  z-index: 21;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
}

.scrolled .schulthess-main-menu.et_pb_menu_1_tb_header.et_pb_menu .et-menu > li {
  padding-bottom: 0px !important;
}

.scrolled .schulthess-main-menu.et_pb_menu_1_tb_header.et_pb_menu .et_pb_menu__logo {
  margin-bottom: 0px;
}

.schulthess-main-menu.et_pb_menu_1_tb_header.et_pb_menu .et-menu > li.current-menu-item > a {
  font-weight: 500 !important;
  color: #1177BE !important;
}

#menu-sekundaermenue .menu-item > a ,
#menu-sekundaermenue .menu-item > label > span {
  color: #747474 !important;
  cursor: pointer;
}



#menu-sekundaermenue > li.current-menu-item > a /*,
#menu-main-menu li.current-menu-item > a */ {
  color: #1177BE !important;
}

#menu-main-menu li.current-menu-item > a {
  font-weight: 500 !important;
}

#sf-mobile-menu-navigation li a {
  display: inline-block;
  position: relative;
}

#sf-mobile-menu-navigation li.et-hover > label > a:after ,
#sf-mobile-menu-navigation li.current-menu-item > label > a:after {
  left: 0;
  right: 0;
  /* bottom: -5px; */
  height: 6px;
  padding-top: 3px !important;
}


header .et_pb_row_1_tb_header {
  display: none;
}

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

  header .et_pb_row_0_tb_header {
    display: none;
  }

  header .et_pb_row_1_tb_header {
    display: block;
  }
}

#sf-mobile-menu-icon-wrapper {
  cursor: pointer;
}

.sf-mobile-menu-wrapper {
  overflow-x: visible;
  overflow-y: scroll;
  position: fixed;
  top: 92px;
  right: 0;
  bottom: 0;
  left: auto;
  min-width: 270px;
  max-width: 100vw;
  width: max-content;
  transform: translateX(101%);
  padding: 30px 0;
  background-color: #fff;
  box-shadow: -2px 10px 7px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.7s ease-in-out 0s;
}

#sf-mobile-menu-toggle:checked + .sf-mobile-menu-wrapper {
  transform: translateX(0%);
}

#sf-mobile-menu-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sf-mobile-menu-icon rect {
  opacity: 1;
  transition: all 0.6s linear 0s;
  transform-origin: 50% 50%;
}

#sf-mobile-menu-toggle:checked + .sf-mobile-menu-wrapper + #sf-mobile-menu-icon-wrapper #sf-mobile-menu-icon #burger_line1 ,
#sf-mobile-menu-toggle:checked + .sf-mobile-menu-wrapper + #sf-mobile-menu-icon-wrapper #sf-mobile-menu-icon #burger_line3 {
  opacity: 0;
}

#sf-mobile-menu-toggle:checked + .sf-mobile-menu-wrapper + #sf-mobile-menu-icon-wrapper #sf-mobile-menu-icon #burger_line2 {
  transform: rotateZ(45deg);
}

#sf-mobile-menu-toggle:checked + .sf-mobile-menu-wrapper + #sf-mobile-menu-icon-wrapper #sf-mobile-menu-icon #cross_line1 {
  transform: rotateZ(-45deg);
}

/*
.sf-mobile-menu-wrapper:before {
  content: "";
  position: absolute;
  top: -5%;
  left: auto;
  right: 100%;
  bottom: -5%;
  width: 5px;
  background-image: linear-gradient(to left, rgba(30,30,30,0.1) 0%, rgba(30,30,30,0.0) 100%);
}*/

#schulthess-main-menu-mobile .et_menu_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

#sf-logo-mobile {
  width: 160px;
}

.sf-mobile-menu-nav {
  padding-left: 0 !important;
  padding-bottom: 25px !important;
}

.sf-mobile-menu-nav > .menu-item {
  padding-left: 25px;
  padding-right: 25px;
}

.sf-mobile-menu-nav > .menu-item + .menu-item {
  padding-top: 25px;
}

.sf-mobile-menu-nav > .menu-item > .sub-menu > li {
  padding: 8px 10px;
}

.sf-mobile-menu-wrapper li > input {
  display: none;
}

.sf-mobile-menu-wrapper ul {
  appearance: none;
  list-style: none;
}

.sf-mobile-menu-wrapper li > .sub-menu {
  display: none;
  padding: 8px 0 0 0 !important;
  overflow-y: hidden;
  transition: all 1s ease-in-out 0s;
}

.menu-item > input:checked + a + ul ,
.menu-item > input:checked + label + ul {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sf-mobile-menu-wrapper li > label {
  display: block;
  width: 100%;
  transform: rotateY(0deg);
  cursor: pointer;
}

.sf-mobile-menu-nav label,
.sf-mobile-menu-nav li a ,
.sf-mobile-menu-nav li a:visited ,
.sf-mobile-menu-nav li a:active ,
.sf-mobile-menu-nav li a:hover {
  font-size: 23px;
  line-height: 120%;
  color: #244566 !important;
}

.sf-mobile-menu-nav li a:hover {
  color: #8ac7ef !important;
}

.sf-mobile-menu-wrapper .sub-menu li a:active ,
.sf-mobile-menu-wrapper .sub-menu li a:hover ,
.sf-mobile-menu-wrapper .sub-menu li:hover a {
  text-decoration: underline !important;
}

.sf-mobile-menu-wrapper .sub-menu li:hover {
  background-color: rgba(0,0,0,0.03) !important;
}

.sf-mobile-menu-wrapper .sub-menu li a {
  font-size: 20px;
  line-height: 120%;
}

.sf-mobile-menu-wrapper .sub-menu li a.submenu-current-product-ancestor {
  font-size: 18px;
}

.sf-mobile-menu-nav li.current-menu-item > label > a ,
.sf-mobile-menu-nav li.et-hover > label > a ,
.sf-mobile-menu-wrapper .sub-menu li.current-menu-item a {
  font-weight: 550 !important;
  color: #8ac7ef !important;
}

.sf-mobile-menu-wrapper li.has-sub > label:before ,
.schulthess-login-menu-item > label:before ,
#nav-sec-login-toggle-mobile + label.sf-toggle:before {
  content: "3";
  display: inline-block;
  font-family: "ETmodules" !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 70%;
  text-shadow: 0 0;
  font-size: 30px;
  color: inherit;
  vertical-align: top;
  cursor: pointer;
  /*pointer-events: none;*/
  transform-origin: 50% 56%;
  transform: none;
}

.sf-mobile-menu-wrapper li > label:before ,
.sf-mobile-menu-wrapper li > label:before ,
#nav-sec-login-toggle-mobile + label.sf-toggle:before {
  line-height: 85% !important
}

.sf-mobile-menu-sec-nav li > label:before {
  content: "";
  display: none;
}

.menu-item > label:before {
  transition: all 0.5s ease-in-out 0.05s;
}

.menu-item > input:checked + label:before ,
.menu-item > input:checked + label:after  ,
.menu-item > input:hover + label:after    ,
#nav-sec-login-toggle-mobile:checked + label.sf-toggle:after {
  transform: rotateX(180deg);
}


.sf-mobile-menu-wrapper .et_pb_menu__search-container {
  position: relative;
  margin: 15px 25px;
  padding: 0 32px 0 10px;
}

.sf-mobile-menu-wrapper .et_pb_menu__search-container * {
  border: none;
}

#sf-mobile-menu-search-clearer ,
#sf-mobile-menu-search-clearer:after {
  display: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 27px;
  line-height: 100%;
  color: #555;
  font-family: "ETmodules";
  cursor: pointer;
 }

 #sf-mobile-menu-search-clearer {
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 999999px;
  background-color: #fff;
  transform: translateY(-50%);
 }

 #sf-mobile-menu-search-clearer:after {
  display: flex;
  content: "Q";
 }




.sf-mobile-menu-sec-nav {
  padding: 21px 0 0 0 !important;
}

.sf-mobile-menu-wrapper ul.sf-mobile-menu-sec-nav li > .sub-menu {
  padding-left: 0 !important;
}

.sf-mobile-menu-sec-nav li {
  padding-left: 30px;
  padding-right: 25px;
}

.sf-mobile-menu-sec-nav a ,
.sf-mobile-menu-sec-nav label > span {
  color: #747474 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
}

.sf-mobile-menu-sec-nav label > span {
  line-height: 120%;
}

.sf-mobile-menu-sec-nav li + li {
  padding-top: 15px;
}

#sf-mobile-menu-navigation > hr {
  margin: 0 25px;
  color: rgb(210,210,210);
  border-width: 1px 0 0 0;
  border-color: white;
}

.sf-mobile-menu-sec-nav .schulthess-login-form {
  margin-top: 17px !important;
}

.sf-mobile-menu-sec-nav .schulthess-login-form ,
.sf-mobile-menu-sec-nav .schulthess-login-form * {
  width: auto !important;

}

.sf-mobile-menu-sec-nav .schulthess-login-form input {
  height: 2.6em !important;
  font-size: 15px !important;
  padding: 2px 14px !important;
  border: none !important;
  background-color: #eee !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.schulthess-login-menu-item > label::after {
  color: #747474 !important;
}

html .sf-mobile-menu-sec-nav .sub-menu li.schulthess-login-form {
  background-color: transparent !important;
  padding: 5px 0 20px 0!important;
}

.sf-mobile-menu-sec-nav .schulthess-login-form input {
  width: 100% !important;
}

html #wp-submit_mobile ,
#menu-sekundaermenue .schulthess-login-form > a {
  padding: 8px 10px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #244566 !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 120% !important;
  letter-spacing: 0.5px !important;
  text-align: center;
  cursor: pointer !important;
}

#menu-sekundaermenue .schulthess-login-form > a {
  margin-top: 10px;
}

.sf-mobile-menu-sec-nav form p {
  padding-bottom: 20px !important;
}


/* LANGUAGE SWITCH MOBILE */

#language-main-menu-mobile {
  display: flex !important;
  justify-content: center;
  padding-top: 30px;
  padding-right: 20px;
}

#language-main-menu-mobile li ,
#language-main-menu-mobile li * {
  line-height: 120% !important;
}

#language-main-menu-mobile span.current ,
#language-main-menu-mobile span.language-pipe ,
#language-main-menu-mobile a {
  display: inline-block;
  padding: 0 !important;
  font-size: 30px !important;
}





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

  header.et-l--header .et_pb_section {
    height: 92px;
  }

  .et_pb_section_0_tb_header.et_pb_section--with-menu ,
  html .et-db #et-boc header.et-l .et_pb_section {
    padding: 20px 0 !important;
  }

  .single-product .et_pb_section_0_tb_header.et_pb_section--with-menu .et_pb_row_1_tb_header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html .schulthess-login-menu-item {
    display: list-item !important;
  }


  #schulthess-product-subnavigation .et-menu-nav #menu-produkte-subnavigation.sticky{
    position: fixed;
    width: 100% !important;
    background: #fff;
    top: 80px !important;
    padding: 25px 0px 4px !important;
    left: 0;
    right: 0;
  }

  #schulthess-product-subnavigation .et-menu-nav #menu-produkte-subnavigation.sticky .subnav-contentbreite{
    max-width: 100%;
    margin-right: auto;
    margin-left: 40px !important;
    width: 100%;
  }

}




/* ================== */
/* MOBILE MENU END */
/* ================ */

.schulthess-login-menu-item a{
  text-align: center;
  margin-top: 5px;
}


.et_pb_menu .et-menu-nav > ul ul{
  border-top:0;
}

.schulthess-login-menu-item .sub-menu li {
  padding: 20px !important;
  background: none !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li.schulthess-login-menu-item ul.sub-menu {
  background-color: #efefef !important;
  background-color: rgb(239, 239, 239, 0.8) !important;
  backdrop-filter: blur(2px);
  left: auto !important;
  right: 0 !important;
}

nav li li.schulthess-login-form ,
nav li li.schulthess-login-form * {
  line-height: 140% !important;
}

.schulthess-login-form ,
.schulthess-login-form * {
  width: 100%;
}

.schulthess-login-menu-item ,
.schulthess-login-menu-item * {
  z-index: 9999 !important;
}

.schulthess-login-form ,
.schulthess-login-form * {
  position: relative !important;
}

.schulthess-login-menu-item form p{
  padding-bottom: 10px;
  margin: 0;
}

.schulthess-login-menu-item .login-username > * ,
.schulthess-login-menu-item .login-password > * {
  display: block;
}

.schulthess-login-menu-item .login-username > label ,
.schulthess-login-menu-item .login-password > label {
  /*display: none;*/
  font-size: 16px !important;
}

.schulthess-login-form #user_login ,
.schulthess-login-form #user_pass {
  margin-top: 10px !important;
  padding: 2px 6px !important;
  border-color: #e9e9e9 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.schulthess-login-form .login-submit #wp-submit {
  margin-top: 5px !important;
  padding: 6px 2px !important;
  border: none;
  background-color: #244566 !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background-color 0.5s ease-in-out 0s;
  cursor: pointer;
}

.schulthess-login-form .login-submit #wp-submit:hover {
  background-color: #2d4e6f;
}

.schulthess-login-form .login-submit {
  margin-top: 5px !important;
}


.schulthess-secondary-menu {
  overflow: visible !important;
}

.schulthess-secondary-menu .et-menu li{
    font-size: 21px !important;
}

.schulthess-secondary-menu .schulthess-login-menu-item > a ,
.schulthess-secondary-menu .schulthess-login-menu-item > span {
    color: #747474 !important;
    font-weight: 400 !important;
    font-family: "Hind Vadodara",Helvetica,Arial,Lucida,sans-serif;
}

.schulthess-secondary-menu .schulthess-login-menu-item > span {
  padding: 0 !important;
}

.schulthess-secondary-menu .schulthess-login-menu-item > span:hover {
  padding: 0 !important;
  text-decoration: underline;
  background: transparent !important;
}


.schulthess-secondary-menu .icon_phone a {
  /*margin-top: 4px;
  font-size: 0.0001px;
  line-height: 0%;*/
}

.schulthess-secondary-menu .icon_phone a:before {
  display: none !important;
  /*content: "\e090";*/
  font-family: "ETmodules";
  font-size: 12px;
  line-height: 100%;
  color: inherit !important;
  padding: 2.5px;
  border: 1.8px solid #747474;
  border-radius: 9999px;
  cursor: pointer;
}

footer .et_pb_column > .et_pb_module:first-child {
  margin-bottom: 2px !important;
}

footer .footer-rechts > .et_pb_module:first-child {
  margin-bottom: 2px !important;
}


footer li > a {
  line-height: 105% !important;
}

#menu-forum-menue {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

footer .et_pb_row_0_tb_footer * {
  color: #fff;
  padding-bottom: 8px;
}

footer .et_pb_row_0_tb_footer li {
  /*margin-right: 2ch;*/
  padding: 0 !important;
  margin-top: 0 !important;
}

footer .et_pb_row_0_tb_footer a {
  color: #059cf7;
}

footer #menu-forum-menue li a:before ,
footer #menu-schulthess-footer li a:before {
  /*content: ">\0205F";
  display: inline-block;*/
}

ul.schulthess-post-title-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

ul.schulthess-post-title-list ,
.schulthess-post-title-list li ,
.schulthess-post-title-list  a {
  list-style: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.schulthess-post-title-list li {
  width: 100%;
  font-size: 14px !important;
  margin-top: 8px !important;
}

.schulthess-post-title-list a {
  display: block;
  padding-bottom: 8px !important;
  font-size: 17px !important;
  color: #fff !important;
}


#menu-schulthess-forum-footer-start ,
#menu-schulthess-forum-footer-eventdetail ,
#menu-schulthess-footer {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.et_pb_menu_1_tb_footer li ,
.et_pb_row_1_tb_footer li {
  margin-top: 0 !important;
}


footer .et_mobile_nav_menu {
  display: none !important;
}

footer #menu-footer-menue li > a {
  line-height: 100% !important;
}

.et-db #et-boc .et-l footer .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  padding-bottom: 0 !important;
  line-height: 1.8em !important;
}




.et-db #et-boc .et-l .et_mobile_menu li a, .et-db #et-boc .et-l .nav li li a {
  /* font-size: 19px !important; */
  font-size: 18px !important;
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}


.et-db #et-boc .et-l .nav li li a.wplf-lostpassword{
  font-size: 13px !important;
}






/* THEMENFINDER */

.et_pb_section:has( .topicfinder-wrapper ) ,
.topicfinder-wrapper {
  z-index: 10;
}

.topicfinder-wrapper {
  position: relative;
  background-color: rgb( 243, 249, 253 );
}

.topicfinder {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  gap: 30px 20px;
  width: 100%;
  min-width: 100%;
  padding: 30px 40px;
}

.home .topicfinder ,
.page-id-29 .topicfinder {
  gap: 25px;
  padding: 25px 40px;
}

.topicfinder ul ,
.topicfinder menu ,
.topicfinder li {
  appearance: none;
  list-style: none;
  padding: 0;
}

.tf-button-wrapper {
  flex-basis: 30%;
  min-width: max-content;
}

.tf-button-wrapper button {
  appearance: none;
  /* background: blue; */
  color: #fff;
}

.tf-selection-wrapper {
  display: flex;
  flex-basis: 70%;
  min-width: max-content;
  justify-content: flex-end;
  align-items: center;
  font-size: round( up, 1.2rem, 1px ) !important;
  line-height: 120%;
  font-weight: 500;
}

.tf-selection-wrapper > h2 {
  padding-right: 1.3ch;
  padding-bottom: 0.05em;
  font-weight: 500;
}

.tf-selection-wrapper > h2 ,
.tf-selection-wrapper > .tf-button-wrapper {
  flex-basis: max-content;
  min-width: max-content;
  cursor: pointer;
}

.tf-selector {
  position: relative;
}

.tf-selector > input {
  appearance: none;
  width: 25em;
  max-width: 100% !important;
  height: round( up, 3.125rem, 1px );
  padding: round( up, 0.2rem, 1px) .8rem;
  border: 2px solid #fff !important;
  border-radius: 3px;
  background: #fff;
  color: #000;
}

.tf-selector > input::placeholder {
  opacity: 0.5 !important;
}

.tf-selector:has( :focus , .active ) > input {
  border-color: #244566 !important; 
}

.tf-selector > input:focus {
  border-color: #8ac7ef !important;
}

.tf-selector > input:focus::placeholder {
  opacity: 0 !important;
}

.tf-selector > menu {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  opacity: 0.001;
}

.tf-selector > menu ,
.tf-selector > menu * {
  transition: none;
}

.tf-selector > input ,
.tf-selector > menu {
  font-size: 1.2rem;
}

.tf-selector > input:focus + menu ,
.tf-selector > menu.shown ,
.tf-selector > menu:has( a:focus ) {
  overflow: hidden auto;
  clip: auto;
  clip-path: none;
  white-space: wrap;
  opacity: 1;

  position: absolute;
  top: round( up, 3.125rem, 1px );
  left: 2px;
  right: auto;
  width: 100%;
  width: calc( 100% - 4px );
  max-width: calc( 25em - 4px );
  /*
    border-width of input
    also needed for lines in menu
  */
  height: auto;
  max-height: 400px;
  margin: 0;
  padding: .45rem 0;
  border-radius: 0 0 3px 3px;
  background: #fff;
  box-shadow: 4px 4px 4px rgba( 0, 0, 0, 0.2 );
}
/* 
.tf-selector > input:focus + menu {
  border-top-color: #8ac7ef;
} */


.tf-selector > menu * {
  color: #000;
  user-select: none;
}

.tf-selector > menu .tf-group + .tf-group {
  margin-top: .3rem;
}

.tf-selector > menu .tf-group-head {
  position: relative;
  display: block;
  width: 100%;
  line-height: 100%;
  font-size: 1rem !important;
  pointer-events: none;
  user-select: none;
}

.tf-selector > menu .tf-group-head:after {
  content: '';
  position: absolute;
  display: block;
  left: 2.5ch;
  top: 50%;
  right: 5px;
  border-bottom: 0.125rem solid #e9ecef;
  transform: translateY( -50% );
}

.tf-selector > menu .tf-group:has( :focus , .selected ) .tf-group-head:after {
  border-bottom-color: #8ac7ef;
}

.tf-selector > menu .tf-group-head .char {
  display: block;
  width: 2.5ch;
  text-align: center;
}

.tf-selection-wrapper:after {
  content: "\33" !important;
  display: flex !important;
  align-items: center !important;
  width: auto;
  height: auto;
  margin-top: -0.1rem;
  font-family: "ETmodules" !important;
  font-size: 2.8rem !important;
  line-height: 55% !important;
  color: #244566  ;
  cursor: pointer;
  transform-origin: center;
  transition: transform 0.4s linear;
}

.tf-selection-wrapper:has( .shown , :focus ):after {
  transform: rotateX( 180deg ) translateY( -15% );
}

.tf-selection-wrapper:has( input:not( [data-url=""] ) ):after {
  transform: rotateZ( -90deg ) translateX( -10% );
}

.tf-group-itm-link {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.4ch;
  font-size: 1.1rem !important;
}

.tf-group-itm-link:focus ,
.tf-group-itm-link.selected {
  color: #8ac7ef;
  padding-left: calc( 2.4ch + 1rem );
}

.tf-group-itm-link:before {
  content: '';
  position: absolute;
  left: .9ch;
  top: 0;
  bottom: 0;
  width: 1.05ch;
  border-left: 0.125rem solid #000;
  transform: translate( calc( .125rem / 2 ), .125em );
}

.tf-group-itm-link:focus:after ,
.tf-group-itm-link.selected:after {
  content: '⏎';
  display: block;
  margin: 0 0 0 auto;
  padding: 0.1em 0.2em 0.05em 0.15em;
  border: 2px solid #8ac7ef;
  border-radius: 3px;
  color: #8ac7ef;
  font-size: 0.9rem;
  line-height: 110%;
}

.tf-group:last-child li:last-child .tf-group-itm-link:before {
  bottom: 50%;
}

.tf-group-itm-link:focus:before ,
.tf-group-itm-link.selected:before ,
.tf-group:last-child li:last-child .tf-group-itm-link:focus:before ,
.tf-group:last-child li:last-child .tf-group-itm-link.selected:before {
  bottom: auto;
  width: calc( 1.05ch + .6em );
  height: 1ch;
  border-bottom: 0.125rem solid #000;
}

.tf-selector > menu:not( :has( :focus , .selected ) ) .tf-group-itm-link:before ,
.tf-group-itm:has( :focus , .selected ) ~ * .tf-group-itm-link:before ,
.tf-group:has( :focus , .selected ) ~ * .tf-group-itm-link:before {
  content: none;
  display: none;
}

.tf-group:has( :focus , .selected ) .tf-group-itm-link:before {
  border-color: #8ac7ef;
}

.topicfinder button {
  appearance: none;
  background: transparent !important;
  border-color: #244566 !important;
  color: #244566 !important;
  text-transform: uppercase;
  cursor: pointer;
}

.topicfinder:has( input:not( [data-url=""] ) ) button:is( :hover , :active , :focus ) {
  padding: .3em 2em .3em .7em !important;
  border-width: 2px !important;
  border-style: solid !important;
  background-color: #244566 !important;
  color: rgb(243, 249, 253) !important;
}

.topicfinder:has( input[data-url=""] ) button:is( :hover , :active , :focus ) {
  padding: .3em 1em !important;
}

.topicfinder:has( input[data-url=""] ) button {
  opacity: .5;
  cursor: not-allowed;
}

.topicfinder:has( input:not( [data-url=""] ) ) .et_pb_button:is( :hover , :active , :focus )::after {
  opacity: 1 !important;
  margin-left: 0 !important;
}


.topicfinder:has( input[data-url=""] ) button:is( :hover , :active , :focus )::after {
  opacity: 0 !important;
}