:root {
    --big-space: 28px;
    --small-space: 16px;
    --d1-space: 12px;
    --d2-space: 24px;
    --d3-space: 36px;
    --d4-space: 48px;
    --d5-space: 84px;
    --d1-font: 16px;
    --d1-line: 20px;
    --d2-font: 22px;
    --d2-line: 30px;
    --d3-font: 24px;
    --d3-line: 34px;
}
body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Montez Regular";
    -webkit-text-size-adjust: 100%;
}

@media (min-width:900px){
body {
    font-size: var(--d2-font);
    line-height: var(--d2-line);
    font-family: "Montez Light";
}
}
p {
    margin: 0;
}
a {
    text-decoration: none;
    color: #1e1e1e;
}
@media (min-width:900px){
a {
    color: #aaa;
}
}
a:hover {
    color: #1e1e1e;
}

*:focus {
    outline: none;
}
.hide{
    display:none !important;
}
.visible{
    display:block;
}
.tableNumbers{
    font-family: "Montez Tab Regular";
}
@media (min-width:900px){
.tableNumbers{
    font-family: "Montez Tab Light";
}
}

::-webkit-scrollbar {
  display: none;
}
.main-container{
    /*margin: 0 10px;*/
    margin-top: 8px;
    position: relative
}
@media (min-width:900px){
.main-container{
    margin: 15px var(--d2-space);
}
}

.header{
    overflow:hidden;
    margin: 0 12px;
    float:right;
}
@media (min-width:900px){
.header{
    padding-bottom: 10px;
    font-size: var(--d3-font);
    line-height: var(--d3-line);
    font-family: "Montez Light";
    z-index:100;
    margin: 0;
}
}
#headerDesktop{
    /*display: none;*/
    float: right;
    color: #aaa;
}
#headerDesktop:hover{
    color: #000;
}
#headerMobile{
    font-size: 24px;
    color: black;
    /*position: fixed;*/
    transition: font-size .5s;
    z-index: 100;
    display: none;

}
/*.headerMobileEnlarge{
    font-size: 50px !important;
    transition: font-size .5s;
}*/
@media (min-width:900px){
#headerMobile{
    /*display: none;*/
}
#headerDesktop{
    /*display: block;*/
}
}

.header-menu-link{
    cursor: pointer;
    height:35px;
    position: fixed;
    /*transition: height .5s;*/
    z-index: 101;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 25px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 


}
/*.header-menu-link-enlarge{
    height: 2em !important;
    transition: height .5s;
}*/

@media (min-width:900px){
.header-menu-link{
    display:none
}
}
.header-montez{
    float:right;
    color: #1e1e1e;
}
.detail-menu .header-montez{
    display: none !important;
}
.site-container .header-montez{
    display: none;
}
@media (min-width:900px){
.header-montez{
    font-size: 24px;
}
.site-container .header{
    float: right;
}
.detail-menu .header-montez{
    display: block !important;
}
}


.menu{
    color: #aaa;
    position: absolute;
    background-color: white;
    /*top:48px;*/
    z-index: 100;
    margin-left: 10px;
    margin-right: 10px;
    height: 100%;
}
@media (min-width:900px){
.menu{
    position: initial;
    width: auto;
    top:0;
    margin-left: 0;
    margin-right: 0;
    height: auto;
}
}
.menu a{
    color: #aaa;
    text-decoration: none;
}
.menu a:hover {
    color: #1e1e1e;
};
.menu-header{
    margin-bottom: var(--big-space);
    overflow: hidden;
}
@media (min-width:900px){
.menu-header{
    display: none;
}
}
.menu-header-close{
    float: left;
    color: #aaa;
    cursor: pointer;
}
.menu-header-montez{
    float:right;
    color: #1e1e1e !important;
}


.menu-container{
    font-size: 22px;
    line-height: 22px;
    font-family: "Montez Light";
    overflow: hidden;
    padding-bottom: 7px;
}
@media (min-width:900px){
.menu-container{
    float: left;
    margin-right: var(--d2-space);
    font-size: var(--d3-font);
    line-height: var(--d3-line);
    padding-bottom: 0;
    
}
}
.menu-submenu{
    overflow: hidden;
    padding-bottom: 3px;
}
@media (min-width:900px){
.menu-submenu{
    padding-bottom: calc(var(--big-space) - var(--small-space));
    position: absolute;
    left: 0
}
}
.menu-submenu a:hover{
    color: #1e1e1e;
    /*border: 1px solid #1e1e1e;*/
}
@media (min-width:900px){
.menu-submenu a:hover{
    border: none;
}
}

.menu-submenu *{
    /*float: left;*/
    margin-top: 5px;
    /*border: 1px solid #aaa;
    border-radius: 14px;*/
    padding: 0 11px;
    color: #aaa;
    margin-left: 2px;
    margin-right: 2px;
    /*font-size: 18px;*/
    display: block;
}
@media (min-width:900px){
.menu-submenu *{
    clear: none;
    margin-left: 0;
    margin-right: var(--d2-space);
    margin-top: 0;
    padding: 0;
    border: none;
    color: #1e1e1e;
    font-size: var(--d3-font);
    display: inline;
}
}

