html, body {
    height: 100%
}

body {
    background: #d9d9d9;
    font-family: 'Tahoma', 'Geneva', sans-serif;
    color: #000;
    font-size: 14px;
    /*line-height: 1.42857143;*/
    line-height: 1.4;
}

main { overflow-x: hidden; }

header {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #000;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.15);
}
    header a { color: #000; }
    header .btn { margin-bottom: 10px; }


/* Layout */

.shadow-border-l { box-shadow: -1px 0 rgba(0,0,0,0.15); }
.shadow-border-r { box-shadow: 1px 0 rgba(0,0,0,0.15); }

.col--main--content {
    box-sizing: border-box;
    float: left;
    width: 77%;
    padding-left: 15px;
    padding-right: 15px;
}

.col--main--content.col--main--content__narrow { width: 58%; }
.col--main--content.col--main--content__full { width: 100%; }

.col--main--partner {
    width: 42%;
    box-sizing: border-box;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
    .col--main--partner .panel-body { padding: 10px 15px; }


/* see forms.css */


/* Bootstrap XS */
@media (max-width: 767px) {
    .px-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .panel-body a.news--item {
        padding: 20px 15px 20px 15px;
    }

    a.news--item::before,
    a.news--item::after,
    a.auction-filter--result-item::before,
    a.auction-filter--result-item::after {
        display: none;
    }

    .header--logo {
        height: 70px;
        margin-bottom: 5px;
    }

    .header--lang-switch-xs {
        text-align: right;
        z-index: 9999;
        margin-bottom: 16px;
    }
    .form-addition {
        height: auto;
    }

    #app_formular_container_auth_register .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    .min-h-none-xs {  min-height: 0;  }

    .col-narrow-xs {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-narrow-xs:first-of-type {
        padding-left: 15px;
    }
    .form-addition {
        padding-top: 0;
        padding-left: 5px;
        border-left: none;
    }
    .min-h-135 {
        min-height: 0;
    }
    .dl-horizontal dt {
        font-weight: bold;
    }
    .dl-horizontal dd {

    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .form-addition {
        height: auto;
        padding-top: 0;
        padding-left: 5px;
        border-left: none;
    }
    .min-h-135 {
        min-height: 0;
    }
}


/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {

    .p-md-0 { padding: 0 !important; }

    .w-md-27 {
        width: 27%;
    }

    .col--main--content,
    .col--main--content.col--main--content__narrow {
        width: 73%;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {

    .container {
        width: 100%;
    }

    .col--main--content,
    .col--main--content.col--main--content__narrow {
        width: 73%;
    }
    .col--main--partner {
        width: 27%;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .col--main--content.col--main--content__narrow {
        width: 100%;
    }
    .col--main--content {
        width: 100%;
        display: block;
    }
    .col--main--partner {
        width: 100%;
    }
}

.logo-link {
    display: inline-block;
    padding: 0 17px;
}

.header--logo {
    display: block;
    background: #fff;
    height: 120px;
    width: auto;
}

.header--logo-text {
    font-size: 16px;
}

.header--navlist-tertiary {
    float: right;
    list-style-type: none;
    margin-bottom: 10px;
}

/* SOCIAL LINKS HEADER */
a.img-link img {
    border: 0 none;
}
a.img-link {
    text-decoration: none;
}
.img-link:hover {
    opacity: 0.8;
}

.header--navlist-tertiary li {
    float: left;
    margin-left: 10px;
}

.header--buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    border-bottom: 1px solid #c51618;
}

.header--navlist-primary {
    float: right;
    list-style-type: none;
    margin: 10px 0 5px 0;
    padding-left: 0;
}

.header--navlist-primary li {
    display: inline-block;
    margin-left: 15px;
    font-size: 18px;
}

.header--navlist-primary li a {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
.header--navlist-primary li.active a {
    color: #c51618;
}

.header--navlist-primary--audio_rot {
    color: #c51618;
}

.header--navlist-primary li a:hover,
.header--navlist-primary li a:focus {
    color: #c51618;
    text-decoration: none;
}

.header--navlist-primary li a:hover span,
.header--navlist-primary li.active a span {
    color: #c51618 !important;
}

#_navlist-trigger {
    cursor: pointer;
}

.btn-link:hover,
.btn-link:focus {
    color: #000;
    /*text-decoration: none;*/
}

.panel.panel-shadow {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*.main--angebot-panel {*/
/**/
/*}*/
/**/
/*.main--angebot-panel a {*/
/*    text-decoration: none;*/
/*}*/

.main--angebot-panel > .panel-heading {
    min-height: 70px;
    padding: 15px;
    background: #f3f3f3;
}

.main--angebot-panel .panel-heading .btn.btn-default {
    background: #4e4e4e;
    border-color: #4e4e4e;
    color: #fff;
}

.btn {
    height: 34px;
    padding: 5px 10px;
}

.btn-group-sm > .btn,
.btn-sm,
.input-sm,
.select-sm,
.select2-sm {
    height: 29px;
    /*height: 25px;*/
    padding: 4px 4px 5px 4px;
}

.btn-link {
    color: #595959;
    height: auto;
}

.btn-more {
    color: #c51618;
    padding-left: 0;
}

.btn.btn-grey {
    background: #4e4e4e;
    border-color: #4e4e4e;
    color: #fff;
}
.btn.btn-lightgrey {
    background: #eee;
    border-color: #ccc;
    color: #555;
}
.btn.btn-lightgrey a {
    color: #555;
    text-decoration: none;
}
.btn.btn-lightgrey a span {
    color: #c51618;
    display: inline-block;
    font-weight: bold;
    padding: 0 2px 1px 5px;
    -webkit-transition: 0.1s ease;
    -moz-transition: 0.1s ease;
    -ms-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    transition: 0.1s ease;
}
.btn.btn-lightgrey a span:hover {
    transform-origin: center;
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
}

/* Buttons General */
.secondary {
    color: #0d7676;
}

.btn.btn-primary {
    background-color: #c51618;
    border-color: #c51618;
    color: #fff !important;
}
.btn.btn-secondary {
    color: #fff;
    background-color: #0d7676;
    border-color: #0d7676;
}

.btn.btn-primary-outline {
    border-color: #c51618;
    color: #c51618;
    background-color: #fcf3f3;
    font-weight: bold;
}
.btn.btn-secondary-outline {
    border-color: #0d7676;
    color: #0d7676;
    background-color: #f3f8f8;
    font-weight: bold;
}

.btn.btn-secondary-outline:hover {
    color: #fff;
    background-color: #0d7676;
}

.btn.btn-primary:hover {
    background-color: #ac1315;
}

.btn-full {
    width: 100%;
}

.main--angebot-panel .panel-heading .btn.btn-light {
    background: #d8d8d8;
    border-color: #d8d8d8;
}

.main--angebot-panel--header--buttons {
    float: right;
}

.main--angebot-panel--label {
    padding: 8px 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
    line-height: 1.5;
    background-color: #d8d8d8;
    color: #000;
}

.main--angebot-panel--headline-price {
    display: block;
    font-weight: bold;
    color: #c51618;
    font-size: 18px;
    margin-bottom: 5px;
}

.main--angebot-panel--actionlist {
    list-style-type: none;
    float: right;
}

.main--angebot-panel--actionlist li:first-of-type {
    margin-left: 0;
}

.main--angebot-panel--actionlist li {
    float: left;
    margin: 5px 5px 0 0;
}

.main--angebot-panel--actionlist ul.dropdown-menu li {
    float: none !important;
    margin-left: 0;
}

.main--angebot-panel--actionlist li ul.dropdown-menu li a {
    color: #000;
    text-decoration: none;
}

.main--angebot-panel--actionlist li ul.dropdown-menu li a:hover {
    text-decoration: none;
}

.main--angebot-panel--actionlist li ul.dropdown-menu li a:hover .fa {}

.main--angebot-panel--actionlist li a {
    text-decoration: none;
    color: #c51618;
    font-size: 14px;
}

.main--angebot-panel--actionlist ul.dropdown-menu {
    left: auto;
}

.main--angebot-panel--detaillist dt {
    text-align: left;
    font-weight: normal;
}

.main--angebot-panel--cta-actions {
    float: left;
    margin-top: 15px;
}

.main--angebot-panel--cta-actions a.btn,
.main--angebot-panel--cta-actions ul {
    float: left;
}

.main--angebot-panel--angebot-detail-panel {
    background: #f3f3f3;
}

.main--angebot-panel--angebot-detail-panel h5 {
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}

.main--angebot-panel--angebot-detail-panel h5 a {
    color: #c51618;
    text-decoration: none;
}
.main--angebot-panel--angebot-detail-panel h5 a:hover {
    text-decoration: underline;
}

.main--angebot-panel--angebot-detail-panel a {
    color: #333;
}

.main--angebot-panel--angebot-detail-panel a.btn,
.main--angebot-panel--angebot-detail-panel a.btn:hover {
    color: #fff;
}

.main--angebot-panel--angebot-detail-panel a:hover {
    color: #c51618;
}

.main--angebot-panel--angebot-detail-panel .panel-heading {
    border-bottom: 1px solid #d8d8d8;
}

.main--angebot-panel--angebot-detail-panel .btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.main--angebot-panel--offer-timeframe dt {
    text-align: left;
    width: 80px;
    font-weight: normal;
}

.main--angebot-panel--offer-timeframe dd {
    margin-left: 100px;
}

/* Seller Detail Icons */
.text--has-icon {
    position: relative;
    display: block;
    margin-bottom: 8px;
    padding-left: 30px !important;
}
    .text--has-icon:last-of-type {
        margin-bottom: 4px;
    }
    .text--has-icon .text {
        padding-left: 5px;
        padding-top: 2px;
    }
    .text--has-icon .icon {
        font-size: 12px;
        position: absolute;
        left: 0; top: 0;
    }
        .text--has-icon .icon .back {
            color: rgb(216, 216, 216);
        }
        .text--has-icon .icon .front {
            color: rgb(99, 99, 99);
        }


.footer--navlist {
    list-style-type: none;
    display: inline;
    padding: 0 10px;
    margin: 0;
}

.footer--navlist li {
    display: inline-block;
    margin: 5px;
}

.footer--navlist li a {
    text-decoration: underline;
    color: #4b4b4b;
}

.footer--navlist li:first-of-type {
    margin-left: 0;
}

.footer--navlist li:last-of-type {
    margin-right: 0;
}



/* Breadcrumb General */
.breadcrumb {
    min-height: 15px;
    background: transparent;
    margin: 0;
    padding: 0 15px;
}

.breadcrumb li a {
    display: inline-block;
    padding: 10px 0;
    color: #595959;

}

.breadcrumb > li+li:before {
    font-family: FontAwesome;
    content: '\f105';
    color: #595959;
}

/* Icons General */

.action-icon {
    margin-right: 3px;
    max-height: 1em;
}


/* Labels General */
.label {
    display: inline-block;
    font-size: 0.85em;
    padding: 0.25em 0.6em 0.35em;
}
.label-default {
    background: #d8d8d8;
    color: #000;
}

.label-auction-id {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #d8d8d8;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
}

.main-panel h1,
.main--angebot-panel h1 {
    margin-top: 0;
    margin-bottom: 20px;
}


/* Filter Panel */
.filter-panel {
    background-color: #f5f5f5;
    border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.btn.btn-profilsuche,
.filter-panel a.btn.btn-default,
.filter-panel button.btn.btn-default {
    background: #8a8a8a;
    color: #fff;
}

/* Todo: solve this all with helper classes */
/*.panel-heading .panel-heading--text{*/
/*    background: #fff;*/
/*    border-bottom: none;*/
/*    font-size: 16px;*/
/*    font-weight: bold;*/
/*    color: #c51618;*/
/*}*/

.filter-panel form {
    margin-bottom: 0;
}

.filter-panel--panel-body {
    background: #f5f5f5;
}

.filter-panel--panel-footer {
    background: #fff;
    border-top: none;
}


.panel-heading--actions > .input-group {
    max-width: 175px;
    margin-right: 15px;
}

.filter-panel .panel-footer a,
.reset_filter_link {
    color: #595959;
}

.seo-manufacturer-categories {
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

.seo-manufacturer-categories li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.seo-manufacturer-categories li a {
    display: block;
    padding: 6px 10px;
    margin: 0 5px 5px 0;
    background: #fff;
    border-radius: 5px;
}

.top-manufacturers h3 {
    text-align: center;
    margin-top: 0;
}

.top-manufacturers ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.top-manufacturers ul li {
    display: inline-block;
    margin: 0;
    padding: 0 3px 0 0;
    width: 32.9%;
    text-align: center;
}

/* Offer-Detail - Imageslider */
.main--angebot-panel--slider {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0 auto 30px auto;
}

.main--angebot-panel--slider-big {
    float: left;
    width: 381px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.main--angebot-panel--slider-big .slick-list {
    height: 100% !important;
}

.main--angebot-panel--slider-big .slick-track {
    height: 100%;
}

.startslider-big-slide,
.slick-vertical .slick-slide {
    height: 100%;
    position: relative;
    background: #fff;
    outline: none;
    overflow: hidden;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.startslider-big-slide.slick-slide {
    height: 100%;
    background-color: #f3f3f3;
}
.main--angebot-panel--slider-thumbs .slick-slide {
    width: 100% !important;

}

.main--angebot-panel--slider-big a {
    height: 100%;
    width: 100%;
}

.main--angebot-panel--slider-big img {
    /*width: 100%;
    height: auto;*/
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*.main--angebot-panel--slider-big img.landscape {
    height: auto !important;
    width: 100% !important;
}*/
.main--angebot-panel--slider-big img,
.main--angebot-panel--slider-big img.landscape,
.main--angebot-panel--slider-big img.portrait,
.main--angebot-panel--slider-big img.square {
    height: 100% !important;
    width: auto !important;
}

/*.main--angebot-panel--slider-thumbs img {
    width: 100%;
    height: auto;
}*/

/*.main--angebot-panel--slider-thumbs img.landscape {
    height: auto !important;
    width: 100% !important;
}*/
.main--angebot-panel--slider-thumbs img,
.main--angebot-panel--slider-thumbs img.landscape,
.main--angebot-panel--slider-thumbs img.square,
.main--angebot-panel--slider-thumbs img.portrait {
    width: auto !important;
    height: 100% !important;
}

.main--angebot-panel--slider-wrapper {
    float: right;
    position: relative;
    height: 100%;
    width: 150px;
    margin: 0;
    overflow: hidden;
    border: none;
}

.main--angebot-panel--slider-thumbs {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #e5e5e5;
}

/* hide arrows on first and last slide */
.slick-arrow.slick-disabled {
    display: none !important;
}

.slick-slide {
    height: auto;
}

.main--angebot-panel--slider-thumbs .slick-list {
    height: 652px !important;
}

.main--angebot-panel--slider-thumbs .slick-list {
    padding-top: 0 !important;
}

.main--angebot-panel--slider-thumbs .slick-slide {
    height: 100px;
    width: 150px;
    overflow: hidden;
    opacity: 1;
    -webkit-transform: 300ms ease;
    -moz-transform: 300ms ease;
    -ms-transform: 300ms ease;
    -o-transform: 300ms ease;
    transform: 300ms ease;
    cursor: pointer;
    outline: none;
    background-color: #f3f3f3;
}
.main--angebot-panel--slider-thumbs .slick-slide:hover {
    opacity: 0.7;
    -webkit-transition: 100ms ease;
    -moz-transition: 100ms ease;
    -ms-transition: 100ms ease;
    -o-transition: 100ms ease;
    transition: 100ms ease;
}

.main--angebot-panel--slider-thumbs .slick-slide.slick-current {
    opacity: 1.0;
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -ms-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
}


.main--angebot-panel--slider button {
    width: 100%;
    height: 30px;
    outline: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    background: rgba(255,255,255,0.7);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.35);
}
    .main--angebot-panel--slider button:hover {
        background: rgba(255,255,255,1);
    }

    .main--angebot-panel--slider button#button-up,
    .main--angebot-panel--slider button#button-down {
        height: 25px;
        width: 50px;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        z-index: 10;
        color: #c51618;
        border: none;
        font-size: 1.6em;
    }
    .main--angebot-panel--slider button#button-up {
        top: 0;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .main--angebot-panel--slider button#button-down {
        bottom: 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }


/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    /* kompletter container */
    .main--angebot-panel--slider {
        height: 200px;
    }

    /* slider 1 */
    .main--angebot-panel--slider-big {
        width: 310px !important;
    }

    /* container slider 2 */
    .main--angebot-panel--slider-wrapper {
        width: 100px;
    }
}


/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    /* kompletter container */
    .main--angebot-panel--slider {
        height: 250px;
    }

    /* slider 1 */
    .main--angebot-panel--slider-big {
        width: 70% !important;
        margin-right: 5%;
    }

    /* container slider 2 */
    .main--angebot-panel--slider-wrapper {
        width: 25%;
    }
}


/* Bootstrap XS */
@media (max-width: 991px) {

    .logo-link {
        padding: 0;
    }
    .header--logo {
        height: 100px;
    }

    .mr-md-10 {
        margin-right: 10px !important;
    }

    .panel-shadow {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .panel {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .col--main--content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .col--main--partner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .col--main--partner .panel-body {
        padding: 10px 0 0 10px !important;
    }

    .result-item--auction-description {
        border-left: none !important;
        padding: 0 !important;
    }

    .breadcrumb {
        padding-left: 0;
    }

    .header--navlist-primary.header--navlist-primary-extended {
        display: none;
    }

    .header--buttons {
        border: none;
    }

    /* Responsive Navigation */

    .header--navlist-primary {
        margin: 0;
        text-align: center;
        margin-top: 10px;
        background-color: #f5f5f5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .header--navlist-primary.header--navlist-primary-extended {
        width: 100%;
        border: 1px solid #c51618;
        padding: 0 0 15px 0;
    }

    .header--navlist-primary.header--navlist-primary-extended li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .header--navlist-primary.header--navlist-primary-extended li a {
        padding: 4px 0 2px 0;
        display: block;
    }
    .header--navlist-primary.header--navlist-primary-extended li:first-child a {
        padding-top: 10px;
    }

    .header--navlist-primary.header--navlist-primary-extended li a:hover {
        text-decoration: underline;
    }
    .header--navlist-primary.header--navlist-primary-extended li a:hover span {

    }

    .header---buttons--navbutton .glyphicon.glyphicon-menu-hamburger {
        font-size: 12px;
    }

    .header--navlist-primary.header--navlist-primary-extended li.header--navlist-tertiary-xs {
        margin-top: 10px;
        padding: 0 15px;
        text-align: center;
    }

    .header--navlist-primary.header--navlist-primary-extended li.header--navlist-tertiary-xs {
        font-size: 12px;
    }
    .header--navlist-primary.header--navlist-primary-extended li.header--navlist-tertiary-xs a {
        padding: 4px 0 2px 15px;
    }

    .header--navlist-primary.header--navlist-primary-extended li.header--navlist-tertiary-xs span,
    .header--navlist-primary.header--navlist-primary-extended li.header--navlist-tertiary-xs span a {
        display: inline-block;
        padding-left: 0;
    }

    .header--navlist-primary.header--navlist-primary-extended li.header--navlist-tertiary-xs span a:hover {
        background: transparent;
    }
}
/* Bootstrap XS */
@media (max-width: 767px) {

    .col--main--content {
        padding-right: 0 !important;
    }

    .header--buttons {
        display: block;
        text-align: center;
    }
    .header--buttons > div {
        display: inline;
    }

    /* kompletter container */
    .main--angebot-panel--slider {
        height: 300px;
    }

    /* slider 1 */
    .main--angebot-panel--slider-big {
        width: 70% !important;
    }

    /* container slider 2 */
    .main--angebot-panel--slider-wrapper {
        width: 25% !important;
    }

    .main--angebot-panel--offer-timeframe dd {
        text-align: left;
        margin-left:0;
        margin-bottom: 5px;
    }

    .main--angebot-panel--cta-actions ul {
        margin: 15px auto 15px 0;
        padding-left: 0;
    }

    .main--angebot-panel--detaillist dt {
        float: left;
        width: 50%;
    }
    .main--angebot-panel--detaillist dd {
        margin-left: 50%;
    }

    .main--angebot-panel--header--text {
        float: left;
        display: block;
        width: 100%;
    }

    .main--angebot-panel--header--buttons {
        float: left;
        margin-bottom: 5px;
    }

    .main--angebot-panel--header--buttons a.btn.btn-default {
        margin-right: 5px;
    }

    ul.main--angebot-panel--actionlist {
        float: left;
        padding-left: 0;
        margin-top: 0;
        margin-left: 10px;
    }

    .main--angebot-panel h1 {
        margin-top: 0;
    }

}


/* Bootstrap XXS */
@media (max-width: 479px) {

    .hidden-xxs {
        display: none;
    }

    /* kompletter container */
    .main--angebot-panel--slider {
        height: 300px;
    }

    /* slider 1 */
    .main--angebot-panel--slider-big {
        width: 100% !important;
    }

    /* container slider 2 */
    .main--angebot-panel--slider-wrapper {
        display: none;
    }

    .main--angebot-panel > .panel-heading .btn,
    .main--angebot-panel > .panel-heading .label-auction-id {
        float: none !important;
        display: block;
    }

    ul.main--angebot-panel--actionlist {
        margin-left: 0;
    }
}

/* Ads */
.ad_sidebar {
    max-width: 420px;
    margin: 0 auto;
    overflow: hidden;
}

.ad_responsive {
    padding: 5px 0;
    margin: 5px 0;
    text-align: center;
}

.ad-tablet-only {
    display: flex;
}

@media (max-width: 420px) {

    .ad-tablet-only {
        display: none;
    }
}

@media (min-width: 421px) {

    .ad-phone-only {
        display: none;
    }
}

.special-tablet-only {
    display: block;
    text-align: center;
}

@media (max-width: 420px) {

    .special-tablet-only {
        display: none;
    }
}

@media (min-width: 421px) {

    .special-phone-only {
        display: none;
    }
}

.ad_responsive > .ad-contents {
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ad_responsive.ad_responsive--bordered {
    border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

div.ad_container_200_150 iframe {
    width: 200px !important;
    height: 150px !important;
}

div.ad_container_200_150 {
    width: 200px;
    height: 150px;
    margin-bottom: 10px;
    cursor: pointer;
}

div.ad_container_350_150 {
    width: 350px;
    height: 150px;
    margin-bottom: 10px;
    cursor: pointer;
}

div.ad_container_420_150 {
    width: 420px;
    height: 150px;
    margin-bottom: 10px;
    cursor: pointer;
}

.ad_sidebar .ad_container_200_150 {
}

.ad_responsive .ad_container_420_150,
.ad_responsive .ad_container_350_150,
.ad_responsive .ad_container_200_150 {
    cursor: pointer;
}

.ad_responsive .ad_container_420_150,
.ad_responsive .ad_container_350_150,
.ad_responsive .ad_container_200_150 {
    background: #d8d8d8;
}

span.ad-notice {
    display: inline-block;
    padding: 3px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 0.8em;
    background-color: #eee;
    color: #000;
}

.ad-test {
    border: 1px solid #000;
    padding: 10px;
    margin-bottom: 5px;
}


/* Searchresult Items -  Inserate */
.auction-filter--result-item {
    position: relative;
    display: block;
    width: 100%;
    color: #5e5e5e;
    padding: 15px;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.auction-filter--result-item:before {
    content: '';
    width: 1px;
    height: calc(100% - 30px);
    position: absolute;
    top: 15px;
    right: 35px;
    padding: 25px 0;
    background-color: #c0c0c0;
}

.auction-filter--result-item:after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    font-size: 34px;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.result-item--row {
    margin-bottom: 10px;
}

a.auction-filter--result-item:hover,
a.auction-filter--result-item:nth-of-type(2n):hover {
    background-color: #d9d9d9;
    text-decoration: none;
}
a.auction-filter--result-item:nth-of-type(2n) {
    background-color: #f3f3f3;
}

.preview-container {
    position: relative;
    width: 100%;
    padding-bottom: calc(100% - 2px);
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.preview-container .auction-filter--result-item--result-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

.auction-filter--result-item--result-text {
    float: left;
    width: 75%;
    padding-right: 15px;
    border-right: 1px solid #c0c0c0;
}

.auction-filter--result-item--title span.manufacturer,
.auction-filter--result-item--title span.artist {
    color: #000;
    font-weight: bold;
}

.auction-filter--result-item--title span.auction-title {
    font-weight: bold;
}

.result-item--auction-data {
    font-size: 11px;
}

.result-item--auction-description {
    border-left: 1px solid #c0c0c0;
    padding: 0 0 0 15px;
}

.result-item--auction-description .fakelink {
    float: right;
}

.auction-filter--result-item--price {
    text-align: right;
}

.result-item--row {
    float: left;
    width:100%;
}

.result-item--link-more i {
    font-size: 34px;
}

/* auction teaser */
.auction-teaser {
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}

.auction-teaser .preview-container {
    margin-bottom: 10px;
}
.auction-teaser .auction-teaser--title {
    display: block;
    overflow: hidden;
}

.auction-teaser,
.auction-teaser .auction-teaser--title .auction-title {
    color: #5e5e5e;
}

.auction-teaser .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.auction-teaser .btn.btn-primary-outline {
    border-color: #999;
    color: #999;
    background: #fff;
}
.auction-teaser:hover .btn.btn-primary-outline {
    border-color: #c51618;
    color: #c51618;
}

.panel-heading--actions label {
    font-weight: normal;
    text-align: right;
    margin-top: 5px;
    margin-right: 5px;
}

.panel-heading--result-count {
    display: inline-block;
    /*margin: 0 0 10px 0;*/
    font-weight: bold;
    color: #c51618;
}

.panel-heading--actions select.form-control {
    max-width: 175px;
}

.panel-heading--actions > .input-group {
    max-width: 175px;
    margin-right: 15px;
}

/* select2 inputs */
select.select2 + span span.select2-selection--single {
    height: 34px !important;
}
select.select2 + span span.select2-selection__rendered {
    padding: 0 8px !important;
    line-height: 32px !important;
}
select.select2-sm + span span.select2-selection--single {
    height: 29px !important;
}
select.select2-sm + span span.select2-selection__rendered {
    /*line-height: 29px !important;*/
    padding-left: 8px !important;
    line-height: 26px !important;
}
select.select2-sm + .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px !important;
}

.input-group .select2-selection--single {
    -webkit-border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px !important;
    border-radius: 4px 0 0 4px !important;
}
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
select#sortAuctions + span.select2.select2-container.select2-container--default,
select#sortVinyls + span.select2.select2-container.select2-container--default {
    width: 130px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000 transparent;
}

/* Startpage News */

div#startpage_news_container {
    height: 360px;
}


.startpage_news_picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -999;
}

img#startpage_news_image {
    height: 200px;
    float:left;
    width: 100%;
}

span#startpage_news_text {
    width: 280px;
    font-size: 14px;
    height: 100px;
    text-align: center;
    bottom: 5px;
    left: 0;
    max-height: 60px;
    overflow: hidden;
    position: absolute;
}

span#startpage_news_data {
    display:inline-block;
    float: left;
    padding: 10px;
    width: 300px;
    height: 300px;
    font-size: 14px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

div.startpage_market_highlight,
div.startpage_news_highlight {
    float: left;
    height: 290px;
    width: 100%;
    padding: 10px;
    margin: 10px 10px 10px 0;
    background-color: #eeeeee;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    position: relative;
    z-index: 0;
}

div.startpage_news_highlight .arrow_left,
div.startpage_market_highlight .arrow_left_market {
    position: absolute;
    left: 0;
    top: calc(33% - 15px);
}

div.startpage_news_highlight .arrow_left img,
div.startpage_market_highlight .arrow_left_market img {
    height: 30px;
}

div.startpage_news_highlight .arrow_right,
div.startpage_market_highlight .arrow_right_market {
    position: absolute;
    right: 0;
    top: calc(33% - 15px);
}

div.startpage_news_highlight .arrow_right img,
div.startpage_market_highlight .arrow_right_market img {
    height: 30px;
}

div.startpage_market_highlight:hover,
div.startpage_news_highlight:hover {
    opacity: 0.75;
    cursor:pointer;
}

#startpage_news_data,
#startpage_market_data {
    padding-left: 0 !important;
}

#startpage_news_data .dl-horizontal dt,
#startpage_news_data .dl-horizontal dd {
    margin-bottom: 5px;
}

#startpage_news_data .dl-horizontal dt {
    width: 90px;
    text-align-last: left;
}

#startpage_news_data .dl-horizontal dd {
    margin-left: 95px;
}


img#startpage_market_image {
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    float:left;
    width: 100%;
    z-index: -99;
}

span#startpage_market_text {
    width: 280px;
    font-size: 14px;
    height: 100px;
    position: absolute;
    text-align: center;
    bottom: 5px;
    left: 0;
    max-height: 60px;
    overflow: hidden;
}

span#startpage_market_statistic {
    display:inline-block;
    float: left;
    padding: 10px;
    width: 300px;
    font-size: 14px;
    text-align: left;
}

/* Startpage Dates */

table.dates-table {
    font-size: 14px;
}
table.dates-table td {
    padding: 0 10px 5px 0;
    vertical-align: top;
}

/* tables admin */
table.table-condensed thead tr th {
    padding: 4px 5px;
}
table.table-condensed tbody tr td {
    padding: 4px 5px;
}
table.table-sm {
    font-size: 0.875em;
}
.table > tbody > tr.vborder td {
    border-right: 1px solid #d9d9d9;
}
.table > tbody > tr.vborder td:first-child {
    border-left: 1px solid #d9d9d9;
}
.table > tbody > tr.valign td {
    vertical-align: middle;
}
.table > tbody > tr.row-archived td {
    background-color: #e6e6e6;
}
.table > tbody > tr.row-archived td a:not(.btn),
.table > tbody > tr.row-archived td .text-green,
.table > tbody > tr.row-archived td .text-red {
    color: #000;
}
.table > tbody > tr > td.valign {
    vertical-align: middle;
}
.table thead tr th {
    white-space: nowrap;
}
.borderless td, .borderless th {
    border: none !important;
}
table.fixed {
    table-layout: fixed;
}
table td p {
    margin: 0;
}

/* Startpage - Market - Gallery */

div.startpage_market_imagegallery_highlight {
    float: right;
    height: 128px;
    width: 280px;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    position: relative;
    text-align: left;
}

img.startpage_auction_image_gallery_item {
    max-width: 50px;
    max-height: 50px;
    padding: 2px;
}

div.startpage_market_imagegallery_highlight a,
a.startpage_container_link {
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-align: right;
}


div.startpage_box_small {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    background-color: #ffffff;
    min-width: 200px;
    float:left;
    min-height: 475px;
}

div.startpage_box_market,
div.startpage_box_small span.startpage_header:hover {
    opacity: 0.75;
    cursor: pointer;
}

div.startpage_box_small form {
    display: inline;
}


.startpage_dealer_highlight,
.startpage_manufacturer_highlight {
    display: block;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    background-color: #eee;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.2);
    text-decoration: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.startpage_dealer_highlight > img,
a.startpage_manufacturer_highlight > img {
    margin-top: 8px;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dealer_detail_container {
    padding-bottom: 15px;
    border-bottom: 1px solid #9a9a9a;

    margin-bottom: 15px;
}

.dealer_detail_container img {
    float: left;
    margin-right: 10px;
}

.dealer_detail_container .dealer_detail_container_text {
    margin-left: 130px;
}

.dealer_free_box {
    color: #807e7f;
    font-size: 0.9em;
    margin-bottom: 15px;

    padding-bottom: 15px;
    border-bottom: 1px solid #9a9a9a;
}

h2.dealercol__headline {
    display: block;
    min-height: 50px;
    margin-top: 0;
    margin-bottom: 15px;
}

.dealers__add_dealer {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

/* News - Overview */
a.news--item {
    display: block;
    position: relative;
    margin: 0 -15px;
    padding: 20px 30px 20px 15px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
a.news--item:nth-of-type(2n) {
    background-color: #f3f3f3;
}
a.news--item:hover,
a.news--item:nth-of-type(2n):hover {
    background-color: #d9d9d9;
    text-decoration: none;
}
a.news--item:nth-of-type(2n) {
    background-color: #f3f3f3;
}

.news--item:before {
    content: '';
    width: 1px;
    height: calc(100% - 30px);
    position: absolute;
    top: 15px;
    right: 45px;
    padding: 25px 0;
    background-color: #c0c0c0;
}

.news--item:after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 15px;
    font-family: 'FontAwesome';
    font-size: 34px;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

/* News Detail */
.news--detail--image {
    position: relative;
    height: 350px;
    border: 1px solid rgba(0,0,0,0.15);
    text-align: center;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .news--detail--image img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }
.news--detail--text {
    margin-bottom: 20px;
}


/* News List */
.news--item--image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.news--item--image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
.news--item--author {
    color: #595959;
    font-size: 0.85em;
    font-weight: bold;
}

.news--item a,
.news--item a:hover h2 {
    text-decoration: none;
}

a .news--item--date {
    color: #595959;
    font-weight: bold;
    font-size: 0.9em;
}

/* Login Area */
ul#user_navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#user_navigation li {
    list-style-type: none;
}

ul#user_navigation li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 2px 0;
    transition: .2s ease;
}
    ul#user_navigation li a:hover,
    ul#user_navigation li a:focus,
    ul#user_navigation li a:active {
        color: #c51618;
    }
    ul#user_navigation li:first-child a {
        padding-top: 0;
    }
    ul#user_navigation li a .badge {
        margin-bottom: 3px;
    }

