/* DRK-Intern settings */

/**
 * mobile menu
 */
@media (max-width: 1024px) {
    .drkslogo, .bbklogo {
        position: relative;
        width: 120px;
    }

    .drkslogo .c-page-head__logo {
        margin-top: 15px;
        height: 20px;
        width: 115px;
    }

    .bbklogo .c-page-head__logo {
        margin-top: 20px;
        height: 30px;
        width: 69px;
    }

    .js-sticky.fixed .drkslogo  {
        left: 100px;
        margin-top: 3px;
        margin-left: 0.3rem;
    }

    .js-sticky.fixed .bbklogo{
        left: 100px;
        margin-top: 8px;
        margin-left: 0.3rem;
    }

    .js-sticky.fixed .drkslogo .c-page-head__logo, .js-sticky.fixed .bbklogo .c-page-head__logo {
        margin-top: 0;

    }

    .drkslogo .full, .bbklogo .full {
        display: none;
    }

    .searchbutton {
        right: 64px;
        top: 4px;
    }

    .loginbutton {
        right: 120px;
        top: 4px;
    }

    .loginbutton .c-login__btn-img {
        padding: 0;
    }

}

/**
 * desktop / tablet menu
 */
@media (min-width: 1025px) {

    .drkslogo, .bbklogo {
        position: relative;
        width: 250px;
        line-height: 1;
    }

    .drkslogo .c-page-head__logo, .bbklogo .c-page-head__logo {
        margin-top: 0;
        margin-left: 1rem;
        height: 35px;
        width: 235px;
    }

    .bbklogo .c-page-head__logo {
        height: 60px;
        width: 137px;
    }

    .drkslogo .mobile, .bbklogo .mobile {
        display: none;
    }

    .js-sticky.fixed .drkslogo, .js-sticky.fixed .bbklogo  {
        top: 3px;
        left: 100px;
        font-size: 10px;
    }

    .js-sticky.fixed .drkslogo .full, .js-sticky.fixed .bbklogo .full {
        display: none;
    }

    .js-sticky.fixed .drkslogo  .mobile, .js-sticky.fixed .bbklogo  .mobile {
        display: inline;
    }

    .js-sticky.fixed .drkslogo .c-page-head__logo {
        height: 20px;
        width: 100px;
        margin-top: 3px;
        margin-left: 0.3rem;
    }

    .js-sticky.fixed .bbklogo .c-page-head__logo {
        height: 30px;
        width: 69px;
        margin-top: 8px;
        margin-left: 0.3rem;
    }

    /**
     *  menue
     */
    .drk-flavour--drk .c-page-body__column--main,
    .c-page-body__column--main {
        left: 24%;
    }

    .drk-flavour--drk ul.dropdown,
    ul.dropdown{
        top: 60px;
    }
    .drk-flavour--drk label.main, .no-sub > a.main,
    label.main, .no-sub > a.main {
        padding-top: .2rem;
        padding-bottom: .3rem;
    }

    .fixed label.main {
        /*margin-bottom: .05rem;*/
    }

    .drk-flavour--drk ul.dropdown > .dir,
    ul.dropdown > .dir {
        margin-top: .55rem;
    }

    .drk-flavour--drk ul.dropdown > .dir:hover,
    ul.dropdown > .dir:hover {
        background: white;
    }

    .drk-flavour--drk ul.dropdown > .dir > .column,
    ul.dropdown > .dir > .column {
        position: absolute;
        z-index: -200;
    }

    .fixed ul.dropdown,
    .drk-flavour--drk .fixed ul.dropdown {
        margin-top: 3px;
    }

    .drk-flavour--drk .searchbutton,
    .searchbutton {
        position: absolute;
        top: 74px;
        right: 32px;
        transition-property: top;
        transition-duration: 0.5s;
        cursor: pointer;
    }

    .loginbutton {
        top: 74px;
        right: 70px;
        transition-property: top;
        transition-duration: 0.5s;
    }

    .js-sticky.fixed .loginbutton {
        top: 15px;
    }

    .loginbutton .c-login__btn-img {
        padding: .2941176471rem;
    }

}

/* fixes for header */
@media only screen and (min-width: 64.0625em) {
    .c-page-head {
        height: 6.35rem;
    }
}

/* login button */
.loginbutton {
    position: absolute;
    width: 32px;
    z-index: 9999999999;
}

.loginbutton .c-login__btn-img {
    height: 32px;
    width: 32px;
}

/* misc changes */

@media only screen and (max-width: 35em){

    .o-gridblock--4columns>li {
        list-style: none;
        width: 100% !important;
    }

    .o-gridblock--4columns>li:nth-of-type(2n+1) {
        padding-left: 0rem;
        padding-right: 0rem !important;
    }

    .o-gridblock--4columns>li:nth-of-type(2n) {
        padding-left: 0rem !important;
        padding-right: 0rem;
    }

    h3 {
        font-size: 1.40rem !important;
    }
}