.menu-catalogue-link, .menu-material-link, .menu-about-link{
    cursor: pointer;
}
.menu-catalogue-submenu.active, .menu-material-submenu.active, .menu-about-submenu.active {
    display:block;
}
.menu-catalogue-submenu, .menu-material-submenu, .menu-about-submenu {
    display:none;
    margin-top: 6px;
}
@media (min-width:900px){
.menu-catalogue-submenu, .menu-material-submenu, .menu-about-submenu {
    display:none;
    margin-top: 0;
}
}
.menu-catalogue-link.active, .menu-material-link.active, .menu-news-link.active, .menu-about-link.active, .menu-cart-link.active{
    color: #1e1e1e;
}
.menu-catalogue-submenu .active, .menu-material-submenu .active, .menu-news-submenu .active, .menu-about-submenu .active{
    color: #1e1e1e;
    /*border: 1px solid #1e1e1e;
    border-radius: 15px;*/
}
@media (min-width:900px){
.menu-catalogue-submenu .active, .menu-material-submenu .active, .menu-news-submenu .active, .menu-about-submenu .active{

    border: none;
}
}
.menu-footer{
    margin-top: var(--big-space);
}
@media (min-width:900px){
.menu-footer{
    display: none;
}
}

.site-container{
    float: left;
    margin-bottom: 83px;
    clear: left;
    width: 100%;
}
@media (min-width:900px){
.site-container{
    margin-top: calc(var(--d4-space) + 6px);
    margin-bottom: 10px;
}
}

.site-title{
    text-align: right;
    margin: 0 12px;

}
@media (min-width:900px){
.site-title{
    display: none;
}
}


.pub-container, .material-container, .news-container, .about-container, .stockist-container, .cart-container{
    /*margin-top: var(--big-space);*/
    margin-top: 24px;
}

.about-container, .cart-container{
    margin-left: 10px;
    margin-right: 10px;
}
@media (min-width:900px){
.about-container, .cart-container{
    margin: 0;
    margin-bottom: 21px;
}
}
.stockist-container{
    padding: 0 10px;
}
@media (min-width:900px){
.stockist-container{
    padding: 0;
    margin-bottom: 21px;
}
}
@media (min-width:900px){
.pub-container, .material-container{
    margin-top: 0;
    /*margin-bottom: calc(var(--d3-space) - 5px);*/
    margin-bottom: calc(var(--d3-space) - 4px);
    font-size: var(--d1-font);
    line-height: var(--d1-line);
    font-family: "Montez Regular";
    width: calc(25% - 20px);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 30vw;
}
.material-container{
    width: calc(33% - 20px);
}

@supports (display: grid) {
.pub-container, .material-container{
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;

}
}

.about-container, .stockist-container, .cart-container{
    margin-top: 0;
    /*margin-bottom: var(--d3-space);*/
    font-size: var(--d3-font);
    line-height: var(--d3-line);
}
.cart-container{
    margin-top: -50px;
}
#cartEmpty{
    margin-top: 17px;
}

