/*************************************************************/
/* dekorationsvermietung.ch - STYLES 2020 */
/*************************************************************/

/*************************************************************/
/****** HTML ******/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

a {
    color: black;
    text-decoration: underline;
}
a:hover {
    color: black;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1 {
    font-size: 1.6rem;
    line-height: 1.6;
}
h2 {
    font-size: 1.5rem;
    line-height: 1.5;
}
h3 {
    font-size: 1.4rem;
    line-height: 1.4;
}
h4 {
    font-size: 1.2rem;
    line-height: 1.2;
}
h5 {
    font-size: 1.1rem;
    line-height: 1.1;
}
h6 {
    font-size: 1.0rem;
    line-height: 1.0;
}

img {
    image-orientation: none;
}

/*************************************************************/
/****** GENERAL ******/
.print-only {
    display: none;
}

.hidden {
    display: none;
}

.link--target-blank {
    background: url(../images/external-link_tmp.png) scroll no-repeat right 0 / 16px 16px transparent;
    padding: 2px 22px 2px 0;
}

.content-list li {
    margin: 0 0 4px 0;
}

.no-bullet-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-column-3 {
    column-count: 3;
}

.pager {
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
    padding: 20px 0 0 0;
}
.pagination__title {
    color: #828282;
    font-size: 0.8rem;
    padding: 4px 6px 0 0;
}
.pagination__link-item {
    border-right: 1px solid #eee;
    display: inline;
}
.pagination__link-item:first-child,
.pagination__link-item:last-child,
.pagination__link-item:nth-last-child(2) {
    border: none;
}
.pagination__link {
    color: #969696;
    font-size: 1.2rem;
    padding: 0 4px 0 4px;
    text-decoration: none;
}
.pagination__link.pagination__link--current,
.pagination__link:hover {
    color: #000;
}
.pagination__link-previous,
.pagination__link-next {
    position: relative;
    top: -1px;
}
.pagination__link--points {
    color: #969696;
    padding: 0 6px 0 6px;
}

.accordion .accordion-title {
    background: none;
    border: none;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    display: flex;
    font-size: 1.0rem;
    font-weight: 700;
    height: auto;
    line-height: 1.4;
    margin: 0 0 12px 0;
    padding: 0;
    transition: margin 500ms ease;
}
.accordion .accordion-title.ui-state-active {
    margin: 0 0 0 0;
}
.accordion .page-faq__title-sign-bg {
    align-items: center;
    background-color: #8DB01F;
    border-radius: 50px;
    display: flex;
    flex: 38px 0 0;
    justify-content: center;
    position: relative;
    width: 38px;
    z-index: 10;
}
.accordion .accordion-title.ui-state-active .page-faq__title-sign-bg {
    background-color: #f6f6f6;
}
.accordion .page-faq__title-sign {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.5;
}
.accordion .accordion-title.ui-state-active .page-faq__title-sign {
    color: #8DB01F;
    line-height: 1.4;
}
.accordion .page-faq__title-sign::after {
    content: "+";
}
.accordion .accordion-title.ui-state-active .page-faq__title-sign::after {
    content: "-";
}
.accordion .page-faq__title-content {
    background-color: #f6f6f6;
    display: inline-block;
    margin: 0 0 0 -20px;
    padding: 0.5em 0.5em 0.5em 1.8em;
    width: 100%;
}
.accordion .accordion-title.ui-state-active .page-faq__title-content {
    background-color: #8DB01F;
}
.accordion .accordion-content {
    border: 1px solid #ddd;
    margin: 2px 0 12px 0;
    padding: 1em 1.2em;
    transition: margin 500ms ease;
}
.accordion .accordion-content p:last-child {
    margin: 0;
}

.deko-box {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 15px;
    transition: box-shadow 500ms ease-in-out;
}
.deko-box:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}

.deko-button {
    background-color: #9DC12B;
    border: none;
    border-radius: 8px;
    color: #fff;
    height: 58px;
    min-width: 260px;
}
.deko-button:hover {
    background-color: #8DB01F;
}
.deko-button--delete {
    background-color: #EB5757;
    height: auto;
    min-width: auto;
}

.loader {
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
}
.loader__img-container {
    height: 100px;
    margin: 0 auto;
    width: 100px;
}
.loader__img {
    animation: spin 1000ms linear infinite;
}

@keyframes spin {
    100% {
        transform:rotate(360deg); 
    }
}

/*************************************************************/
/****** HEADER ******/
.main-header {
    border-bottom: 2px solid #9DC12B;
    padding: 20px 0 16px 0;
}

.main-header__top-right {
    float: right;
    position: relative;
    width: 720px;
    z-index: 100;
}

.main-nav {
    float: left;
}
.main-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-nav__item {
    display: inline;
    margin: 0 34px 0 0;
}
.main-nav__item:last-child {
    margin: 0;
}
.main-nav__link {
    color: #828282;
    font-size: 1rem;
    text-decoration: none;
}
.main-nav__link:hover {
    color: #4F4F4F;
    text-decoration: none;
}

.shopping-cart {
    float: right;
    left: -14px;
    position: relative;
}
.shopping-cart__link {
    text-decoration: none;
}
/*
.shopping-cart__icon {
    background-image: url(../images/header_shopping-cart-green.png);
    background-size: 44px;
    display: inline-block;
    height: 44px;
    width: 44px;
}
*/
.shopping-cart__icon-svg {
    background-color: #fff;
    background-size: 52px;
    fill: #8DB01F;
    height: 52px;
    left: 4px;
    position: relative;
    top: -4px;
    width: 52px;
}
.shopping-cart__number {
    background-color: #EB5757;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    height: 28px;
    position: absolute;
    right: -14px;
    text-align: center;
    top: -10px;
    width: 28px;
}
.shopping-cart__number.shopping-cart__number--empty {
    background-color: #828282;
}
.shopping-cart__number-inner {
    position: relative;
    top: 3px;
}