@media only screen and (min-width: 35em)  and (max-width: 65em) {
    h3 {
        font-size: 1.40rem !important;
    }

    .o-gridblock--4columns>li {
        list-style: none;
        width: 50% !important;
    }

    .o-gridblock--4columns>li:nth-of-type(4n+3) {
        padding-left: 0rem !important;
        padding-right: 2.2058823529rem;
    }

    .o-gridblock--4columns>li:nth-of-type(4n) {
        padding-left: .7352941176rem;
        padding-right: 1.4705882353rem;
    }

    .o-gridblock--4columns>li:nth-of-type(1n) {
        /* clear: none; */
    }
    .o-gridblock--4columns>li:nth-of-type(2n+1) {
        clear: both;
    }
}

div.c-page.c-page--fullwidth.c-page--frontpage header.c-page-head.js-sticky nav div.o-section__wrapper div.c-page-body__column--main div.ac-container ul#nav.dropdown.dropdown-linear.dropdown-columnar li.dir ul.column.ac-small li ul li.sub label.navigationSection{
    padding: 0px!important;
}

div.c-page.c-page--twocolumns main.c-page-body article.c-article.o-section div.o-section__wrapper div#ContentForReadspeaker div.c-page-body__column.c-page-body__column--main div.error{
    display: none;
}

.c-menu-breadcrumb {
    margin-top: 10px;
}

.sub-menu__nav-wrap--open {
    transform: translateY(5rem) !important;
}

.hidden-toolbar .sub-menu__nav-wrap {
  top: 0 !important;
}

.c-flyout__content {
  border: none !important;
}

/* app buttons */
.tx-drkservice-app-buttons .column, .tx-drkservice-app-buttons .columns {
    width: 100%;
    float: left;
    padding-left: .9375rem;
    padding-right: .9375rem;
    position: relative;
}

.tx-drkservice-app-buttons .row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

.tx-drkservice-app-buttons .row::after, .tx-drkservice-app-buttons .row::before {
    content: ' ';
    display: table;
}

.tx-drkservice-app-buttons .row::after {
    clear: both;
}

.tx-drkservice-app-buttons .button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all .25s ease-out;
    border-radius: 0;
    font-size: .9rem;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
}

.tx-drkservice-app-buttons a.button {
    background-color: transparent;
    color: #2199e8;
    text-decoration: none;
    cursor: pointer;
}

.tx-drkservice-app-buttons .thumbnail {
    border: 4px solid #fefefe;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow .2s ease-out;
    border-radius: 0;
    margin-bottom: 1rem;
    height: auto;
}

.tx-drkservice-app-buttons .thumbnail:focus, .tx-drkservice-app-buttons .thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(33, 153, 232, .5);
}

/* tailwind header */

.toolbar__wrap {
  padding: 0;
  overflow: unset;
}
.toolbar {
  height: auto;
}
.toolbar__navigation {
  justify-content: left;
  padding-left: 2rem;
}
.sub-menu__bar {
  top: 8.5rem;
}

.toolbar__login-button {
  height: 2rem;
  padding: .25rem;
  width: 2rem;
}
.main-menu__login a {
  width: 100%;
  margin-top: 2rem;
  text-align: center;
}

.main-menu__login svg {
  fill: white;
}

.logout svg {
  fill: rgb(230 0 5 /  100);
}

/** toolbar__login-tooltip */
.toolbar__login-button .toolbar__login-tooltip {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  /**bottom: 125%;
  left: 50%;*//
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 1rem;
}

.toolbar__login-button .toolbar__login-tooltip::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 7px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}

/* drkservice_productbrand */
.drkservice_productbrand {
  color: #000;
  font-weight: 700;
}

.drkservice_productbrand .drkservice_productbrand_praefix {

}
.drkservice_productbrand .drkservice_productbrand_praefix .black {

}

.drkservice_productbrand .drkservice_productbrand_praefix .red {
  word-spacing: -0.3rem;
  color: rgb(230 0 5);
}

h1.drkservice_productbrand .drkservice_productbrand_praefix .red {
  word-spacing: -0.6rem;
}

.drkservice_productbrand .drkservice_productbrand_suffix {

}

.toolbar__login-button:hover .toolbar__login-tooltip {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 993px) {
  .toolbar__login-button {
    display: block !important;
  }
}

@media (max-width: 993px) {
  .main-menu__wrap {
    top: 7rem;
  }
  .toolbar {
    /*position: relative;
    top: -1rem;*/
  }
  .toolbar.mt-xs {
    margin-top: 0;
  }
  .header-logo {
    width: 60%;
  }
  .tailwind__nav {
    position: relative;
    top: -1rem;
  }
  .main-menu__login {
    display: block !important;
    padding: 3rem 2rem;
    text-align: center;
  }
  .main-menu__login svg {
    fill: rgb(255 255 255 /  100);
    float: right;
    position: absolute;
  }
}