.news-container{
    margin-top: calc(var(--d3-line) * -1);
    /*font-size: var(--d2-font);
    line-height: var(--d2-line);*/
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 19px;

}
}
@media (min-width:900px){
.pub-image{
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.material-image{
    position: relative;
    width: 100%;
    padding-top: 75%;
}
.material-grid-container.writers .material-image{
    padding: 0;
    margin-bottom: -4px;
}
}

.pub-image img{
    max-width: 100%;
}
.material-image img{
    width: 100%;
}
.pub-text, .material-text{
    margin-top: 12px;
}
@media (min-width:900px){
.pub-image img, .material-image img{
    position:  absolute;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
}
.material-grid-container.writers .material-image img{
    position: static;
    max-width: none;
}
.pub-text, .material-text{
    margin-top: 12px;
}
}
@media (min-width:900px){
.pub-text, .material-text{
    margin-top: calc(var(--d2-space) - 6px);
}
}

.material-category{
    margin-left: 1em;
}

.svg-test-container{
    height: calc(100vh - 45px);
    width: calc(100vw - 40px);
    position: absolute;
    z-index: 1000;
    left: 20px;
    top: 84px
}
.svg-test-container *{
    margin-bottom: -7px;
}
.svg-middle{
    width: 100%;
    /*height: calc(100% - 100px);*/
    /*height: calc(40vh - 20%);*/
    height: calc(95vh - 43vw);
}

.svg-top, .svg-bottom{
    width: 100%;
}

.svg-about{
    display: none;
}
@media (min-width:900px){
.svg-about{
    margin-top: 38px;
    width: 100%;
    margin-bottom: -2px;
    display: block;
}
}

.pub-detail-title, .material-detail-title{
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;

}
@media (min-width:900px){
.pub-detail-title{
    display: inline;
    margin-top: var(--big-space);
    font-size: var(--d3-font);
    line-height: var(--d3-line);
    margin-left: 0;
    margin-right: 0;
}

.material-detail-container{
    margin-top: calc(var(--d3-line) * -1);
    padding-bottom: 6px;
}
.material-detail-title{
    display: inline;
    font-size: var(--d3-font);
    line-height: var(--d3-line);
    margin-left: 0;
    margin-right: 0;

}
}

.pub-detail-title-divider{
    display: none;
}

@media (min-width:900px){
.pub-detail-title div, .pub-detail-material-title div{

    display: inline;
}
}

.pub-detail-gallery, .material-detail-gallery{
    /*/*left: -10px;*/
    /*width: calc(100vw + 20px);*/
    /*margin-left: -20px;*/
    margin: 24px 0 0;
    position: relative;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 

}
@media (min-width:900px){
.pub-detail-gallery, .material-detail-gallery{
    margin: var(--small-space) 0 0;
}
}
.pub-detail-gallery{
    text-align:center;
}

.pub-detail-gallery-container{
    width: 100vw;
    height: calc(100vw * .75);
    background-color: #e3e1df;
    max-width: 450px;
    max-height: 335px;
}
@media (min-width:900px){
.pub-detail-gallery-container{
    width: auto;
    height: 80vh;
    background-color: transparent;
    max-height: none;
    max-width: none;
}
}



.pub-detail-gallery-container, .material-detail-gallery-container{
    position: relative;
    display: inline-block;
}
.pub-detail-gallery-container.background-grey{
    background-color: #e3e3e3;
}

.material-detail-gallery .slick-track{
    height: 100vw;
}
@media (min-width:900px){
    .material-detail-gallery-container{
        height: 80vh;
    }
    .material-detail-gallery .slick-track{
        height: 66vw;
        cursor: pointer;
    }
}

.slick-list,
.slick-track {
    height: 100%;
}

.left-align-slick > .slick-list > .slick-track {    
}

.pub-detail-images{
    /*margin: 0 20px;*/
    display:none;
    max-height: 80vh;
    max-width: 100%;
    margin-left:auto;
    margin-right: auto;
}

.material-detail-images{
    /*margin: 0 20px;*/
    /*max-height: 100%;*/
    /*max-width: 100vw;*/
    /*height: auto !important;*/
    max-height: 100vw;
    max-width: 100%;
    display: none;
}
@media (min-width:900px){
.material-detail-images{
    max-height: 80vh;
}
}
.material-detail-gallery{
    cursor: pointer;
}
.material-detail-gallery .slick-track{
    display: flex; 
    align-items:center;
}

.pub-detail-images-desktop, .material-detail-images-desktop{
    display: none !important;
}
@media (min-width:900px){
.pub-detail-images-mobile, .material-detail-images-mobile{
    display: none !important;
}

.pub-detail-images-desktop, .material-detail-images-desktop{
    display: block !important;
}
}

.pagingInfo{
    color: #1e1e1e;
    font-size: var(--d1-font);
    line-height: var(--d1-line);
    font-family: "Montez Tab Regular";

    position: absolute;
    bottom: 9px;
    left: 11px;
    color: white;
    display: none;
}
@media (min-width:900px){
.pagingInfo{
    font-family: "Montez Tab Light";
    left: 20px;
    bottom: 16px;
}
}
.pub-detail-gallery .pagingInfo{
    color: black;
}

.pub-detail-description, .material-detail-description{
    margin: 18px 0 ;
    margin-left: 10px;
    margin-right: 10px;
}
@media (min-width:900px){
.pub-detail-description, .material-detail-description{
    margin: 0;
    /*margin-bottom: var(--d2-space);*/
    margin-bottom: 30px;
}
}

.material-detail-date{
    margin-right: 1em;
}
.material-detail-pdf{
    margin-bottom: var(--big-space);
    margin-left: 10px;
}
@media (min-width:900px){
.material-detail-pdf{
    float: left;
    margin-top: calc(var(--d2-space) - 9px);
}
}
.pub-detail-bio{
    margin: 18px 10px ;
}
.pub-detail-bio b{
    /*
    font-weight: normal;
    */
}

@media (min-width:900px){
.pub-detail-bio{
        /*margin-top: var(--d2-space);*/
        margin-top 30px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
}
}
.pub-detail-reviews a{
    padding-left: 1em;
    color: #aaa;
}
.pub-detail-reviews {
    margin: 0 10px;
}
.pub-detail-information p {
    margin: 0;
}
.pub-cart-add-form, .pub-cart-remove-form{
    margin: var(--big-space) 0 10px;
}
.pub-cart-add-form:nth-child(3), .pub-cart-remove-form:nth-child(3){
    /*margin: calc(var(--d2-space) - 8px) 0 ;*/
    margin: 10px 0 16px 0;
}
.pub-cart-add-form > p{
    margin-top: 12px;
}
.pub-cart-add-form input, .pub-cart-remove-form input{
    width: 100%;
    background-color: white;
    border: 1px solid #000;
    cursor: pointer;
    padding: 5px 0 7px;
    color: #000;
    -webkit-appearance: none;
     -webkit-border-radius:0; 
    border-radius:0;
    font-family: "Montez Regular";
    font-size: 16px;

}
@media (min-width:900px){
.pub-cart-add-form:nth-child(3), .pub-cart-remove-form:nth-child(3){
    /*margin: calc(var(--d2-space) - 8px) 0 ;*/
    margin:10px 0 16px 0;
}
.pub-cart-add-form > p{
    margin-top: 12px;
    font-size: var(--d1-font);
    line-height: var(--d1-line);
}

.pub-cart-add-form, .pub-cart-remove-form{
    /*margin: calc(var(--d2-space) - 8px) 0 ;*/
    margin: 16px 0 10px;
}
.pub-cart-add-form input, .pub-cart-remove-form input{
    font-size: var(--d2-font);
    font-family: "Montez Light";
    color: #aaa;
    border: 1px solid #aaa;
}
}
.goto-cart-link{
    width: calc(100% - 2px);
    background-color: white;
    border: 1px solid #000;
    border-radius: 0;
    cursor: pointer;
    color: #000;
    padding: 4px 0 4px;
    display: none;
    text-align: center;
    /*margin: var(--big-space) 0 ;*/
    /*margin: calc(var(--d2-space) - 8px) 0 ;*/
    margin: 16px 0 10px;
}
@media (min-width:900px){
.goto-cart-link{
    border: 1px solid #aaa;
    color: #aaa;
}
}
.goto-cart-link.subscribe{
    display: block;
}

.goto-cart-link:hover, .pub-cart-add-form input:hover{
    color: #1e1e1e;
    border: 1px solid #1e1e1e;
}
.sold-out{
    width: 100%;
    background-color: white;
    border: 1px solid #1e1e1e;
    border-radius: 0;
    color: #1e1e1e;
    padding: 2px 0 4px;
    text-align: center;
    margin: var(--big-space) 0 ;
    margin: 16px 0 10px;
}

.pub-detail-related-gallery, .material-detail-related-gallery{
    margin: var(--small-space) 0;
    left: -10px;
    width: calc(100% + 20px);
}
@media (min-width:900px){
.pub-detail-related-gallery, .material-detail-related-gallery{
    margin-left: var(--d1-space);
    width: auto;
}
}
.pub-detail-related-gallery img, .material-detail-related-gallery img{
    margin: 0 0 0 10px;
    opacity: .6;
}
.pub-detail-related-gallery img:first-child, .material-detail-related-gallery img:first-child{
}
.relatedInfo{
    /*margin-bottom: var(--big-space);*/
}
@media (min-width:900px){
.relatedInfo{
    display: none !important;
}
}


.interjection-list-text, .pfeil-list-text, .grant-list-text{
    margin: 19px 10px ;
}
@media (min-width:900px){
.interjection-list-text, .pfeil-list-text, .grant-list-text{
    font-size: var(--d3-font);
    line-height: var(--d3-line);
    margin: 0 0 40px 0 ;
}
}
.pfeil-list-text{
}
.interjection-short-description{
    display:none;
    margin: 19px 0;
}
@media (min-width:900px){
.interjection-short-description{
    margin: var(--big-space) 0;
}
}
.interjection-download{
    display: none;
    margin: 0;
}
.interjection-download a{
    color: #aaa;
}
.interjection-download a:hover{
    color: #000;
}
.interjection-list{
    margin-bottom: var(--big-space);
    margin-top: 19px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
}
@media (min-width:900px){
.interjection-list{
    margin-top: 0;
    font-size: var(--d3-font);
    line-height: var(--d3-line);
    padding: 0;
}
}
.interjection-p-container{
    /*overflow-x: scroll;*/
    /*overflow-y: hidden;*/
    white-space: nowrap;
}
@media (min-width:900px){
.interjection-p-container{
    overflow-x: auto;
}
}
.interjection-container.previous{
    display: none;
}
.interjection-p{
    margin: 0;
    color: blue;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}
.short-p{
    margin: 0;
    display: inline-block;
    margin-right: 10px;
}
.short-p.pdf{
    color: blue;
}
.interjection-p.previous{
    color: black;
    cursor: default;
}

.interjection-p.show{
    color: #aaa;
}
.interjection-p.show:hover{
    color: #000;
}
.interjection-p::-webkit-scrollbar{
    display:none;
}

.news-container{
    /*overflow-x: scroll;*/
    /*overflow-y: hidden;*/
    white-space: nowrap;
}
@media (min-width:900px){
.news-container{
    overflow-x: auto;
}
}
.news-table{
    white-space: nowrap;
    border-collapse: collapse;
    table-layout: fixed;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 10px;
    cursor: default;
}
.news-table a{
    color: black;
}
@media (min-width:900px){
.news-table{
    width: 100%;
    display: table;
}
}

.news-table td{
    display: inline;
    margin-right: 1em;
}
.news-table td:last-child{
    margin-right: 10px;
}

@media (min-width:900px){
    .news-table td{
        display: table-cell;
        width: 245px;
        overflow: hidden;
    }
    .news-table td:last-child{
        border-right: none;
        width: auto;
        margin-right: 0;
    }
    .news-table td:nth-child(2){
        width: 291px;
    }
    .news-table td:nth-child(3){
        width: 174px;
        padding-left: 48px;
    }
}

.table-link{
    color: #aaa;
    margin-left: 1em;
}

.table-past{
    margin-top: var(--big-space);
    margin-bottom: var(--big-space);
    margin-left: 10px;
    margin-right: 10px;

}
@media (min-width:900px){
.table-past{
    margin-left: 0;
}
}

.contact-block{
    margin: var(--big-space) 0;
}
.contact-block:first-child{
    margin-top: 0;
    margin-bottom: var(--big-space);
}
.contact-block:last-child{
    margin-bottom: 0;
}
.contact-block a{
    color: #aaa;
    display: block;
}
.contact-block a:hover{
    color: black;
}
@media (min-width:900px){
.contact-block{
    margin-top: 0;
    margin-bottom: var(--big-space);
}
.contact-block a{
    color: #aaa;
    display: inline;
    margin-left: 1em;
}
}
.about-container p{
    margin: 0;
}
.about-link{
    margin-left: 1em;
}
.stockist-container{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
@media (min-width:900px){
.stockist-container{
    overflow-x: auto;
}
}

.stockist-container p{
    margin: 0;
    display: inline-block;
}
.city-group{
    margin-top: var(--big-space);
}
.city-group:first-child{
    margin-top: 0;
}

.cart-shipping > div{
    color: #aaa;
    cursor: pointer;
    display:none;
}
.cart-shipping > div.selected{
    color: #1e1e1e;
}
.cart-item-single-price{
    text-align: right;
    width: 100%;
    margin-right: 15px;
    font-family: "Montez Tab Regular";
}
@media (min-width:900px){
.cart-item-single-price{
    width: 83px;
    text-align: left;
    font-family: "Montez Tab Light";
}
}
.cart-item-quantity{
    width: 30px;
    text-align: center;
}
.cart-item-quantity, .cart-update-minus, .cart-update-plus{
    font-family: "Montez Tab Regular";
}
@media (min-width:900px){
.cart-item-quantity, .cart-update-minus, .cart-update-plus{
    font-family: "Montez Tab Light";
}
}
.cart-update-form{
    display: inline;
}
.cart-remove-form{
    display:inline;
}
.cart-item-count{
    width: 2em;
}
.cart-item-update{
    background-color: white;
    border:0;
    color: #aaa;
    cursor: pointer;
}
.cart-item-remove{
    background-color: white;
    border:0;
    color: #aaa;
    cursor: pointer;
    margin-left: 15px;
    padding-left: 0;
    font-size: 16px;
}
@media (min-width:900px){
.cart-item-remove{
    font-family: "Montez Light";
}
}
.cart-item-remove:hover{
    color: black;
}
.cart-item-total-price{
    float: right;
    font-family: "Montez Tab Regular";
}
.cart-item{
    margin-top: var(--small-space);
    padding-bottom: var(--small-space);
    border-bottom: 1px solid #1e1e1e;
}
.cart-item-edit-submit{
    display: none;
}

@media (min-width:900px){
.cart-item-total-price{
    font-family: "Montez Tab Light";
}
.cart-item{
}
.cart-item *{
    display: inline-block;
}
.cart-item-text{
    width: 50%;
}
.cart-item-edit-submit{
    display: inline;
}
}
.cart-weight{
    display: none;
}
.cart-shipping{
    margin-top: var(--small-space);
    padding-bottom: var(--small-space);
    border-bottom: 1px solid #1e1e1e;
    display: flex;
    flex-wrap: wrap;
}
.shipping-title{
    flex-basis: 50%;
}
.shipping-select, .shipping-edit{
    color: #aaa;
    cursor: pointer;
    flex-basis: 50%;
    text-align: right;

}
.shipping-select:hover{
    color: black;
}
.cart-shipping-row:hover{
    color: black;
}
.shipping-edit{
    display:none;
}
.shipping-edit:hover{
    color: black;
}
.shipping-selected{
    flex-basis: 60%;
    display: none;
}
.shipping-price{
    flex-basis: 40%;
    text-align: right;
}
.cart-shipping-space{
    display: none;
}
.cart-shipping-row{
    flex-basis: 100%;
}
.cart-shipping-country{
    flex-basis: 50%;
    flex-grow: 1;
}
.cart-shipping-price, .shipping-price{
    float: right;
    font-family: "Montez Tab Regular";
}
.cart-shipping-currency{
    float: right;
    margin-right: .4em;
}

.cart-summary-amount{
    font-family: "Montez Tab Regular";
}
@media (min-width:900px){
    .cart-summary-amount{
        font-family: "Montez Tab Light";
    }
    .cart-shipping-price, .shipping-price{
        font-family: "Montez Tab Light";
    }
    .cart button{
        font-size: var(--d3-font);
        line-height: var(--d3-line);
    }
    .shipping-select, .shipping-edit{
        flex-basis: 50%;
        order: 2;
        text-align: left;
    }
    .shipping-edit{
        flex-basis: 5%;
        order: 3;
    }
    .shipping-title{
        flex-basis: 50%;
        order: 1;
    }
    .shipping-selected{
        order: 2;
        flex-basis: auto;
        min-width: 224px;
    }
    .shipping-price{
        order: 4;
        flex-basis: 10%;
        text-align: right;
        flex-grow: 1;
    }
    .cart-shipping-space{
        flex-basis: 50%;
        display: block;
    }
    .cart-update-form{
        margin: 0 1em;
    }
    .cart-shipping-row{
        order: 5;
        display: flex;
    }
    .cart-shipping-row:first-of-type{
        flex-basis: 50%;
    }
    .cart-shipping-country{
        flex-basis: 30%;
        flex-grow: 1;
    }
}
.cart-update-plus, .cart-update-minus{
    margin: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    color: #aaa;
}
.cart-update-plus{
    padding-left: 0;
}
.cart-update-minus{
    padding-right: 0;
}
.cart-update-plus:hover, .cart-update-minus:hover{
    color: #000;
}
.cart-summary{
    display:none;
    margin-top: var(--small-space);
    padding-bottom: var(--small-space);
    border-bottom: 1px solid black;
}
#cart-message{
    text-align: right;
}
.cart-summary-text{
    flex-basis: 30%;
    flex-grow: 1;
}
.cart-summary-price{
    flex-basis: 10%;
    white-space: nowrap;
    text-align: right;
}
#paypal-button{
    display: none;
    text-align: center;
}
@media (min-width:900px){
#paypal-button{
    text-align: right;
}
}
.catalogue-grid-container, .material-grid-container{
    margin-left: 12px;
    margin-right: 12px;
}