.main-header__bottom {
    position: relative;
    z-index: 10;
}

.logo {
    position: relative;
}
.logo__link {
    text-decoration: none;
}
.logo__img {
    float: left;
    width: 188px;
}
.logo__title {
    float: left;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.0;
    margin: 90px 0 0 -50px;
}

.search {
    float: right;
    margin: 82px 0 0 0;
}
.search__text-field {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #CED0D2;
    border-right: none;
    border-radius: 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    height: 54px;
    left: 4px;
    padding: 0 10px;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 345px;
}
.search__text-submit {
    background: url(../images/header_search.png) scroll no-repeat 13px 11px #9DC12B;
    border: none;
    border-radius: 0;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 62px;
}

.header-separator {
    background: #8DB01F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 20px;
    margin: 0 0 30px 0;
    width: 100%;
}

/*************************************************************/
/****** MOBILE-NAV ******/
.mobile-nav {
    background-color: #fff;
    height: 100%;
    left: -340px;
    overflow-y: scroll;
    overflow-x: visible;
    position: fixed;
    transition: left 0.3s ease;
    top: 0;
    width: 340px;
    z-index: 1000;
}
.mobile-nav--open .mobile-nav {
    left: 0;
}

.mobile-nav-bg {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    transition: opacity 0.3s ease;
    top: 0;
    width: 100%;
    visibility: hidden;
    z-index: 900;
}
.mobile-nav--open .mobile-nav-bg {
    opacity: 1.0;
    visibility: visible;
}

.mobile-nav__close {
    background: url(../images/menu_close.png) scroll no-repeat 0 0 transparent;
    background-size: 24px;
    cursor: pointer;
    display: block;
    float: right;
    height: 24px;
    margin: 16px 16px 16px 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px;
}

ul.mobile-nav__list,
.mobile-nav__categories ul {
    clear: right;
    list-style: none;
    margin: 0 0 0 0;
    padding: 20px 0 20px 30px;
}
ul.mobile-nav__list {
    border-bottom: 2px solid #9DC12B;
    border-top: 2px solid #9DC12B;
}
.mobile-nav__link {
    color: #8DB01F;
    display: inline-block;
    font-size: 1.625rem;
    padding: 8px 0;
    text-decoration: none;
}
.mobile-nav__link:hover {
    color: #8DB01F;
}
.mobile-nav__categories ul ul {
    display: none;
    margin: 0 0 0 8px;
    padding: 0 0 20px 0;
}
.mobile-nav__categories ul li a {
    color: #666;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
}
.mobile-nav__categories ul li a.categories__sub-link {
    color: #828282;
}
.mobile-nav__categories .categories__sub-link,
.mobile-nav__categories .categories__item--active .categories__sub-link {
    color: #828282;
    font-size: 0.9rem;
}

.mobile-nav__categories .categories__item--active a {
    color: #000;
}
.mobile-nav__categories .categories__item--active .categories__sub-item--active a {
    color: #000;
}

.mobile-nav__categories .categories__sub-list:empty {
    display: none;
}

.header-responsive-separator {
    border-top: 2px solid #9DC12B;
    display: none;
    left: 50%;
    margin-left: -50vw;
    padding: 6px 0 0 0;
    position: relative;
    width: 100vw;
}

.hamburger-menu {
    border: 1px solid #eee;
    border-radius: 8px;
    display: none;
    flex-direction: column;
    float: left;
    height: 54px;
    line-height: 12px;
    margin: 0 0 0 0;
    padding: 12px 10px;
    width: 60px;
}
.hamburger-menu:hover {
    cursor: pointer;
}
.hamburger-menu span {
    background-color: #666;
    border-radius: 4px;
    display: inline-block;
    height: 4px;
    margin: 0 0 8px 0;
    width: 100%;
}
.hamburger-menu span:last-child {
    margin: 0 0 0 0;
}

/*************************************************************/
/****** MAIN-ASIDE ******/
.main-aside {
    float: left;
    margin: 0 36px 0 0;
    width: 208px;
}

.main-aside ul.categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-aside ul.categories ul {
    display: none;
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0;
}

.main-aside .categories__link,
.main-aside .categories__sub-link {
    color: #666;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
}
.main-aside .categories__sub-link,
.main-aside .categories__item--active .categories__sub-link {
    color: #828282;
    font-size: 0.9rem;
}

.main-aside .categories__item--active a {
    color: #000;
}
.main-aside .categories__item--active .categories__sub-item--active a {
    color: #000;
}

/*************************************************************/
/****** MAIN ******/
main {
    float: left;
    width: calc( 100% - 246px );
}
 
.page-title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 12px 0;
    padding: 8px 0 0 0;
}