ul#user_navigation li.navigation_active a {
    text-decoration: none;
    color: #c51618;
    font-weight: bold;
}
    ul#user_navigation li.navigation_active a::before {
        font-family: 'FontAwesome';
        content: '\f105';
        margin-right: 5px;
    }



/* Helpers */
.impersonate-banner {
    background-color: #c51618;
    color: #fff;
    width: 100%;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.w-50px {
    width: 50px;
}

.text-white { color: #fff; }
.text-black { color: #000; }
.text-red, .primary { color: #c51618; }
.text-green { color: #81B815; }
.text-yellow { color: goldenrod; }

.display-inline_block { display: inline-block; }
.bg-primary { background-color: #c51618; }
.bg-green { background-color: #148309; }
.bg-orange { background-color: orange; }
.bg-red { background-color: red; }
.text-grey { color: #595959; }
.bg-green { background-color: #148309; }
.bg-grey {
    color: #fff;
    background-color: #595959;
}
.fakelink {
    color: #c51618;
    text-decoration: underline;
}
.underline { text-decoration: underline !important; }
.bold { font-weight: bold; }
.pointer-events-none { pointer-events: none !important; }
.badge { padding: 2px 7px 3px 7px; }
.no-break { white-space: nowrap; }


/* Tabs */
.tabs ul.pagination li a,
.tabs ul.pagination li span {
    display: block;
    height: 34px;
}
.tabs ul.pagination li + li a,
.tabs ul.pagination li + li span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.tabs ul.pagination li a::after {
    font-family: 'FontAwesome';
    content: '\f105';
    margin-left: 5px;
}
.tabs ul.pagination li.active a::after {
    content: '\f107';
}

/* Pagination */
.result-pagination .btn-group {
    margin-bottom: 20px;
}
    .result-pagination .btn-group .btn-default {
        color: #c51618;
    }
    .result-pagination .btn-group .btn-default.disabled {
        color: #999;
    }

.result-pagination {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.pagination-txt {
    margin-right: 15px;
    margin-left: 15px;
}

.result-pagination .pagination li.disabled span {
    background: #f5f5f5;
}
.result-pagination .pagination li.dots span {
    padding: 5px 4px;
    color: #777;
    background: #fff !important;
    border-color: transparent;
}
.result-pagination .pagination > li:first-child > a,
.result-pagination .pagination > li:first-child > span,
.result-pagination .pagination > li:last-child > a,
.result-pagination .pagination > li:last-child > span {
    border-radius: 0;
}

.result-pagination > nav {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

li.pagination--previous a { margin-right: 10px; }
li.pagination--next { display: inline-block; }
li.pagination--next a { margin-left: 10px; }

.pagination > li { display: inline-block; }
.pagination > li > a, .pagination > li > span { padding: 5px 8px; }


.form-addition {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-left: 2px solid #999;
}

.form-addition label { font-weight: normal !important; }

/* Form Pagination */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #eee;
    border-color: #ccc;
    color: #555;
}
.pagination>li>a,
.pagination>li>span {
    color: #c51618;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #ac1315;
}

/* Inputs */
.max-60  { max-width:  60px; }
.max-70  { max-width:  70px; }
.max-75  { max-width:  75px; }
.max-80  { max-width:  80px; }
.max-100 { max-width: 100px; }
.max-150 { max-width: 150px; }
.max-175 { max-width: 175px; }
.max-200 { max-width: 200px; }
.max-250 { max-width: 250px; }

.min-75  { min-width: 75px; }
.min-200 { min-width: 200px; }
.min-250 { min-width: 250px; }
.min-300 { min-width: 300px; }

.min-h-84 {  min-height: 84px; }
.min-h-100 {  min-height: 100px; }
.min-h-135 {  min-height: 135px;}
.min-h-150 {  min-height: 150px; }

textarea { resize: vertical; }

.input-number--1 { padding-right: 0; width: 50px; max-width: 50px; }
.input-number--2 { padding-right: 0; width: 60px; max-width: 60px; }
.input-number--4 { padding-right: 0; width: 80px; max-width: 80px; }

.input-group.input-number--2 { width: 100px; }
.input-group.input-number--4 { width: 120px; }

.input-group.input-number--2 input { width: 40px; }
.input-group.input-number--4 input { width: 60px; }

/* General Modifiers */

/* PADDINGS */
.p-0    { padding: 0 !important; }
.p-5    { padding: 5px !important; }
.p-8    { padding: 8px !important; }
.p-10   { padding: 10px !important; }
.p-15   { padding: 15px !important; }
.p-20   { padding: 20px !important; }
.p-30   { padding: 30px !important; }
.p-50   { padding: 50px !important; }

.pt-0   { padding-top: 0 !important; }
.pt-5   { padding-top: 5px !important; }
.pt-10  { padding-top: 10px !important; }
.pt-15  { padding-top: 15px !important; }
.pt-20  { padding-top: 20px !important; }

.pb-0   { padding-bottom: 0 !important; }

.pl-0   { padding-left: 0 !important; }
.pl-5   { padding-left: 5px !important; }
.pl-8   { padding-left: 8px !important; }
.pl-10  { padding-left: 10px !important; }
.pl-15  { padding-left: 15px !important; }
.pl-20  { padding-left: 20px !important; }
.pl-30  { padding-left: 30px !important; }
.pl-50  { padding-left: 50px !important; }

.pr-0   { padding-right: 0 !important; }
.pr-5   { padding-right: 5px !important; }
.pr-10  { padding-right: 10px !important; }
.pr-15  { padding-right: 15px !important; }
.pr-20  { padding-right: 20px !important; }
.pr-30  { padding-right: 30px !important; }
.pr-45  { padding-right: 45px !important; }
.pr-50  { padding-right: 50px !important; }

.px-0   { padding-left: 0 !important; padding-right: 0 !important; }
.px-2   { padding-left: 2px !important; padding-right: 2px !important; }
.px-5   { padding-left: 5px !important; padding-right: 5px !important; }
.px-8   { padding-left: 8px !important; padding-right: 8px !important; }
.px-10  { padding-left: 10px !important; padding-right: 10px !important; }
.px-15  { padding-left: 15px !important; padding-right: 15px !important; }

.py-15  { padding-top: 15px !important; padding-bottom: 15px !important; }
.py-30  { padding-top: 30px !important; padding-bottom: 30px !important; }

/* MARGINS */
.m-0    { margin: 0 !important; }
.m-5    { margin: 5px !important; }
.m-10   { margin: 10px !important; }
.m-15   { margin: 15px !important; }
.m-20   { margin: 20px !important; }
.m-30   { margin: 30px !important; }
.m-50   { margin: 50px !important; }

.my-5   { margin-top: 5px !important; margin-bottom: 5px !important; }
.my-10  { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-15  { margin-bottom: 15px !important; margin-top: 15px !important; }
.my-30  { margin-bottom: 30px !important; margin-top: 30px !important; }

.mx-5   { margin-left: 5px !important; margin-right: 5px !important; }

.mx--5  { margin-left: -5px !important; margin-right: -5px !important; }
.mx--8  { margin-left: -8px !important; margin-right: -8px !important; }
.mx--10 { margin-left: -10px !important; margin-right: -10px !important; }
.mx--15 { margin-left: -15px !important; margin-right: -15px !important; }
.mx--20 { margin-left: -20px !important; margin-right: -20px !important; }

.mt-0   { margin-top: 0 !important; }
.mt-5   { margin-top: 5px !important; }
.mt-10  { margin-top: 10px !important; }
.mt-15  { margin-top: 15px !important; }
.mt-20  { margin-top: 20px !important; }
.mt-30  { margin-top: 30px !important; }
.mt-40  { margin-top: 40px !important; }
.mt-50  { margin-top: 50px !important; }

.mt--5  { margin-top: -5px !important; }
.mt--10 { margin-top: -10px !important; }

.mb-0   { margin-bottom: 0 !important; }
.mb-5   { margin-bottom: 5px !important; }
.mb-10  { margin-bottom: 10px !important; }
.mb-15  { margin-bottom: 15px !important; }
.mb-20  { margin-bottom: 20px !important; }
.mb-25  { margin-bottom: 25px !important; }
.mb-30  { margin-bottom: 30px !important; }
.mb-50  { margin-bottom: 50px !important; }

.ml-0   { margin-left: 0 !important; }
.ml-5   { margin-left: 5px !important; }
.ml-10  { margin-left: 10px !important; }
.ml-15  { margin-left: 15px !important; }
.ml-20  { margin-left: 20px !important; }
.ml-30  { margin-left: 30px !important; }
.ml-50  { margin-left: 50px !important; }

.mr-0   { margin-right: 0 !important; }
.mr-5   { margin-right: 5px !important; }
.mr-10  { margin-right: 10px !important; }
.mr-15  { margin-right: 15px !important; }
.mr-20  { margin-right: 20px !important; }
.mr-30  { margin-right: 30px !important; }
.mr-50  { margin-right: 50px !important; }

/* DISPLAY */
.d-block        { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-flex         { display: flex !important; }

/* FLEX */
.align-items-center { align-items: center; }
.align-items-stretch { align-items: stretch; }
.flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.justify-content-between { justify-content: space-between; }
.justify-content-around  { justify-content: space-around; }
.justify-content-center  { justify-content: center; }
.justify-content-start   { justify-content: start; }
.justify-content-end     { justify-content: end; }
.align-content-between { align-content: space-between; }
.row-flex { display: flex; }
.row-flex > div { float: unset; }

/* DIMENSIONS */
.w-100 { width: 100% !important; }
.h-100 {  height: 100% !important; }

/* COLS */
.col,
.col-auto {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.col {
    width: 100%;
    max-width: 100%;
}

.col-auto {
    width: auto;
    max-width: none;
}

/* aesthetics */
.br-3,
.br-4,
.br-8 {
    overflow: hidden;
    vertical-align: bottom;
}
.br-3 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.br-4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.br-8 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.panel {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

form.form-horizontal .radiobtn-container {
    float: left;
    margin-right: 30px;
}

.form-control {
    display: inline;
    vertical-align: bottom;
    box-shadow: none;
    border-color: rgba(0, 0, 0, .15);
    outline: none;
    padding: 5px 8px;
    border-radius: 6px;
}
    .form-control:focus {
        border-color: #adadad;
        outline: none;
        box-shadow: none;
    }

/* Auction images */
.auction-slider-wrap {
    position: relative;
    height: 300px;
    width: 100%;
    margin: 15px 0;
}
.auction-slider-full {
    position: relative;
    height: 300px;
    width: 400px;
    float: left;
}
.auction-slider-full .auction-slide {
    height: 100%;
    width: auto;
    padding: 15px;
    background-color: #d9d9d9;
}
.auction-slider-full .auction-slide img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.auction-slider-controls {
    height: 300px;
    width: 85px;
    margin-left: 15px;
    overflow: hidden;
    float: left;
}
.auction-slider-controls .slick-arrow {
    width: 100%;
    position: absolute;
    z-index: 999;
}
.auction-slider-controls .slick-prev {
    top: 0;
}
.auction-slider-controls .slick-next {
    bottom: 0;
}

#auction-image-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0; z-index: 9999;
    display: none;
}
    .auction-image-loader--inner {
        height: 100%;
        width: 100%;
        background-color: rgba(255,255,255,0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }
        .auction-image-loader--inner span {
            margin-top: 15px;
        }

.auction-image-upload {
    position: relative;
}
    .auction-image-upload .auction-image-thumb {
        border-radius: 4px;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 64px;
        border: 1px solid #ccc;
        background: #fff;
    }
        .auction-image-upload .auction-image-thumb img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            width: auto;
            height: 64px;
        }
    .auction-image-upload .auction-image-options {
        position: relative;
        height: 100%;
    }
    .auction-image-upload .auction-image-index {
        position: absolute;
        top: -3px;
        right: 0;
        color: #999;
    }

.card {
    position: relative;
    border: 1px solid #e5e5e5;
    background: #f3f3f3;
    border-radius: 5px;
    padding: 12px;
    transition: .2s ease;
}
    .card.sortable .sortable-image {
        display: inline-block;
        border-radius: 3px;
        overflow: hidden;
    }
    .card.sortable .sortable-image img {
        height: 50px;
        width: auto;
    }
    .card.sortable:hover {
        cursor: move;
        background: #e6e6e6;
        border-color: #adadad;
    }
    .card.sortable::after {
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        font-family: 'FontAwesome';
        font-size: 20px;
        content: '\f0c9';
        color: #595959;
    }

/* when clicked or dragging */
.sortable-image.sortable-chosen .card.sortable,
.card.sortable:focus,
.card.sortable:active {
    background: #d4d4d4;
    border-color: #8c8c8c;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.25);
}
    /* icon effect */
    .sortable-image.sortable-chosen .card.sortable::after,
    .card.sortable:hover::after,
    .card.sortable:focus::after,
    .card.sortable:active::after {
        color: #c51618;
    }

/* bootstrap-fileinput inserat */
.file-input .file-upload-indicator,
.file-input .close.fileinput-remove {
    display: none;
}


/* bootstrap 4 classes */
@media (max-width: 767px) {

    .result-item--auction-description {
        border: none;
        padding: 0;
    }

    .news--item--image {
        margin-bottom: 20px;
    }

    .news--item--image,
    .preview-container {
         padding-bottom: 56.25%;
    }

    .pull-xs-left {
        float: left !important;
    }
    .pull-xs-right {
        float: right !important;
    }
    .pull-xs-none {
        float: none !important;
    }
    .table-responsive {
        border: none;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .d-xs-block {
        display: block !important;
    }

    .mb-xs-0 {  margin-bottom: 0;  }
    .mb-xs-10 {  margin-bottom: 10px;  }
    .mb-xs-15 {  margin-bottom: 15px;  }
}



@media (max-width: 479px) {
    .mt-xs-10 {
        margin-top: 10px !important;
    }
    .main--angebot-panel--detaillist dt {
        width: 100%;
        font-weight: bold;
    }
    .main--angebot-panel--detaillist dd {
        margin: 0 0 5px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main--angebot-panel--detaillist dt {
        width: 100%;
        font-weight: bold;
    }
    .main--angebot-panel--detaillist dd {
        margin: 0 0 5px 0;
    }
}
@media (min-width: 768px) {

    .w-sm-50px {
        width: 50px;
    }

    .pr-sm-45 {
        padding-right: 45px !important;
    }

    .pull-sm-left {
        float: left !important;
    }
    .pull-sm-right {
        float: right !important;
    }
    .pull-sm-none {
        float: none !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
    .pl-sm-0 {
        padding-left: 0 !important;
    }
    .pr-sm-0 {
        padding-right: 0 !important;
    }
}
@media (min-width: 992px) {

    .header--navlist-primary.header--navlist-primary-extended {
        display: block !important;
    }

    .p-md-0 { padding: 0 !important; }

    .pr-md-0 {
        padding-right: 0 !important;
    }
    .mr-md-0 {
        margin-right: 0 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }

    .pull-md-left {
        float: left !important;
    }
    .pull-md-right {
        float: right !important;
    }
    .pull-md-none {
        float: none !important;
    }
    #news-slider {
        width: 100%;
        max-width: 646px;
    }
    .text-md-left {
        text-align: left !important;
    }
    .text-md-center {
        text-align: center !important;
    }
    .text-md-right {
        text-align: right !important;
    }

}

@media (min-width: 1200px) {

    .text-lg-right {
        text-align: right;
    }

    .w-lg-23 {
        width: 23% !important;
    }
    .w-lg-28 {
        width: 28% !important;
    }
    .w-lg-29 {
        width: 29% !important;
    }
    .w-lg-20 {
        width: 20% !important;
    }

    /* Ad sidebar small on lg */
    .w-lg-23 .ad_sidebar .hidden-lg {
        display: block !important;
    }
    .w-lg-23 .ad_sidebar .hidden-md {
        display: none !important;
    }

    .table-responsive {
        overflow: visible !important;
    }

    .pull-lg-left {
        float: left !important;
    }
    .pull-lg-right {
        float: right !important;
    }
    .pull-lg-none {
        float: none !important;
    }
    #news-slider {
        width: 100%;
        max-width: 616px;
    }
}
.pull-none {
    float: none !important;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* STARTSEITE */

#news-slider {
    width: 100%;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.2);
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
}
.news-slide {
    padding: 10px;
}
.news-slide a {
    text-decoration: none;
}
.news-slide-bild {
    overflow: hidden;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.news-slide-bild img {
    max-width: 100%;
    max-height: 300px;
}
.news-slide-text {
    color: #000;
    padding-top: 10px;
}
.news-slide-text span {
    color: #c51618;
    text-decoration: underline;
}

#inserat-slider {
    width: 100%;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.2);
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.inserat-slide {
    padding: 10px;
}
.inserat-slide a {
    text-decoration: none;
}

.inserat-slide-bild {
    overflow: hidden;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.inserat-slide-bild img {
    max-width: 100%;
    max-height: 200px;
}
.inserat-slide-text {
    color: #000;
    text-align: center;
}
.inserat-slide-text span {
    color: #c51618;
}

#inserat-slider .slick-dots,
#news-slider .slick-dots,
#dates-slider .slick-dots {
    bottom: -35px;
}
#inserat-slider .slick-dots li,
#news-slider .slick-dots li,
#dates-slider .slick-dots li {
    margin: 0;
}
#inserat-slider .slick-dots li button:before,
#dates-slider .slick-dots li button:before,
#news-slider .slick-dots li button:before {
    color: #dedede;
    font-size: 36px;
    opacity: 1;
}
#inserat-slider .slick-dots li.slick-active button:before,
#dates-slider .slick-dots li.slick-active button:before,
#news-slider .slick-dots li.slick-active button:before {
    color: #989898;
    opacity: 1;
}

.slick-slide:focus { outline: none; }


.teaser-box {
    background-color: #eee;
    padding: 10px;
}

/* USER NOTICES */
.alert-warning a {
    color: #8a6d3b;
}

.alert a {
    font-weight: bold;
    text-decoration: underline;
}

/* RATING */
.ratings-container .panel {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
}

.rating-head {
    position: relative;
    border-top: 1px solid #eee;
    padding: 15px 0 5px 0;
}

.rating-content-teaser {
    overflow: hidden;
}

.ratings-container .panel:first-child .rating-head {
    border-top: none;
    padding-top: 0;
}

.rating-content-full {
    display: none;
}
.rating-text-inner {
    padding: 0 0 15px 0;
}
.rating-text-inner p {
    margin: 0;
}
.rating-bar {
    height: 25px;
    /*width: 80px;*/
    font-size: 16px;
    vertical-align: middle;
    /*overflow: hidden;*/
    display: inline-block;
    line-height: 20px;
}
.rating-bar input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
.rating-bar i,
.rating-bar label {
    position: relative;
    color: goldenrod;
    opacity: 0.6;
    -webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -ms-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}
.rating-bar label {
    float: left;
}
.rating-bar label:before {
    font-family: 'FontAwesome';
    content: '\f006';
}
.rating-bar label:hover {
    cursor: pointer;
    opacity: 1;
}
.rating-bar input:checked + label:before {
    content: '\f005';
}

/* PRICE INPUT */
.price-input {
    text-align: right;
    font-weight: bold;
}

/* btn table fix */
td .btn-group {
    display: flex !important;
}

.label-primary {
    background-color: #c51618;
}

@media (min-width: 768px) {
    .p-sm-0 {
        padding: 0 !important;
    }
}

/* ADD XL & XXL BOOTSTRAP SIZE */
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, 
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
@media (min-width: 1200px) {
    .col-xl-1 { width: 8.333333%; }
    .col-xl-2 { width: 16.666667%; }
    .col-xl-3 { width: 25%; }
    .col-xl-4 { width: 33.333333%; }
    .col-xl-5 { width: 41.666667%; }
    .col-xl-6 { width: 50%; }
    .col-xl-7 { width: 58.333333%; }
    .col-xl-8 { width: 66.666667%; }
    .col-xl-9 { width: 75%; }
    .col-xl-10 { width: 83.333333%; }
    .col-xl-11 { width: 91.666667%; }
    .col-xl-12 { width: 100%; }
    .col-xl-offset-1 { margin-left: 8.333333%; }
    .col-xl-offset-2 { margin-left: 16.666667%; }
    .col-xl-offset-3 { margin-left: 25%; }
    .col-xl-offset-4 { margin-left: 33.333333%; }
    .col-xl-offset-5 { margin-left: 41.666667%; }
    .col-xl-offset-6 { margin-left: 50%; }
    .col-xl-offset-7 { margin-left: 58.333333%; }
    .col-xl-offset-8 { margin-left: 66.666667%; }
    .col-xl-offset-9 { margin-left: 75%; }
    .col-xl-offset-10 { margin-left: 83.333333%; }
    .col-xl-offset-11 { margin-left: 91.666667%; }
    .col-xl-offset-12 { margin-left: 100%; }
}
@media (min-width: 1600px) {
    .col-xxl-1 { width: 8.333333%; }
    .col-xxl-2 { width: 16.666667%; }
    .col-xxl-3 { width: 25%; }
    .col-xxl-4 { width: 33.333333%; }
    .col-xxl-5 { width: 41.666667%; }
    .col-xxl-6 { width: 50%; }
    .col-xxl-7 { width: 58.333333%; }
    .col-xxl-8 { width: 66.666667%; }
    .col-xxl-9 { width: 75%; }
    .col-xxl-10 { width: 83.333333%; }
    .col-xxl-11 { width: 91.666667%; }
    .col-xxl-12 { width: 100%; }
    .col-xxl-offset-1 { margin-left: 8.333333%; }
    .col-xxl-offset-2 { margin-left: 16.666667%; }
    .col-xxl-offset-3 { margin-left: 25%; }
    .col-xxl-offset-4 { margin-left: 33.333333%; }
    .col-xxl-offset-5 { margin-left: 41.666667%; }
    .col-xxl-offset-6 { margin-left: 50%; }
    .col-xxl-offset-7 { margin-left: 58.333333%; }
    .col-xxl-offset-8 { margin-left: 66.666667%; }
    .col-xxl-offset-9 { margin-left: 75%; }
    .col-xxl-offset-10 { margin-left: 83.333333%; }
    .col-xxl-offset-11 { margin-left: 91.666667%; }
    .col-xxl-offset-12 { margin-left: 100%; }
}


.auction-teaser-list .preview-container {
    padding-bottom: 75%;
    background-color: #f3f3f3;
}

a.seo-auction-item,
a.seo-news-item {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.box-white {
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.seo-auction-item:hover,
a.seo-news-item:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.news-teaser-list .news-teaser,
.auction-teaser-list .auction-teaser {
    margin-bottom: 16px;
}

.text-nowrap {
    white-space: nowrap;
}

.collapse-link {
    font-weight: bold;
}

.collapse-link .collapse-link-more {
    display: block;
}
.collapse-link .collapse-link-less {
    display: none;
}
.collapse-link.collapsed .collapse-link-more {
    display: none;
}
.collapse-link.collapsed .collapse-link-less {
    display: block;
}

/* XXS col */
@media only screen and (max-width: 479px) {

    .h-xxs-auto {
        height: auto !important;
    }
    .col-xxs-1 {
        width: 8.33333333%;
    }
    .col-xxs-2 {
        width: 16.66666667%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-8 {
        width: 66.66666667%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-11 {
        width: 91.66666667%;
    }
    .col-xxs-12 {
        width: 100%;
    }
}

.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

/* tinyMCE update */
.tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
    display: flex !important;
    justify-content: space-between;
}
.tox.tox-tinymce {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.tox .tox-button {
    background-color: #c51618 !important;
    border-color: #c51618 !important;
    font-weight: 400 !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
    line-height: 1.42857143 !important;
}
.tox .tox-button.tox-button--secondary {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.tox .tox-button:hover {
    background-color: #ac1315 !important;
    border-color: #c51618 !important;
}
.tox .tox-button.tox-button--secondary:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
.tox .tox-button.tox-button--icon,
.tox .tox-button.tox-button--icon:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}
.tox .tox-dialog__body-content {
    padding: 8px 16px !important;
}
.tox .tox-dialog__title {
    font-family: 'Tahoma', 'Geneva', sans-serif !important;
    font-size: 18px !important;
}
.tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield, .tox-tinymce-aux, .tox .tox-button {
    font-family: 'Tahoma', 'Geneva', sans-serif !important;
}
.tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield {
    font-size: 14px !important;
}
.tox .tox-label, .tox .tox-toolbar-label {
    padding: 4px 8px 4px 0 !important;
}

textarea.tinymce {
    opacity: 0;
}
/* fix tinymce styles in output */
.news--detail--text em {
    font-weight: 400;
    font-style: italic;
    color: #000;
}
.news--detail--text strong em {
    font-weight: bold;
}
input.datepicker {
    padding: 6px 12px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
}


/* growing textarea */
.adaptive-height {
    min-height: 34px;
    max-height: 34px;
    resize: none;
}
.adaptive-height.expand {
    max-height: unset;
}

.app_formular_error_box {
    width: 100%;
}