/*@media (min-width:500px){
    .catalogue-grid-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: var(--d2-space);
        margin-top: 8px;
    }

}*/
.material-grid-container.writers{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: var(--d1-space);
}
@media (min-width:900px){
    .catalogue-grid-container{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: var(--d2-space);
        margin-top: 8px;
        margin-left: 0;
        margin-right: 0;
    }
    .material-grid-container{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: var(--d2-space);
        /*margin-top: calc(var(--d3-line) * -1);*/
        /*margin-top: -24px;*/
        margin-left: 0;
        margin-right: 0;
    }
    .material-grid-container.writers{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

}


@media (min-width:1200px){
    .catalogue-grid-container{
        margin-top: 8px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-column-gap: var(--d2-space);
    }
    .material-grid-container.writers{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
.pub-image{
    width: calc(100vw - 20px);
    /*height: calc(100vw - 20px);*/
    position: relative;
}
@media (min-width:900px){
.pub-image{
    height: auto;
    width: auto;
}
}
.pub-image-mobile{
    display: block;
    /*position: absolute;*/
    bottom: 0;
}
.pub-image-desktop{
    display:none;
}
@media (min-width:900px){
.pub-image-mobile{
    display: none;
}
.pub-image-desktop{
    display:block;
}
}

.large{
    max-height: none;
    height: calc(100vw - 20px);
}
.medium{
    max-height: none;
    height: calc(90vw - 20px);
}
.small{
    max-height: none;
    height: calc(80vw - 20px);
}
.tiny{
    max-height: none;
    height: calc(70vw - 20px);
}

@media (min-width:900px){
.large{
    max-height: 100%;
    height: auto;
}
.medium{
    max-height: 90%;
    height: auto;
}
.small{
    max-height: 80%;
    height: auto;
}
.tiny{
    max-height: 70%;
    height: auto;
}
}

.detail-menu{
}

@media (min-width:900px){
.detail-menu{
}
}

.pub-detail-related-mobile, .material-detail-related-mobile{
    display: block;

    margin-top: var(--big-space);
    margin-left: 10px;
    margin-right: 10px;
}

.pub-detail-related-desktop, .material-detail-related-desktop{
    display: none;
}
.pub-detail-info-container{
    margin-left: 10px;
    margin-right: 10px;
}
@media (min-width:900px){
    .pub-detail-text, .material-detail-description{
        width: 70%;
        float: left;
        /*margin-top: calc(var(--d2-space) - 9px);*/
        margin-top: 15px;
        margin-bottom: calc(var(--d5-space) - 15px);
    }
    .pub-detail-info-container{
        width: calc(30% - var(--d3-space));
        float: right;
        margin-left: var(--d2-space);
        /*margin-top: calc(var(--d2-space) - 9px);*/
        margin-top: 15px;
    }
    .pub-detail-related-mobile, .material-detail-related-mobile{
        display:none;
    }
    .pub-detail-related-desktop, .material-detail-related-desktop{
        clear: left;
        display: block;
        margin-bottom: 22px;
    }
    .pub-detail-related, .material-detail-related{
        color: #aaa;
        margin-bottom: calc(var(--d2-space) - 9px);
    }
}

.pub-detail-related-images, .material-detail-related-images{
    opacity: 0.6;
    height: 200px;
}
.pub-detail-related-images:hover{
    opacity: 1;
}
.material-detail-related-images:hover{
    opacity: 1 !important;
}
.pub-detail-related-desktop a img, .material-detail-related-desktop a img{
    margin-left: var(--d2-space);
    height: 200px;
}
.pub-detail-related-desktop a:first-of-type img, .material-detail-related-desktop a:first-of-type img {
    margin-left: 0;
}

.xhr-container-animate{
    position:fixed;
    top:100%;
    max-width: calc(100% - 48px);
}
.xhr-container-animate .pub-detail-gallery{
    clear: right;
}
.xhr-container-animate .site-container{
    margin-top: 0;
}
.xhr-container-animate .detail-menu{
    display: none;
}
.xhr-container-animate .pub-detail-title{
    display: none;
}
.feature-container, .announcement-container{
}
.announcement-container{
    cursor: pointer;
}
.feature-container img, .announcement-container img{
    max-width: 100vw;
    /*max-height: 100vh;*/
    cursor: e-resize;
    /*max-height: calc(100vh - 63px);*/
    max-height: 100vh;
}
.feature-subtitle{
    cursor: pointer;
}

.index-container{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*visibility: hidden;*/
}
.index-menu .menu{
    position: absolute;
    background-color: transparent;
    z-index: 1000;
}
.index-menu .menu a{
    color: #1e1e1e;
}
.index-menu .header{
    position: absolute;
    right: 0;
    z-index: 1000;
    width: 100%;

}
.index-gallery{
    display: none;
}
@media (min-width:900px){
.index-gallery{
    display: block;
}
}

.announcement-container{
    width: 100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.feature-container{
    position: relative;
}
.feature-subtitle{
    position: relative;
    bottom: 48px;
    left: 24px;
}
.slick-current .feature-subtitle{
    display: block;
}

.desktop-footer{
    display: none;
}
@media (min-width:900px){
.desktop-footer{
    display: block;
    /*margin-top: calc(var(--d3-space) - 4px);*/
    /*margin-top: 12px;*/
    margin-bottom: 17px;
    /*margin-bottom: 103px;*/
    /*margin-bottom: 100px;*/
    float: left;
}
}


.pub-detail-gallery-previous, .pub-detail-gallery-next{
    display: none;
}

@media (min-width:900px){
.pub-detail-gallery-previous, .pub-detail-gallery-next{
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: w-resize;
}
.pub-detail-gallery-next{
    left: 50%;
    cursor: e-resize;
}

}

#radioFooter a{
    color: black;

}
#radioFooter{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 17px;
    font-size: 16px;
    line-height: 20px;
}
#radioFooter span{
    display: none;
}
@media (min-width:900px){
#radioFooter{
    font-size: var(--d2-font);
    line-height: var(--d2-line);
}

#radioFooter span{
    display: inline;
}
}
#radioUrl{
    display: inline !important;
    float: right;
}