/*************************************************************/
/****** BANNERS ******/
.banners-container {
    border-top: 1px solid #eee;
    margin: 40px 0 0 0;
    padding: 20px 0;
}
ul.banners {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.banners__item {
    margin: 0 12px;
}
.banners__link {
    text-decoration: none;
}
.banners__img {
    max-width: 112px;
}

/*************************************************************/
/****** FOOTER ******/
.main-footer {
    background-color: #8DB01F;
    color: #fff;
    font-size: 0.8rem;
    padding: 24px 0 48px;
}
.main-footer__part {
    border-right: 1px solid #fff;
    float: left;
    min-height: 222px;
    padding: 0 24px;
    width: 272px;
}
.main-footer__part:last-child {
    border: none;
}
.main-footer__title {
    font-size: 1.0rem;
    font-weight: 700;
}
.main-footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-footer__link {
    display: inline-block;
    color: #fff;
    padding: 5px 0;
}
.main-footer__link:hover {
    color: #fff;
    text-decoration: none;
}

.main-footer__first {
    width: 290px;
}
.main-footer__part-address-container {
    margin: 0 0 26px 0;
}
.main-footer__part-web-link {
    color: #fff;
    text-decoration: none;
}
.main-footer__part-web-link:hover {
    color: #fff;
    text-decoration: none;
}

/*************************************************************/
/****** HOME ******/
.home-slider.flexslider {
    border: none;
}
.home-slider.flexslider .flex-direction-nav a {
    height: 38px;
    overflow: hidden;
    text-indent: -9999px;
    width: 38px;
}
.home-slider.flexslider .flex-direction-nav .flex-prev {
    background: url(../images/slider-left.png) no-repeat scroll 0 0 / 38px 38px transparent;
}
.home-slider.flexslider .flex-direction-nav .flex-next {
    background: url(../images/slider-right.png) no-repeat scroll 0 0 / 38px 38px transparent;
    text-align: left;
}
.home-slider.flexslider .flex-direction-nav a:before {
    content: "";
}
.slides__item {
    max-height: 480px;
    position: relative;
}
.slides__link {
    text-decoration: none;
}
.home-slider.flexslider .slides__img {
    /*
    height: 760px;
    */
    object-fit: cover;
}
.slides__caption {
    background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, #1E1E1E 100%);
    bottom: 0;
    color: #fff;
    font-size: 0.9rem;
    height: 72px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 38px 12px 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/*************************************************************/
/****** REFERENZEN ******/
.page-referenzen__title {
    font-size: 1.1rem;
    margin: 26px 0 0 0;
}
.page-referenzen__list-container {
    column-count: 3;
    margin: 26px 0 0 0;
}

/*************************************************************/
/****** REFERENZFOTOS ******/
.page-referenzfotos {
    margin: 0 -12px 0 0px;
}
.page-referenzfotos__list {
    display: flex;
    flex-wrap: wrap;
}
li.page-referenzfotos__list-item {
    flex: 1 0 0;
    margin: 0 12px 12px 0;
}
.page-referenzfotos__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.page-referenzfotos__img {
    height: 180px;
    object-fit: cover;
}
.page-referenzfotos__caption {
    font-size: 0.8rem;
    margin: 8px 0 0 0;
}

/*************************************************************/
/****** KONTAKT ******/
.page-kontakt__title {
    margin: 42px 0 0.5rem 0;
}

/*************************************************************/
/****** FAQ ******/

/*************************************************************/
/****** AGB ******/
.page-agb__title {
    line-height: 1.4;
    margin: 0 0 30px 0;
}
.page-agb__h5-title {
    margin: 0 0 20px 0;
}

/*************************************************************/
/****** MIETFAKTOR ******/
.page-mietfaktor__tabelle-titles-super-list {
    columns: 180px 4;
}
.page-mietfaktor__tabelle-titles-list-item {
    display: inline-block;
    text-align: center;
    width: 40px;
}

.page-mietfaktor__tabelle-title {
    display: inline;
    font-size: 0.8rem;
}
.page-mietfaktor__tabelle-list {
    columns: 180px 4;
}
.page-mietfaktor__tabelle-entry {
    display: inline-block;
    text-align: center;
    width: 40px;
}
.page-mietfaktor__tabelle-entry-strong {
    font-weight: 700;
}

/*************************************************************/
/****** DATENSCHUTZ ******/

/*************************************************************/
/****** IMPRESSUM ******/

/*************************************************************/
/****** DOWNLOADS ******/
.page-downloads__container {
    border-bottom: 1px solid #BDBDBD;
    margin: 0 0 32px 0;
    padding: 0 0 32px 0;
}
.page-downloads__container:last-child {
    border: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.page-downloads__image {
    width: 100%;
}

/*************************************************************/
/****** ADD TO SHOPPING CART PARTIAL ******/
.addArticleToShoppingCartForm {
    position: relative;
}
.article-basket__right {
    bottom: 54px;
    right: 68px;
    position: absolute;
}
.article-basket__add-to-cart {
    border: none;
    height: 68px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    width: 68px;
}
.article-basket__choice {
    margin: 0 0 20px 0;
    min-height: 56px;
}
.article-basket__choice-item {
    display: block;
    height: 28px;
}
.article-basket__choice-label {
    margin: 0;
}
.article-basket__choice-radio {
    float: left;
    margin: 0 6px 0 0;
}
.article-basket__choice-name {
    float: left;
    margin: 2px 0 0 0;
}
.article-basket__choice-price {
    float: left;
    font-weight: 700;
    margin: 2px 0 0 6px;
}

/*************************************************************/
/****** ARTIKEL GENERAL ******/
.article-basket__right-svg {
    background-color: #fff;
    background-size: auto;
    fill: #8DB01F;
    height: 68px;
    position: absolute;
    width: 68px;
}
.article-basket__right-svg:hover {
    cursor: pointer;
}

/*************************************************************/
/****** ARTIKEL ******/
.page-artikel .page-title {
    float: left;
    font-size: 0.9rem;
}
.page-artikel__top-info {
    color: #828282;
    float: right;
    font-size: 0.9rem;
    padding: 8px 0 0 0;
}

.page-artikel__container {
    clear: both;
}

.page-artikel__pager:empty {
    display: none;
}

.article-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.article-list__item {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    margin: 0 20px 20px 0;
    padding: 15px;
    position: relative;
    transition: box-shadow 500ms ease-in-out;
    width: calc(33% - 18px);
}
.article-list__item:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}

.article-list__top-container {
    border-bottom: 1px solid #E0E0E0;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
}

.article-list__top-link {
    text-decoration: none;
}

.article-list__img-container {
    margin: 0 0 10px 0;
}
.article-list__img {
    height: 200px;
    object-fit: contain;
    width: 100%;
}

.article-list__title {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1.2rem;
    height: 104px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-list__text {
    display: none;
}
.article-list__number {
    color: #828282;
    font-size: 0.75rem;
    margin: 0;
}

.page-artikel .article-basket__choice {
    margin: 0 0 20px 0;
    min-height: 56px;
}
.page-artikel .article-basket__choice-item {
    display: block;
    height: 28px;
}
.page-artikel .article-basket__choice-label {
    margin: 0;
}
.page-artikel .article-basket__choice-radio {
    float: left;
    margin: 0 6px 0 0;
}
.page-artikel .article-basket__choice-name {
    float: left;
    margin: 2px 0 0 0;
}
.page-artikel .article-basket__choice-price {
    float: left;
    font-weight: 700;
    margin: 2px 0 0 6px;
}

/*
.page-artikel .article-basket__add-to-cart {
    background: url(../images/article_add-to-cart.png) no-repeat scroll 0 0 / 76px 68px transparent;
    border: none;
    bottom: 10px;
    height: 76px;
    right: 10px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    width: 68px;
}
*/

.page-artikel .addArticleToShoppingCartForm {
    position: relative;
}
.page-artikel .article-basket__right {
    bottom: 54px;
    right: 68px;
    position: absolute;
}
.page-artikel .article-basket__add-to-cart {
    border: none;
    height: 68px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    width: 68px;
}

/*************************************************************/
/****** ARTIKEL-DETAIL ******/
.page-artikel-detail .page-title {
    float: left;
    font-size: 0.9rem;
}
.page-artikel-detail__top-info {
    color: #828282;
    float: right;
    font-size: 0.9rem;
    padding: 8px 0 0 0;
}

.page-artikel-detail__main-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    clear: both;
    display: flex;
    margin: 0 0 20px 0;
    padding: 15px;
    position: relative;
}

.page-artikel-detail__main-mobile {
    display: none;
}

.page-artikel-detail__main-left {
    float: left;
    margin: 0 30px 0 0;
    width: 235px;
}
.page-artikel-detail__main-middle {
    border-right: 1px solid #E0E0E0;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    width: 410px;
}
.page-artikel-detail__main-right {
    float: left;
}

.page-artikel-detail__main-img {
    margin: 0 0 20px 0;
}
.page-artikel-detail__main-img-img {
    width: 100%;
}

.page-artikel-detail__main-tech-data-title {
    font-size: 1.0rem;
    font-weight: 700;
}
.page-artikel-detail__main-tech-data-item {
    font-size: 0.8rem;
}

.page-artikel-detail__main-title {
    font-size: 1.25rem;
    font-weight: 700;
}
.page-artikel-detail__main-art-nr,
.page-artikel-detail__main-storage {
    color: #828282;
    font-size: 0.75rem;
    font-weight: 400;
}

.page-artikel-detail .article-basket__choice {
    margin: 0 0 10px 0;
}
.page-artikel-detail .article-basket__choice-item {
    display: block;
    height: 28px;
}
.page-artikel-detail .article-basket__choice-label {
    margin: 0;
}
.page-artikel-detail .article-basket__choice-radio {
    float: left;
    margin: 0 6px 0 0;
}
.page-artikel-detail .article-basket__choice-name {
    float: left;
    margin: 2px 0 0 0;
}
.page-artikel-detail .article-basket__choice-price {
    float: left;
    font-weight: 700;
    margin: 2px 0 0 6px;
}
.page-artikel-detail .article-basket__amount {
    margin: 0 0 20px 0;
}

/*
.page-artikel-detail .article-basket__add-to-cart {
    background: url(../images/article_add-to-cart.png) no-repeat scroll 0 0 / 76px 68px transparent;
    border: none;
    height: 76px;
    text-indent: -9999px;
    overflow: hidden;
    width: 68px;
}
*/

.page-artikel-detail .addArticleToShoppingCartForm {
    position: relative;
}
.page-artikel-detail .article-basket__right {
    position: static;
}
.page-artikel-detail .article-basket__add-to-cart {
    border: none;
    height: 68px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    width: 68px;
}

.page-artikel-detail__pop-up-img {
    border-bottom: 1px solid #E0E0E0;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
.page-artikel-detail__pop-up-img-item {
    display: inline;
    margin: 0 16px 0 0;
}
.page-artikel-detail__pop-up-img-link {
    text-decoration: none;
}
.page-artikel-detail__pop-up-img-img {
    max-height: 200px;
}

.page-artikel-detail__ref-img-img-container {
    margin: 0 0 6px 0;
}
.page-artikel-detail__ref-img-img {
    max-width: 420px;
}

/*************************************************************/
/****** CHECKOUT: GENERAL ******/
.page-warenkorb__next-submit {
    background-color: #9DC12B;
    border: none;
    border-radius: 8px;
    clear: right;
    color: #fff;
    height: 58px;
    min-width: 260px;
}
.page-warenkorb__next-submit:hover {
    background-color: #8DB01F;
}

.page-eventdaten__section,
.page-adressen__section {
    margin: 0 0 22px 0;
}
.page-eventdaten__subtitle,
.page-adressen__subtitle {
    border-bottom: 1px solid #BDBDBD;
    font-size: 1.0rem;
    margin: 0 0 12px 0;
    padding: 0 0 4px 0;
}
.page-eventdaten__input-container,
.page-adressen__input-container {
    margin: 0 0 8px 0;
}
.page-eventdaten__label,
.page-adressen__label {
    display: block;
    margin: 0 0 2px 0;
}
.page-eventdaten__label-required,
.page-adressen__label-required {
    color: #597400;
    position: relative;
    top: -3px;
}
.page-eventdaten__input,
.page-adressen__input {
    -webkit-appearance: none;
    border: 1px solid #CED0D2;
    border-radius: 8px;
    height: 42px;
    min-width: 320px;
    padding: 0 0 0 8px;
}

/*************************************************************/
/****** CHECKOUT: MODAL (EDIT ENTRY) ******/
.show-cart__entries-modal .modal-body {
    min-height: 120px;
}
.show-cart__entries-modal .loader {
    margin: 20px 0 20px 0;
}
.show-cart__entries-modal .loader__img {
    height: 40px;
    width: 40px;
}

.edit-cart-entry-modal__subtitle {
    display: none;
}

.edit-cart-entry-modal__img-container {
    float: left;
    margin: 0 12px 0 0;
    width: 100px;
}
.edit-cart-entry-modal__img {
    width: 100%;
}

.edit-cart-entry-modal__data-container {
    float: left;
    margin: 0 12px 0 0;
    width: 180px;
}
.edit-cart-entry-modal__number {
    color: #828282;
    font-size: 0.75rem;
    margin: 0 0 2px 0;
}
.edit-cart-entry-modal__title {
    font-size: 1.1rem;
}
.edit-cart-entry-modal__data-subtitle {
    font-size: 0.85rem;
    font-weight: 700;
    margin: 0;
}
.edit-cart-entry-modal__data-rent {
    margin: 0;
}
.edit-cart-entry-modal__data-buy {
    margin: 0;
}

.edit-cart-entry-modal__action-container {
    float: left;
    width: 160px;
}
.edit-cart-entry-modal__action-delete-button {
    width: 100%;
}
.edit-cart-entry-modal__action-edit-type {
    font-size: 0.85rem;
    margin: 8px 0;
}
.edit-cart-entry-modal__action-edit-amount-select {
    margin: 8px 0;
}
.edit-cart-entry-modal__action-edit-save-button {
    height: 44px;
    min-width: auto;
    width: 100%;
}

/*************************************************************/
/****** ADD TO CART MODAL ******/
.add-to-cart-modal p {
    margin: 0;
}
.add-to-cart-modal__goto-basekt-link {
    color: #fff;
    display: inline-block;
    margin: 8px 0 0 0;
    padding: 17px;
    text-align: center;
    text-decoration: none;
}
.add-to-cart-modal__goto-basekt-link:hover {
    background-color: #8DB01F;
    color: #fff;
    text-decoration: none;
}

/*************************************************************/
/****** CHECKOUT: WARENKORB ******/
.show-cart__entries {
    position: relative;
}
.show-cart__entries:hover {
    background-color: rgba(157, 193, 43, 0.5);
}

.show-cart__entries-container:nth-child(even) {
    background-color: rgba(157, 193, 43, 0.2);
}
.show-cart__entries-link {
    display: flex;
    padding: 14px 42px 8px 12px;
    text-decoration: none;
}

.show-cart__title {
    border-bottom: 1px solid #9DC12B;
    font-size: 1.0rem;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
}
.show-cart__title-number {
    font-size: 0.8rem;
    position: relative;
    top: -1px;
}

.show-cart__part {
    margin: 0 0 48px 0;
}

.show-cart__product {
    font-weight: 700;
    margin: 0 40px 0 0;
    width: 420px;
}
.show-cart__product-quantity {
    font-size: 0.875rem;
}

.show-cart__art-nr,
.show-cart__single-price {
    color: #666;
    font-size: 0.875rem;
}
.show-cart__art-nr {
    margin: 0 40px 0 0;
    width: 100px;
}
.show-cart__single-price {
    margin: 0 20px 0 0;
    width: 140px;
}

.show-cart__price {
    float: left;
    font-weight: 700;
    margin: 0;
}

.show-cart__edit {
    float: right;
    height: 20px;
    right: 12px;
    position: absolute;
    top: 12px;
}
.show-cart__edit-text {
    display: inline-block;
    height: 0;
    text-indent: -9999px;
    overflow: hidden;
}
.show-cart__edit-svg {
    fill: #828282;
}

.show-cart__total-part {
    border-top: 1px solid #BDBDBD;
    margin: 4px 0 0 0;
    padding: 12px 52px 0 0;
}
.show-cart__total-part-right {
    float: right;
}
.show-cart__subtitle {
    float: left;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.0;
    margin: 0 4px 0 0;
}
.show-cart__total-part-number {
    float: left;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.0;
    margin: 0;
}

.show-cart__subtitle-total {
    border-bottom: 3px solid #9DC12B;
    font-size: 1.0rem;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    text-transform: uppercase;
}

.show-cart__total-min-message {
    color: #666;
    float: right;
    font-size: 0.875rem;
    margin: 0;
}
.show-cart__total-min-message-number {
    font-weight: 700;
}
.show-cart__total-number {
    clear: right;
    float: right;
    font-size: 1.125rem;
    font-weight: 700;
}

/*
.page-warenkorb__next-form {
    float: right;
}
*/
.page-warenkorb__next-choice {
    margin: 0 0 12px 0;
}
/*
.page-warenkorb__next-choice-right {
    float: right;
}
*/

.page-warenkorb__next-label {
    display: block;
}

.page-warenkorb__empty-message {
    color: #EB5757;
    font-size: 0.9rem;
}
.page-warenkorb__empty-message-cta {
    margin: 0 0 2px 0;
}
.search__warenkorb {
    float: none;
    margin: 0 0 0 -4px;
}
.search__warenkorb .search__text-field {
    width: calc(100% - 70px);
}

/*************************************************************/
/****** CHECKOUT: EVENTDATEN ******/
.page-eventdaten__minor-info {
    color: #BDBDBD;
    font-size: 0.75rem;
    margin: 2px 0 0 0;
}

.page-eventdaten__link-container {
    margin: 2px 0 0 0;
}
.page-eventdaten__link {
    font-size: 0.8rem;
}

.page-eventdaten__transport-input {
    margin: 0 4px 0 0;
}

.page-eventdaten__input--small {
    min-width: unset;
    width: 110px;
}
.page-eventdaten__select {
    height: 42px;
    min-width: 110px;
}
.page-eventdaten__checkbox {
    float: left;
    margin: 3px 6px 0 0;
}
.page-eventdaten__textarea {
    -webkit-appearance: none;
    border: 1px solid #CED0D2;
    border-radius: 8px;
    max-width: 320px;
    padding: 8px 8px 0 8px;
}

/*
.page-eventdaten__submit-container {
    float: right;
}
*/

/*************************************************************/
/****** CHECKOUT: ADRESSEN ******/
/*
.page-adressen__submit-container {
    float: right;
}
*/

/*************************************************************/
/****** CHECKOUT: ABSCHLUSS ******/
.page-abschluss__fieldset {
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    margin: 0 0 32px 0;
    padding: 12px 16px 0 16px;
}
.page-abschluss__legend {
    display: inline;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    padding: 0 6px;
    width: auto;
}
.page-abschluss__subtitle {
    font-size: 1.0rem;
    margin: 0 0 2px 0;
}
.page-abschluss__surtitle {
    border-bottom: 1px solid #9DC12B;
    font-size: 1.0rem;
    margin: 0 0 12px 0;
}
.page-abschluss__section-block--checkbox .page-abschluss__subtitle {
    font-weight: 400;
}
.page-abschluss__section-block--checkbox .page-abschluss__section-block-content {
    float: left;
    line-height: 1.1;
    margin: 0 6px 16px 0;
}

/*************************************************************/
/****** CHECKOUT: SAVE ******/
.page-save__success-text {
    margin: 0 0 2px 0;
}
.page-save__success-signature {
    color: #666;
    font-size: 0.8rem;
}
.page-save__error-message {
    color: #EB5757;
}

/*************************************************************/
/****** CHECKOUT: PRINT ******/
.print-order {
    padding: 32px;
    width: 1000px;
}

.header__top {
    border-bottom: 2px solid #8DB01F;
    display: flex;
    justify-content: space-between;
    margin: 0 0 4px 0;
    padding: 0 0 4px 0;
}

.header__logo {
    float: left;
}
.header__logo-img {
    width: 320px;
}
.header__absender-content {
    margin: 72px 0 0 0;
}

.header__bottom-content {
    font-size: 0.8rem;
    font-weight: 700;
}

.print-order__head {
    display: flex;
    margin: 40px 0;
}
.print-order__head-company-info-container {
    margin: 0 120px 0 0;
}
.print-order__head-company-info-block {
    margin: 0 0 20px 0;
}
.print-order__head-title {
    font-size: 0.75rem;
    font-weight: 700;
}
.print-order__head-subtitle {
    font-style: italic;
}
.print-order__head-company-info-content {
    margin: 0;
}
.print-order__head-company-address-sender {
    font-size: 0.65rem;
}
.print-order__date-container {
    margin: 80px 0 0 0;
}

.print-order__event-container {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 12px 0;
    padding: 12px 0;
}
.print-order__event-table {
    width: 100%;
}
.print-order__event-table-row {
    line-height: 1.5;
}
.print-order__event-table-data-title {
    font-weight: 700;
}
.print-order__event-address {
    margin: 6px 0 6px 0;
}
.print-order__event-address-content,
.print-order__event-contact-content {
    margin: 0;
}

main.print-order__products {
    float: none;
    width: auto;
}

.print-order__products-title {
    font-size: 0.75rem;
}
.print-order__products-table {
    width: 100%;
}
.print-order__products-rent,
.print-order__products-buy {
    margin: 0 0 12px 0;
}
.print-order__products-table-head {
    border-bottom: 1px solid #eee;
}
.print-order__products-table tfoot {
    border-top: 12px solid transparent;
}
.print-order__products-table-row {
    line-height: 1.5;
}
.print-order__products-table-row:nth-child(even) {
    background-color: transparent;
}
.print-order__products-table-row:nth-child(odd) {
    background-color: #eee;
}
.print-order__products-table-head .print-order__products-table-row {
    background-color: transparent;
}
.print-order__products-table-row .print-order__products-table-data-description {
    line-height: 1.1;
}
.print-order__products-table-row th:first-child,
.print-order__products-table-row td:first-child {
    color: #969696;
    font-size: 0.9rem;
    width: 34px;
}
.print-order__products-table-row th:nth-child(2),
.print-order__products-table-row td:nth-child(2) {
    width: 64px;
}
.print-order__products-table-row th:nth-child(3),
.print-order__products-table-row td:nth-child(3) {
    width: 380px;
}
.print-order__products-table-row th:nth-child(4),
.print-order__products-table-row td:nth-child(4) {
    width: 60px;
}
.print-order__products-table-row th:nth-child(5),
.print-order__products-table-row td:nth-child(5) {
    width: 80px;
}
.print-order__products-table-row th:nth-child(6),
.print-order__products-table-row td:nth-child(6) {
    width: 60px;
}
.print-order__products-table-row td {
    padding: 8px;
}
.print-order__products-table tfoot td {
    padding: 0 0 0 8px;
}
.print-order__products-table-foot-title {
    font-weight: 700;
}
.print-order__products-table-foot-small {
    font-size: 0.8rem;
}
.print-order__products-table-foot-border {
    border-bottom: 1px solid #666;
}
.print-order__products-total {
    margin: 32px 0 0 0;
}
.print-order__products-total .print-order__products-table thead {
    display: none;
}
.print-order__products-total .print-order__products-table-row {
    background-color: transparent;
}
.print-order__products-total .print-order__products-table td {
    padding: 0 8px;
}
.print-order__products-table-total-data {
    border-bottom: 2px solid #666;
    font-size: 1.1rem;
    font-weight: 700;
}

.print-order__products-total-info {
    margin: 24px 0 0 0;
}
.print-order__products-total-info-title {
    float: left;
    font-size: 1.0rem;
}
.print-order__products-total-info-content {
    margin: 0;
}
.print-order__products-total-info-signal {
    color: #EB5757;
}

.print-order__footer {
    margin: 54px 0 0 0;
}
.print-order__footer-info {
    font-size: 0.9rem;
}
.print-order__footer-signature-title {
    font-size: 0.9rem;
    margin: 0;
}
.print-order__footer-signature {
    margin: 12px 0 0 0;
}

.print-order__print-button-container {
    border-top: 1px solid #666;
    margin: 120px 0 0 0;
    padding: 24px 0 0 0;
}
.print-order__print-button {
    -webkit-appearance: none;
    appearance: none;
}

/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/************************ RESPONSIVE *************************/
/* Extra large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {
    /****** HEADER ******/
    .logo__title {
        font-size: 1.75rem;
        margin: 100px 0 0 -56px;
    }
    .search {
        margin: 84px 0 0 0;
    }
    /****** BANNERS ******/
    .banners__img {
        max-width: 80px;
    }
    /****** FOOTER ******/
    .main-footer__part {
        min-height: 280px;
        width: 230px;
    }
    /****** REFERENZEN ******/
    .page-referenzen__list-container {
        column-count: 2;
    }
    /****** MIETFAKTOR ******/
    .page-mietfaktor__tabelle-titles-super-list {
        columns: 60px 3;
    }
    .page-mietfaktor__tabelle-titles-super-list-item:last-child {
        display: none;
    }
    .page-mietfaktor__tabelle-list {
        columns: 60px 3;
    }
    /****** ARTIKEL ******/
    .page-artikel {
        padding: 16px 0 0 0;
    }
    .article-list__item {
        width: calc(50% - 20px);
    }
    /****** ARTIKEL-DETAIL ******/
    .page-artikel-detail__main-left {
        width: 160px;
    }
    .page-artikel-detail__main-middle {
        width: 300px;
    }
    .page-artikel-detail__main-description {
        font-size: 0.9rem;
    }
    /****** CHECKOUT: WARENKORB ******/
    .show-cart__single-price {
        width: 100px;
    }
    .search__warenkorb {
        margin: 0 0 0 -4px;
    }
}

/* Large devices (desktops, 991px and down) */
@media (max-width: 991px) {
    /****** HEADER ******/
    .main-header {
        padding: 16px 0 6px 0;
    }
    .main-header__top-right {
        width: auto;
    }
    .main-nav {
        display: none;
    }
    .logo::after {
        display: block;
        clear: both;
        content: "";
    }
    .logo__img {
        width: 105px;
    }
    .logo__title {
        clear: left;
        font-size: 2.0rem;
        margin: 10px 0 10px 0;
    }
    .search {
        float: none;
        margin: 0 0 0 0;
    }
    .search__text-field {
        width: calc( 100% - 126px );
    }
    /****** MOBILE-NAV ******/
    .header-responsive-separator {
        display: block;
    }
    .hamburger-menu {
        display: flex;
    }
    .header-separator {
        display: none;
    }
    /****** ASIDE ******/
    .main-aside {
        display: none;
    }
    /****** MAIN ******/
    main {
        width: 100%;
    }
    /****** BANNERS ******/
    ul.banners {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .banners__item {
        margin: 12px 0;
    }
    .banners__img {
        max-width: 120px;
    }
    /****** FOOTER ******/
    .main-footer__part {
        border-bottom: 1px solid #fff;
        border-right: none;
        min-height: auto;
        padding: 24px 0;
        width: 100%;
    }
    /****** ARTIKEL-DETAIL ******/
    .page-artikel-detail__main-left {
        width: 160px;
    }
    .page-artikel-detail__main-middle {
        width: 300px;
    }
    .page-artikel-detail__main-description {
        font-size: 0.9rem;
    }
    /****** CHECKOUT: WARENKORB ******/
    .search__warenkorb {
        margin: 0 0 0 -4px;
    }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
    /****** HOME ******/
    .home-slider.flexslider .slides > li {
        height: 420px;
    }
    .home-slider.flexslider .slides img {
        height: 420px;
        object-fit: cover;
    }
    /****** REFERENZFOTOS ******/
    .page-referenzfotos__img {
        height: auto;
    }
    /****** KONTAKT ******/
    .page-kontakt__map {
        width: 100% !important;
    }
    /****** MIETFAKTOR ******/
    .page-mietfaktor__tabelle-titles-super-list {
        columns: 90px 2;
    }
    .page-mietfaktor__tabelle-titles-super-list-item:nth-child(3) {
        display: none;
    }
    .page-mietfaktor__tabelle-titles-super-list-item:last-child {
        display: none;
    }
    .page-mietfaktor__tabelle-list {
        columns: 90px 2;
    }
    /****** ADD TO SHOPPING CART PARTIAL ******/
    .article-basket__right {
        bottom: 52px;
        right: 72px;
    }
    /****** ARTIKEL ******/
    .page-artikel .page-title {
        float: none;
    }
    .page-artikel__top-info {
        float: none;
    }
    .article-list__item {
        margin: 0 0 20px 0;
        width: 100%;
    }
    /****** ARTIKEL-DETAIL ******/
    .page-artikel-detail .page-title {
        float: none;
    }
    .page-artikel-detail__top-info {
        float: none;
    }
    .page-artikel-detail__main-desktop {
        display: none;
    }
    .page-artikel-detail__main-mobile {
        display: block;
    }
    .page-artikel-detail__main-left {
        border-bottom: 1px solid #E0E0E0;
        float: none;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        width: 100%;
    }
    .page-artikel-detail__main-img {
        text-align: center;
    }
    .page-artikel-detail__main-img-img {
        max-width: 320px;
    }
    .page-artikel-detail__main-middle {
        border-bottom: 1px solid #E0E0E0;
        border-right: none;
        margin: 0 0 15px 0;
        padding: 0 0 0 0;
        width: 100%;
    }
    .page-artikel-detail__main-add-to-cart {
        position: relative;
    }
    .page-artikel-detail .article-basket__right {
        bottom: 52px;
        position: absolute;
        right: 72px;
    }
    .page-artikel-detail__main-description {
        border-bottom: 1px solid #E0E0E0;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
    }
    .page-artikel-detail__pop-up-img {
        text-align: center;
    }
    .page-artikel-detail__pop-up-img-img {
        max-width: 220px;
    }
    .page-artikel-detail__ref-img-img {
        width: 100%;
    }
    /****** CHECKOUT: WARENKORB ******/
    .show-cart__entries-link {
        display: block;
    }
    .show-cart__product {
        margin: 0 20px 0 0;
        width: auto;
    }
    .show-cart__price {
        margin: 4px 0 8px 0;
    }
    .show-cart__art-nr {
        margin: 0 40px 2px 0;
        width: auto;
    }
    .show-cart__single-price {
        margin: 0 20px 2px 0;
        width: auto;
    }
    .show-cart__edit {
        bottom: 20px;
        right: 12px;
        top: auto;
    }
    .show-cart__total-part {
        padding: 12px 0 0 0;
    }
    .search__warenkorb {
        margin: 0 0 0 -4px;
    }
}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {
    /****** HEADER ******/
    .logo__title {
        font-size: 1.35rem;
    }
    /****** MAIN ******/
    .page-title {
        margin: 0 0 12px 0;
        padding: 14px 0 0 0;
    }
    /****** HOME ******/
    .home-slider.flexslider {
        margin: 0 0 20px;
    }
    .home-slider.flexslider .slides > li {
        height: 320px;
    }
    .home-slider.flexslider .slides img {
        height: 320px;
    }
    .home-slider.flexslider .flex-control-nav {
        display: none;
    }
    .slides__caption {
        height: auto;
        padding: 38px 12px 10px;
        text-overflow: unset;
        white-space: unset;
    }
    /****** REFERENZEN ******/
    .page-referenzen__list-container {
        column-count: 1;
    }
    /****** REFERENZFOTOS ******/
    .page-referenzfotos__list {
        display: block;
    }
    .page-referenzfotos__img {
        width: 100%;
    }
    /****** MIETFAKTOR ******/
    .page-mietfaktor__tabelle-titles-super-list {
        columns: 1;
        column-width: auto;
    }
    .page-mietfaktor__tabelle-titles-super-list-item {
        display: none;
    }
    .page-mietfaktor__tabelle-titles-super-list-item:first-child {
        display: block;
        width: auto;
    }
    .page-mietfaktor__tabelle-list {
        columns: 1;
        column-width: auto;
    }
    /****** ARTIKEL ******/
    .page-artikel__top-info {
        font-size: 0.8rem;
    }
    /****** ARTIKEL-DETAIL ******/
    .page-artikel-detail__top-info {
        font-size: 0.8rem;
    }
    .page-artikel-detail__main-img-img {
        max-width: none;
        width: 100%;
    }
    .page-artikel-detail__pop-up-img-item {
        display: block;
        margin: 0 0 16px 0;
    }
    /****** CHECKOUT GENERAL ******/
    .page-warenkorb__next-submit {
        width: 100%;
    }
    .page-eventdaten__input,
    .page-adressen__input {
        min-width: unset;
        width: 100%;
    }
    /****** CHECKOUT: MODAL (EDIT ENTRY) ******/
    .edit-cart-entry-modal__img-container {
        float: none;
        margin: 0 0 12px 0;
        width: auto;
    }
    .edit-cart-entry-modal__img {
        width: 120px;
    }
    .edit-cart-entry-modal__data-container {
        border-bottom: 1px solid #969696;
        float: none;
        margin: 0 0 12px 0;
        padding: 0 0 12px 0;
        width: auto;
    }
    .edit-cart-entry-modal__action-container {
        float: none;
        width: auto;
    }
    .edit-cart-entry-modal__action-delete-button {
        width: 160px;
    }
    .edit-cart-entry-modal__action-edit-save-button {
        width: 160px;
    }
    /****** CHECKOUT: WARENKORB ******/
    .page-warenkorb__next-form {
        float: none;
    }
    .search__warenkorb {
        margin: 0 0 0 -4px;
    }
    /****** CHECKOUT: EVENTDATEN ******/
    .page-eventdaten__flex-container {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .page-eventdaten__flex-space {
        display: inline-block;
        height: 1px;
        width: 5px;
    }
    .page-eventdaten__input--small {
        flex: 1 1 auto;
        min-width: unset;
        width: auto;
    }
    .page-eventdaten__select {
        flex: 1 1 auto;
        min-width: unset;
    }
    .page-eventdaten__textarea {
        max-width: unset;
        width: 100%;
    }
}