@media (min-width: 1291px) {
    .container .comparableDrawer .container,
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 100%;
        padding:0 calc((100% - 1290px)/2);
    }

}
@media (min-width: 992px){
    .container, .container-sm, .container-md, .container-lg {
        max-width: 100%;
    }
}
@media (min-width: 768px){
    .container, .container-sm, .container-md {
        max-width: 100%;
    }
}
@media (min-width: 576px){
    .container, .container-sm {
        max-width: 100%;
    }
}

@media (max-width:991.98px) {

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        margin-bottom:0.25em;
    }

    /*
     *   Sitenav
     */

     body .main:after {
        display:none;
     }

     body .main{
        transition: all 400ms ease-in-out;
     }
     body.navExpanded .main{
        filter: blur(5px);
     }

    .navContainer .navbar {
        justify-content: flex-end;
        column-gap: 1em;
    }

    .navbar .navbar-toggler {
        padding:0;
    }

    .navbar .navbar-brand {
        max-width:110px;
        min-width:100px;
        margin-right:auto;
    }

    .navbar-socials .nav-item svg {
        width:1.2em;
    }

    .navbarSearch button i {
        font-size: 1.3em;
    }

    .navbarSearch button {
        display:flex;
        justify-content: center;
        align-items: center;
        padding:0;
    }

    .hamburger-box {
        height:1em;
    }

    .siteNav .navbar-collapse {
        position: absolute;
        top:100%;
        width:100%;
        left:0;
        transition: unset;
    }
    .navbar-collapse .collapsedContent {
        transform: translateY(-100%);
        opacity:0;
        transition: all 550ms ease-in-out;
        transition-delay: 10ms;
        max-height:100vh;
        background-color: var(--white);
        padding:1em 0 1em 1em;
    }
    .navbar-collapse.show .collapsedContent {
        transform: translateY(0%);
        opacity:1;

    }
    .navbar-collapse .collapsedContent .menus {
        padding-bottom: 0;
        padding-right: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .mainMenu .navbar-nav .dropdown-toggle {
        display:block;
    }
    .mainMenu .navbar-nav .nav-link {
        display:block;
        z-index:98;
    }

    .navbar-nav > li > .mega-menu > .container > .megamenu-subnav {
        padding:0;
    }
    .navbar-nav > .has-submenu > .dropdown-menu {
        top:0;
        max-height:unset!important;
    }

    .mainMenu .navbar-nav .nav-link i {
        display:none;
    }
    .mainMenu .navbar-nav > .nav-item {
        width:100%;
        position:relative;
    }
    .mainMenu .navbar-nav > .nav-item > a{

    }
    .mainMenu .navbar-nav > .nav-item > button{
        position:absolute;
        right:0;
        top:0.5rem;
        background: none;
        z-index:99;
        border:0px solid transparent;
        padding-right:1em;
    }

    .megamenu-subnav > ul.subnav-level-1 > li > a {
        margin-bottom:0;
    }
    .megamenu-subnav > ul.subnav-level-1 {
        gap: 2em;
    }
    .megamenu-parent {
        margin-top:2em;
        padding:0.5em 0.5em;
        background-color: unset;        
    }

    .mainMenu .navbar-nav > .nav-item > button.show {
        transform: scaleY(-1);
    }

    .siteNav .topMenuMobile .topbar-menu ul {
        list-style: none;
        padding:0;
        margin:0;
    } 
    .siteNav .topMenuMobile .topbar-menu ul .nav-link{
        padding:0.5em 0;
    }
    

    .navbar-nav > .has-submenu > .dropdown-menu > .container{
        padding-bottom:2em;
    }

    .siteNav .dropdown-toggle::after {
        display:none;
    }
    .mainMenu .navbar-nav > .nav-item > .dropdown-menu{

    }

    .topMenuMobile {
        width:100%;
    }
    .languageNav {
        display:flex;
        flex-direction: row;
        column-gap: 1em;
        align-items: center;
        justify-content: center;
        font-size:1.25em;
        padding:2em 0;
    }
    .languageNav .nav-item-active {
        font-weight: 700;
    }

    .mainMenu {
        width:100%;
    }

    .content > section {
        overflow: hidden;
    }
    .siteNav {
        padding:1em 1em;
    }
    .navbar-nav > .has-submenu > .dropdown-menu {
        position:relative;
    }
    .navHead .topNav, .navHead .navContainer {
        padding-left:0em;
        padding-right:0em;
    }






    /*
     *   Footer
     */
    .footerNav-top {
        flex-wrap: wrap;
    }
    .footerNav-top .navbar-nav {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footerNav .navbar-nav .nav-link {
        justify-content: center;
    }

    .footerNav-top .navbar-nav ul {
        margin:0 0 2em 0;
    }





    /*
     *   Content Elements
     */

    .content > section {
        margin-bottom:4em;           
    }
    .input-group {
        flex-wrap: nowrap;
    }

    .row.tutorialsPrologue {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .row.tutorialsPrologue > div {
        grid-area: 1 / 1 / 2 / 2;
        width: unset;
        z-index:1;
    }
    .tutorialsFigure {
        z-index:0!important;
        justify-self: end;
        align-self: start;

    }
    .section-type-tutorials {
        overflow:hidden;
    }
    .frame-type-tutorials .tutorialsFigure img,
    .tutorialsFigure img{
        position: relative;
        transform: translate(50%, 3em);
        max-width:50vw;
        max-height:200px;
    }

    .infoVisual > .row {
        flex-direction: column;
        row-gap:2em;
    }
    .infoVisual .subheader p {
        margin-bottom: 0;
    }

    .frame-type-pageTeasers .row > * {
        padding:0;
    }
    .infoVisual {
        text-align: center;
    }

    .infoVisual .visual + .buttons {
        text-align: center;
    }

    .frame[style*="width"], .frame[style^="width"] {
        width:100%!important;
    }

    div[class*="frame-type-container"] > .row > div, 
    div[class^="frame-type-container"] > .row > div {
        /* padding-left:0!important; */
        /* padding-right:0!important; */
    } 
    .infobox {
        margin-left:-1em;
        margin-right:-1em;
        border-radius:0;
        padding-bottom:2em;
        text-align:center;
    }
    .infobox:before {
        border-radius:0;
        transform: unset;
    }
    .frame-type-infobox:after {
        left:50%;
        transform:translate(-50%,-45%);
    }

    .frame-type-pageTeasers .row {
        row-gap:2em;
    }

    .heroTextContainer {
        padding:2em;
    }
    .heroImageText .heroImage figure{
        height:100%;
    }
    .heroImageText .heroImage img {
        width:100%;
        height:100%;
        object-fit: cover;
        /* opacity: 0.99; */
        /* filter: brightness(0.65); */
    }

    .frame-type-pageTeasers .row .teaser {
        flex-direction: column-reverse;
    }
    .row.imageTextSplit-simple {
        flex-direction: column;
    }

    .imageTextSplit-simple .imageCol {
        aspect-ratio: 4 / 3;
    }
    .frame-type-imageTextSplit .textCol {
        padding:2em 1em;
    }

    .revoke {
        right:0.5em;
    }

    .back-to-top {
        bottom:0.5em;
        right: 2.875em;
    }

    .galleryCol>div.galleryImage-0 img {
        width:120px;
    }

    .frame-type-imageTextSplit {
        text-align:center;
    }

    .frame-type-imageTextSplit .contentCol {
        padding:2em;
    }
    .frame-type-tibia .tibia-teaser {
        text-align:center;
        flex-direction: column-reverse;
    }
    .textButtons,
    .seminarButtons,
    .tibiaButtons {
        justify-content: center;
    }

    .tibia-teaser .tibiaHeader > * {
        margin-bottom:0;
    }
    .tibiaTeaser-right .colContent {
        padding:1em 1em 2em 1em;
    }
    .tibiaTeaser-left .colContent {
        padding:1em 1em 1em 1em;
    }

    .article-detail .article-content {
        margin-top: 0;
    }

    .article-detail .article {
        flex-direction: column;
    }
    .article-detail .articleHead {
        flex-direction: column-reverse;
        row-gap:2em;
    }
    .article-detail .articleHead .articleDetails {
        width:100%;
        padding-right:0;
        justify-content: flex-start;
    }
    .article-detail .articleHead .articleImage img{
        object-position: unset;
    }
    .article-detail .articleHead .articleImage {
        width: 100%;
        /* aspect-ratio:2 / 1; */
    }

    .article-detail .article .article-content {
        flex-basis: 100%;
        width: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 0rem;
    }

    .article-detail .article .article-writer {
        flex-basis: 100%;
        width: 100%;
        flex-grow: 0;
        flex-shrink: 0;
    }


    .frame-type-tutorials .buttons {
        flex-direction: row;
        column-gap: 1em;
        margin:1em 0 0 0;
    }

    .frame-type-seminars {
        text-align: center;
    }

    .frame-type-seminars h2{ 
        margin-bottom:0;
    }
    .frame-type-seminars > .container {
        padding:1em;
    }

    .main>.siteFooter {
        padding:0 0 4em 0;
    }

    .footerNav-top .navbar-brand {
        margin:0 auto 2em auto;
        min-width:200px;
        max-width:300px;
    }
    .footerNav.navbar {
        justify-content: center;
    }
    .footer-contact {
        text-align: center;
    }
    .footerNav.navbar .navbar-nav{
        font-size:1.25em;
    }
    .frame-type-footerNav .footerNav {
        padding-bottom:4em;
    }
    .frame-type-footerNav .subNav {
        /* flex-direction: column; */
        row-gap:2em;
        padding-top:4em;
    }
    .frame-type-footerNav .subNav .topbar-menu{
        width:100%;
    }
    .frame-type-footerNav .subNav > div{
        font-size:1.5em;
    }

    .frame-type-footerNav .subNav .topbar-menu ul{
        flex-direction: column;
        row-gap:0.5em;
        align-items: center;
        text-align: center;
    }
    .siteNav .topbar-claim {
        display:none;
    }
    body .cookie-consent-container .buttons {
        flex-direction: column-reverse;
    }

    .bannerBackground img {
        width:100%;
        height:100%;
        object-fit: cover;
        opacity: 0.3;
    }
    .filter-options {
        flex-wrap: wrap;
        gap: 1em;
    }
    .filter-options>.col {
        flex-basis: calc(50% - 0.51em);
        max-width: calc(50% - 0.51em);
    }

    .frame-type-recorders .seriesHead, 
    .frame-type-recorders .seriesDescription {
        width: 100%;
        padding:0 1em;
    }
    .accordion-item:after,
    .recorderAccordion .accordion-body,
    .recorderAccordion .accordion .accordion-header {
        width:100%;
    }
    .timeline {
        padding:2em 1em;
    }
    .timeline > ul li.odd {
        text-align: left;
    }
    

    .recorderContent {
        padding:1em 1em;
    }
    .material-hardness {
        flex-direction: column;
    }
    .material-hardness h4 {
        margin-top:1em;
    }

    .recorderAccordion .recorderAccessories {
        width:100%;
        grid-template-columns: 1fr;
    }

    .hardness {
        min-width:auto;
        max-width:800px;
        width:100%;
    }
    .searchIntro {
        text-align:center;
    }
    .searchIntro h2{
        margin-bottom:0;
    }
    .searchIntro h2 + p {
        margin-top:1em;
    }

}
@media (max-width:767px) {

    .navbar-collapse{
        width:100%;
    }
    .sticky-wrapper{
        z-index:203;
    }

    .slick-dots {
        margin-top:0.8em;
        column-gap:1em;
    }
    .slick-dots li button {
        width:1em;
        height:1em;
    }

    .frame-space-before-large {
        padding-top: 2em !important;
    }
    .frame-space-after-large {
        padding-bottom: 2em !important;
    }
    .frame-space-before-small {
        padding-top: 1.25em !important;
    }
    .frame-space-after-small {
        padding-bottom: 1.25em !important;
    }
    .frame-space-before-medium {
        padding-top: 1.5em !important;
    }
    .frame-space-after-medium {
        padding-bottom: 1.5em !important;
    }

}

@media (max-width:667px) {

}