#radioContainer{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 22px;
    line-height: 28px;
    overflow: hidden;
    font-family: "Montez Light";
}
@media (min-width:1120px){
    #radioContainer{
        flex-direction: row;
        font-size: 22px;
        line-height: 30px;
        overflow: hidden;
        height: 100%;
    }
}
#radioMenuContainer{
    margin: 8px 12px 4px;
}
@media (min-width:1120px){
#radioMenuContainer{
    margin: 15px 0px 8px 24px;
    overflow: hidden;
}
}
#radioContentScrollContainer{
}
@media (min-width:1120px){
#radioContentScrollContainer{
}
}
@supports not( -moz-appearance:none ){
    #radioContentScrollContainer{
    padding-right: 0px;
    }
}
#radioContent{
    /*max-width: calc(100vh - 48px);*/
    max-width: 1077px;
}
@media (min-width:1120px){
#radioContent{
    width: 100vh;
}
}

#radioMenu{
    margin-top: 1em;
}

#radioMenu > div{
    cursor:pointer;
    color: #aaa;
}
#radioMenu > div:hover{
    color: #1e1e1e;
}

.radioActive{
    color: #1e1e1e !important;
}

#radioPlayButton, #radioPauseButton{
    cursor: pointer;
    color: #aaa;
}
#radioPlayButton:hover, #radioPauseButton:hover{
    color: #1e1e1e;
}
#radioPlayButton{
    margin-right: 1em;
}

#radioPlaying{
    white-space: nowrap;
}
#radioPlayer{
    margin-bottom: 1em;
}

.playingClock{
    margin-right: 10px;
}

#newYork{
    margin-left: 1em;
}

.newYork{
    margin-right: 1em;
}
#liveContentImage{
    max-width: calc(100% - 22px);
    margin: 11px;
}
@media (min-width:1120px){
#liveContentImage{
    max-width: calc(100% - 48px);
    max-height: calc(100vh - 48px);
    margin: 21px;
}
}

#scheduleContent{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width:100%;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding: 11px;
    overflow: auto;
    box-sizing:border-box;
}
@media (min-width:1120px){

#scheduleContent{
    padding: 20px;
    height: 100vh;
}
}

#scheduleContent a{
    display: contents;
}

.scheduleContentImage{
    width:calc(33vw - 9px);
    height:calc(33vw - 9px);
    margin: -1px 1px;
    object-fit: cover;
}
@media (min-width:1120px){
.scheduleContentImage{
    width:calc(33vh - 14px);
    height:calc(33vh - 14px);
}
}

@supports (display: grid) {
.scheduleContentImage{
    /*width:100%;*/
    margin: 0;
    object-fit: cover;
    width:calc(33vw - 7px);
    height:calc(33vw - 7px);
}
@media (min-width:1120px){
.scheduleContentImage{
    width:calc(33vh - 13px);
    height:calc(33vh - 13px);
}
}
}


#programContent{
    overflow-y:auto;
    overflow-x:hidden;;
}
@media (min-width:1120px){
#programContent{
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
}
}
.dayContainer{
    margin-bottom: 1em;
        display: none;
}
.dayContainer.activeDay{
    display: block
}
@media (min-width:1120px){
    .dayContainer{
        display: block;
        margin-bottom: 0;
    }
}
.dayTable{
    display: block;
    /*table-layout: fixed;*/
    margin-top: 1em;
    overflow: auto;
}
@media (min-width:1120px){
.dayTable{
    display: table;
    width: 100%;
    table-layout: fixed;
}
}
.dayContainer.past{
    color: #aaa;
}
.dayContainerTitle{
    display: flex;
    justify-content: space-between;
    padding: 0 11px;
}
@media (min-width:1120px){
.dayContainerTitle{
    padding: 0 ;
}
}
.dayItem{
    /*overflow: auto;*/
    /*width: calc(100vw - 24px);*/
    /*display: block;*/
}
@media (min-width:1120px){
.dayItem{
    overflow: auto;
    width: auto;
    display: table-row;
}
}
.dayItem.past{
    color: #aaa;
}

.itemTitle, .itemTime, .itemCategory{
    display: table-cell;
    white-space: nowrap;
    font-size: 22px !important;
    line-height: 28px;
}
.itemTime{
    white-space: nowrap;
    padding-right: 1em;
    font-family: "Montez Light Tab";
    padding-left: 11px;
}
.itemCategory{
    text-align: right;
    padding-left: 1em;
    padding-right: 11px;
}
@media (min-width:1120px){
.itemTime{
    width: 110px;
    float:left;
    padding-right: 0em;
    padding-left: 0;
}
.itemTitle{
    float:left;
    overflow: hidden;
    width: calc(100% - 218px);
}
.itemCategory{
    float: right;
    padding-right: 0px;
    padding-left: 0em;
}
}


.radioTablePrev, .radioTableNext{
    display: inline;
    cursor: pointer;
    color: #aaa;
}
.radioTablePrev:hover, .radioTableNext:hover{
    color: #000;
}
.radioTablePrev{
}
@media (min-width:1120px){
.radioTableDate{
    margin-top: 1em;
}
}

@media (min-width:1120px){
.radioTablePrev, .radioTableNext{
    display: none;
}
}

#radioAbout{
padding: 11px;
}
@media (min-width:1120px){
#radioAbout{
padding: 21px;
height: 100vh;
overflow: auto;
box-sizing: border-box;
}
}

#radioAbout p{
    margin-bottom: 1em;
}
#aboutText{
    display:none;
}

.discount{
    color: red;
}
#startpageDiscount{
    display: flex;
    width: 100%;
    margin: 0 1rem;
}
@media (min-width:900px){
#startpageDiscount{
    margin: 0;
    padding-top: 3px;
    width: 70%;
    font-size: var(--d3-font);
}
}
@media (min-width:1500px){
#startpageDiscount{
    width: 90%;
}
}
.noBreak{
    white-space: nowrap;
}
.discountDetails{
    color: red;
    font-size: 14px;

}

.interjection-support{
    margin-bottom: var(--big-space)
}
.interjection-support p{
    margin-bottom: var(--small-space);
    padding-left: 10px;
}
@media (min-width:900px){
.interjection-support p{
    padding-left: 0px;
}
}
.interjection-support img{
    height: 80px;
}
img.pfeil-support{
    height: 80px;
}
#new-index-container{
    display: flex;
    flex-direction: row;
    padding-top: 2.4rem;
    width: 100%;
}
.pubContainer.mobile{
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 3rem;
}
@media (min-width:900px){
.pubContainer.mobile{
    display: none;
}
}
.pubContainer{
    display: none;
}
@media (min-width:900px){
.pubContainer{
    display: flex;
    flex: 50%;
    flex-direction: column;
}
}
#left.pubContainer{
    margin-right: 1rem;
}
#right.pubContainer{
    margin-left: 1rem;
}
.pubs{
    /*margin-bottom: 2rem;*/
}
.pubs img{
    max-width: 100%;
    min-width: 100%;
    display: block;
}
.pubs .text{
    padding-top: 1rem;
}
.pubs .textLink{
    margin-bottom: 2.6rem;
    color: #aaa;
    display: block;
}

.pubs .textLink:hover{
    color: black;
}
#cartButtonContainer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: var(--small-space);
    gap: var(--small-space);
}
@media (min-width:900px){
#cartButtonContainer{
    flex-direction: row;
}
}
#cartAddressMessage{
    display: none;
    color: blue;
}


#supportLogos{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width:900px){
#supportLogos{
    flex-direction: row;
}
}
#supportLogos > img{
    height: 5rem;
    margin: 1rem 2rem 0 0;
}