@charset "UTF-8";

/* ## MAIN LAYOUT ## */

html,
body {
    overflow: visible;
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    background: #f3f3f3;
    color: #3c4447;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

body {
    padding-top: 70px;
}

footer {
    padding: 30px 0;
}

.header-menu-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.header-menu-logo img {
    max-height: 120px;
    padding-bottom: 15px;
}

.header-wrapper {
    position: relative;
    min-height: 60px;
}

#main_navbar .navbar-nav {
    float: right;
}

.main-container {
    margin-bottom: 30px;
}

.content-wrapper {
    background: none repeat scroll 0 0 #ffffff;
    padding-bottom: 20px;
    position: relative;
}

.main-footer-wrapper {
    position: absolute;
    bottom: 5px;
    height: 30px;
    padding-top: 10px;

    pointer-events: none
}

.footer-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ui-widget-overlay {
    z-index: 500 !important;
}

#floating_alert {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 5000;
    border: none;
    font-size: 20px;
}

/* ## END MAIN LAYOUT ## */

/* ## BOOTSTRAP ## */
.row {
    margin: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

a,
a:focus,
a:hover,
a:visit {
    text-decoration: none;
    color: inherit;
}

/* ## END BOOTSTRAP ## */

.go_to_page,
.back_to_page,
.go_to_page:hover,
.back_to_page:hover,
.go_to_page:active,
.back_to_page:active,
.go_to_page:focus,
.back_to_page:focus,
.go_to_page_payment,
.go_to_page_payment:hover,
.go_to_page_payment:active,
.go_to_page_payment:focus {
    color: #fff;
    text-decoration: none;
}

.footerNav a {
    color: var(--shop-container-color-1-text);
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 424px) {
    .shop-welcome-message {
        display: none;
    }
}

.shop-welcome-message {
    text-align: center;
    font-size: 1.2em;
    padding: 0.5em 1.5em;
    margin: 0;
    margin-top: 15px;
}

/* ## CATEGORIES ## */

#categories {
    padding-top: 15px;
}

.category_entry {
    padding: 0px 15px 30px 15px;
}

.offer_entry_inner,
.category_entry_inner {
    border: 1px solid #000000;
    box-shadow: 1px 2px 6px 1px var(--shop-container-color-1-shadow);
    position: relative;
    padding: 0;
}

.category_entry_inner,
.offer_entry_inner,
.category_entry_inner .tile-image-container,
.offer_entry_inner .tile-image-container,
.tile-image-container,
.tile-image-container * {
    border-radius: 5px;
}
.tile-image-container {
    overflow: hidden;
}

.tile-image-container .shape-image {
    width: 100%;
}
.tile-image-container .tile-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category_content {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    padding-top: 70%;
    pointer-events: none;
}

.category_short_text {
    display: block;
    width: 100%;
}

.event_prices {
    padding-right: 10px;
}

/* ## END CATEGORIES ## */

/* ## COUPON AND OFFER TILE ## */

.offer-description {
    padding-left: 10px !important;
    border-top-right-radius: 5px;
}

.coupon_tile_inner {
    background-color: white;
}

.price_value {
    display: block;
    border: 0px solid transparent;
    width: 100px;
    height: 40px;
    padding: 2px;
    z-index: 200;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    text-align: right;

    position: absolute;
    bottom: 5px;
    right: 45px;
}

.tile-category-footer {
    padding-bottom: 20px;
    height: 100px;
}

.price_value.early {
    background: url("/images/icons/early_bird.png") no-repeat rgba(0, 0, 0, 0.4) !important;
}

.price_value span.price_value_price {
    position: absolute;
    right: 3px;
    top: 15px;
}

.price_value span.price_value_regular_price {
    font-size: 12px !important;
    text-decoration: line-through !important;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    right: 42px;
    position: absolute;
    top: 0px;
}

.add_to_card_icon,
.participiant {
    display: block;
    border: 0px solid transparent;
    width: 40px;
    height: 40px;
    padding: 2px;
    background-size: contain !important;
    z-index: 200;
    cursor: pointer;

    position: absolute;
    bottom: 5px;
    right: 5px;
}

.participiant {
    width: 60px;
}

.go_to_calender {
    /* margin-top: -80px;
    bottom: -55px; */
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    padding: 6px;
}

.go_to_calender i {
    margin-left: 2px;
}

.go_to_calender .fal.fa-cart-arrow-down {
    margin-left: -2px;
}

.offer_tile_container > .fa-cart-arrow-down {
    color: #fff;
    padding: 4px;
    padding-top: 6px;
}

/* .offer_tile_cart_icon {
    margin-top: -80px;
    bottom: -55px;
} */

.offer_tile_cart_price {
    /* margin-top: -80px; */
    width: 150px;
    /* bottom: -55px; */
}

.offer_tile_cart_price span {
    background: none;
}

.age_cat_overview {
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 2500;
    width: 100%;
    margin-top: 0px;
    padding: 10px;
    padding-left: 15px;

    font-size: 14px;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.category_short_text,
.details_short_text {
    color: #3e4b51 !important;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.age_cat_overview_offer_tile {
    padding: 5px;
    box-shadow: inset 3px rgba(0, 0, 0, 0.85);
    border-radius: 5px;
    margin-top: 60px;
    right: 0px;
    pointer-events: initial;
}

.category_heading {
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.category_heading span {
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
}

.customer_information {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 1px solid #c4c8c9c7;
    border-radius: 5px;
    color: #3c4447;
    padding: 10px;
    margin-bottom: 15px;
}
.customer_information dl {
    margin-bottom: 0;
}

.customer_information input[type="input"] {
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #c4c8c9;
    margin-bottom: 3px;
}

.customer_information label {
    margin-top: 5px;
    display: block;
    font-size: 12px;
}

.cancellation_costs_label,
.cancellation_charge_after {
    color: #3c4447;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

.cancellation_costs_label {
    font-weight: bold;
}

/* ## END COUPON AND OFFER TILE ## */

/* ## SERIES EVENTS ## */

.series-event {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.series-event ul {
    padding-left: 0px;
    list-style-type: none;
}

.series-schedules-over {
    text-decoration: line-through;
}

.series_event_footer {
    height: 40px;
}

.age_cat_overview_series_tile {
    padding: 5px;
    box-shadow: inset 3px rgba(0, 0, 0, 0.85);
    border-radius: 5px;
    top: 45px;
    right: 0px;
}

.offer_tile_series_price {
    margin-top: -80px;
    width: 190px;
    top: 85px;
}

.offer_tile_series_price.price_value {
    right: 5px !important;
}

.offer_tile_series_price.price_value span.price_value_price {
    right: 42px;
}

.offer_tile_series_icon {
    margin-top: -80px;
    top: 85px;
    width: 190px;
    text-align: right;
    z-index: 900;
    background-color: transparent !important;
    padding: 6px;
}

.series_event_day {
    display: inline-block;
    width: 30px;
}

/* ## END SERIES EVENTS ## */

.content_box {
    border: 1px solid #bfab93;
    padding: 15;
}

/* ## SHOPORDER CALENDER ## */

#booking h2.title {
    color: #ffffff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 10px;
    word-break: break-word;
}

#booking div.title {
    border-radius: 5px;
}

#booking .short_description {
    padding-top: 30px;
    padding-bottom: 10px;
}

.fc-header-title h2 {
    font-size: 16px;
    padding-top: 5px;
}
/* ## END SHOPORDER CALENDER ## */

/* ## SHOPORDER MEDIA Q ## */

@media (max-width: 991px) {
    #booking > .col-md-4 {
        padding-left: 0px;
    }

    .right_wrapper_responsive {
        padding-left: 0px;
    }
}

@media (max-width: 680px) {
    .payments_entry,
    .coupons_entry,
    .coupons_provider_entry,
    .debit_provider_entry {
        width: 100% !important;
    }
}

@media (max-width: 380px) {
    .coupons_provider_entry > .select_payment_method,
    .coupons_entry > .select_payment_method {
        margin-left: 5px !important;
    }
    .category_content {
        padding-top: 50%;
}

}

@media (max-width: 350px) {
    .coupons_provider_entry > .select_payment_method,
    .coupons_entry > .select_payment_method {
        margin-left: 0px !important;
    }

    #redeem_coupon_code,
    .redeem_input {
        width: 110px !important;
        font-size: 14px !important;
        width: 115px !important;
        font-size: 14px !important;
    }
}
/* ## SHOPORDER MEDIA Q END ## */

/* ## Q-BODY ## */

/*@media (min-width: 1px) AND  (max-width: 429px), (device-min-width: 1px) AND  (max-width: 429px) */
@media (min-width: 1px) AND (max-width: 500px) {
    #booking div {
        padding: 0;
    }

    #booking h2.title {
        padding-left: 10px;
    }

    .fc-header td {
        display: table-row;
        widht: 100%;
        height: 20px;
        font-size: 12px;
    }

    .fc-header-right {
        width: auto;
        position: absolute;
        right: 25px;
        margin-top: -73px;
    }

    .series_event_footer {
        height: 50px;
    }

    .sc_entry {
        padding: 5px !important;
    }

    .shopping_card_entry .title {
        padding-left: 5px;
    }
}

.age_cat_breaker {
    display: none;
}

@media (min-width: 1px) AND (max-width: 400px) {
    .participiant {
        bottom: 50px;
        margin-right: 0 !important;
    }

    .age_cat_breaker {
        display: inline;
    }
}

/* ## END Q-BODY */

/* STYLES */
#highlites {
    padding-bottom: 20px;
    border-bottom: 2px solid #bfab93;
}

.highlight_entry_outer {
    padding-top: 10px;
    height: 120px;
}

#highlites:before {
    /*	content: '';
    display: inline-block;
    position: absolute;
    height: 180px;
    width: 20px;
    z-index: 15;
    */
}

#highlites:after {
    /*	content: '';
    display: inline-block;
    position: absolute;
    height: 180px;
    width: 20px;
    z-index: 15;
    right: 0px;
    top: 0px;
*/
}

#highlite_wrapper {
    /*	width: 100%;
    height: 100%;
    position: relative;
    */
}

#main_content_body h2 {
    /*	font-family: MuseoSans-900,sans-serif;
    color: #3e4b51;
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-top: 0px;
    text-transform: uppercase;
    border-bottom: 2px solid #bfab93;
    margin-bottom: 20px;
    padding-bottom: 15px;
*/
}

.highlite_entry {
    height: 100%;
    padding: 0px;
    border: 1px solid #eee;
    /*	width: 240px;
    height: 160px;
    display: block;
    float: left;
    margin-right: 15px;
    text-shadow: none !important;
    */
}

.highlite_entry h3 {
    /*	position: absolute; */
    /*	top: 70px;
    display: inline;
    padding: 5px;
    font-family: MuseoSans-900;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
*/
}

.highlite_entry h3 span {
    /*	display: inline;
    background: rgba(255,255,255,0.9);
    padding: 2px 10px;
    margin-left: -5px;
*/
}

.highlite_entry h3 p {
    margin-top: 6px;
}

#categories {
    /*	height: calc(100%);
    width: calc(110% - 0px);
    text-align: left;
    padding-top: 20px;
*/
}

#offer_wrapper,
#cal_wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 515;
    margin-top: 0px;
    background: #fff;
    color: #3e4b51;
    font-family: MuseoSans-900;
    display: none;
}

#offer_img {
    display: inline-block;
    height: 130px;
    width: 200px;
    float: left;
    margin-top: 10px;
}

.offer_img {
    height: 100%;
    width: 100%;
    background-repeat: none;
    background-size: cover !important;
}

#offer_wrapper h2 {
    height: 30px;
    padding: 5px;
    padding-left: 15px;
    margin-top: 0px;
    display: inline-block;
    font-family: MuseoSans-900;
    letter-spacing: 1px;
    font-weight: 600;
    position: absolute;
    top: 0;
}

#offer_information {
    margin-top: 15px;
    height: calc(100% - 165px);
    width: 100%;
    display: inline-block;
}

#offer_information #left_wrapper2 {
    width: 660px;
    height: calc(80% - 2px);
    display: inline-block;
    float: left;
    border: 1px dashed rgba(62, 75, 81, 0.3);
    padding: 10px;
}

#offer_information #right_wrapper {
    width: 266px !important;
    height: calc(80% - 14px);
    padding: 5px;
    min-height: 565px;
    display: inline-block;
    float: right;
    border: 1px dashed #c4c8c9;
    border-radius: 3px;
    color: #3c4447;
    overflow-y: auto;
}

#offer_information .short_description {
    padding: 5px;
    padding-left: 215px;
    top: 0px;
    margin-top: 35px;
    width: 450px;
    letter-spacing: 1px;
    font-size: 13px;
    position: absolute;
}

#offer_information .long_description {
    position: absolute;
    display: none;
}

.details_wrapper .time_config {
    font-size: 12px;
}

.details_wrapper .time_config li {
    margin-bottom: 10px;
}

.details_wrapper .time_config li span {
    display: block;
}

.details_wrapper .time_config li span.weekday_type,
.details_wrapper .time_config li span.time {
    display: inline-block !important;
}

.details_wrapper .time_config li span.weekday_type {
    font-size: 10px;
    font-weight: bold;
}

.details_wrapper .time_config li span.time,
.details_wrapper span.time {
    font-size: 10px;
}

.category_entry,
.details_entry {
    /*	display: block;
    margin-right: 40px;
    margin-bottom: 25px;
    text-shadow: none !important;
    width: 300px;
    height: 430px;
    float: left;
*/
}

.category_entry h3,
.details_entry h3 {
    /*	position: absolute;
    margin-top: -150px;
    display: inline;
    padding: 5px;
    font-family: MuseoSans-900, sans-serif;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
*/
}

.category_entry span,
.details_entry span {
    /*	display: inline;
    background: rgba(255,255,255,0.9);
    padding: 2px 10px;
    margin-left: -5px;
*/
}

.category_entry h3 p,
.details_entry h3 p {
    /* 	margin-top: 6px; */
}

.category_img,
.details_img {
    /*	display: block;
    height: 300px;
    width: 300px;
    background: #f00;
    background-repeat: none;
    background-size: cover !important;
    border: 1px solid #bfab93;
    position: relative;
    top: 0px;
    margin-bottom: 25px;
*/
}

.category_img:before,
.details_img:before {
    /*	content: '';
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
*/
}

/* .category_content,
.details_content {
    	display: block;
    	height: 100px !important;
    	position: relative;
} */

.category_long_text,
.details_long_text {
    display: none !important;
}

.highlite_img {
    display: block;
    height: 100%;
    width: 100%;
    background: transparent;
    background-repeat: none;
    background-size: cover !important;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.highlite_img:before {
    display: none;
}

/* STYLES ENDE */

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) {
    .header-menu-bottom {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

/* ## NAVBAR ## */
#navbar {
    list-style-type: none;
    float: right;
    margin: 0px;
    padding-bottom: 10px;
}

#navbar .main_entry {
    float: left;
    height: 35px;
    width: 50px;
    text-align: center;
    margin: 2px;
    color: var(--shop-container-color-1-text);
    cursor: pointer;
    position: relative;
}

#navbar .main_entry .badge,
.nav-icon .badge {
    position: absolute;
    top: -6px;
    right: -2px;
    
    background: var(--shop-badge-color-default);
}
#navbar .main_entry .badge:empty,
.nav-icon .badge:empty {
    display: none;
}
#navbar .main_entry .badge.rounded:not(:empty),
.nav-icon .badge.rounded:not(:empty) { /* ? INFO: :not(:empty) required because display flex seems to prevent an element from being interpreted as :empty */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    --badge-rounded-size: 19px;
    width: var(--badge-rounded-size);
    height: var(--badge-rounded-size);
    padding: 0;
    border-radius: 15px;
}

#navbar .main_entry ul {
    position: absolute;
    display: none;
    margin-top: 5px;
    box-shadow: inset 0px 0px 1px #fff, 0px 0px 1px #fff !important;
    cursor: default;
    z-index: 500 !important;
}

#navbar .main_entry ul .sub_entry {
    color: var(--shop-container-color-1-text) !important;
    display: block;
    float: none;
    padding: 0;
    margin-left: 1px !important;
    width: 245px !important;
    height: 29px;
    min-width: 95px;
    text-align: left;
    padding: 5px;
    text-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
}

ul#navbar.fa-home-iframe {
    margin-right: -30px;
}

#navbar a {
    color: var(--shop-container-color-1-text);
    text-decoration: none !important;
}

#navbar .main_entry ul .sub_entry.even {
    background: rgba(255, 255, 255, 0.8) !important;
}
#navbar .main_entry ul .sub_entry {
    background: rgba(255, 255, 255, 0.6) !important;
}

#navbar .main_entry ul .sub_entry:hover {
    background: rgba(255, 255, 255, 0) !important;
}

#navbar .main_entry ul .sub_entry:hover a {
    /*	color: #29BEF4 !important; */
    /*	color: #29BEF4 !important; */
}

#navbar .main_entry:hover ul {
    /*display:block; */
}

#navbar .main_entry ul li {
    display: block;
    padding: 0px;
    margin-top: 0px;
    width: 75px;
    margin-left: -48px;
}
/* ## END NAVBAR ## */

#home_area {
    background: url("/images/icon_sprite.png") scroll -50px -383px no-repeat !important;
    list-style-type: none;
    margin-top: -5px !important;
}

#home_area:hover {
    background: url("/images/icon_sprite.png") scroll -50px -383px no-repeat !important;
    margin-top: -5px !important;
}

#profil_user_login {
    text-align: right;
    margin-top: 29px;
    margin-left: -8px;
    width: 90%;
    font-weight: 800;
    display: inline-block;
    font-size: 16px;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#customer_area:hover #profil_user_login {
}

.remove {
    width: 15px !important;
    height: 15px !important;
    margin: 2px;
    background: url("/images/icons/delete.png") no-repeat !important;
    background-size: contain !important;
    float: left;
    cursor: pointer;
}

.back_to_page,
.go_to_page,
.go_to_page_payment {
    z-index: 80;
    /*	height:30px; */
    min-width: 250px;
    padding: 15px;
    margin-top: 15px !important;

    font-size: 20px;
    /*	font-family: MuseoSans-500; */
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    color: #fff;
    background: #3e4b51;
    text-align: center;
    cursor: pointer;
    display: none;

    text-decoration: none;
    position: relative;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*
.back_to_page {
    float:left;
}
*/
.go_to_page,
.go_to_page_payment {
    float: right;
    display: inline-block;
}

.back_to_page:hover,
.go_to_page:hover,
.go_to_page_payment:hover {
    background: #4c5c63;
}

.register {
    height: inherit;
    border: 0px;
}

#filter_close {
    background: #3e4b51;
    color: #fff;
    text-align: center;
    font-weight: 400;
    display: block;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    position: absolute;
    right: -10px;
    bottom: -10px;

    padding: 5px;
}

#filter_close:hover {
    background: #4c5c63;
}

#search_button {
    border: 0px solid transparent;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url("/images/icons/magnifier.png") no-repeat transparent !important;
    position: relative;
    z-index: 35;
}

.participiant {
    float: right;
    /*	margin-right:165px; */
    margin-right: 140px;
    cursor: default;
}

.participiant .rest_participants_value {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
    position: absolute;
    /*	width:40px; */
    width: 60px;
    text-align: center;
    top: 7px;
    /*	margin-top:-5px; */
}

.participiant .max_participants {
    color: rgba(255, 255, 255, 1);
    font-size: 8px;
    letter-spacing: 0px;
    position: absolute;
    /*	bottom: 2px; */
    width: 60px;
    top: 0px;
    text-align: center;
}

.countdown {
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    left: 55px;
    top: -15px;
    display: none;
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000,
        0px 0px 1px #000;
}

#wolly[disabled="disabled"] {
    color: #888 !important;
}
/**
*   NAVIGATION CSS
*
*  Description: Main CSS for funny layouting
*
*  Publisher: coretress GmbH
*  Author: Daniel Feith
*  Last-modified: 05-10-2013
*/

#search_wrapper {
    float: left !important;
    margin-left: 10px;
    position: relative;
    z-index: 40;
}

#main_content_header_menue {
    position: relative;
    z-index: 40;
}

#filter {
    display: none;
    position: absolute;

    z-index: 30;

    float: left;
    width: 550px !important;
    height: 350px;

    margin-top: -65px !important;
    margin-left: -10px !important;

    background: rgba(62, 75, 81, 0.9);
    color: #3e4b51;
    border: 3px solid #3e4b51 !important;
    padding: 15px;
}

#extended_search {
    color: #fff;

    font-size: 10px;
    display: inline-block;
    float: left;
    margin-top: 8px;
    cursor: pointer;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#extended_search:hover {
    color: #29bff4;
}

#search_bar {
    border: 3px solid #576972;
    width: 350px;
    font-size: 18px;
    float: none !important;
    position: relative !important;
    color: #3e4b51;
    background: #fff;
    padding: 10px;
    margin-top: 15px;
    margin-left: 50px;
    float: left;
    z-index: 35;
}

#search_bar.ext_view {
    background: #fff !important;
    border: 3px solid #3e4b51;
    color: #3e4b51;
    text-shadow: none !important;
}

#search_bar:hover,
#search_bar:focus {
    border: 3px solid #576972;
    background: #fff;
    text-shadow: 0px 0px 2px #000;
}

#search_bar .ext_view:hover,
#search_bar .ext_view:focus {
    background: #fff;
    border: 3px solid #3e4b51;
}

#loginname_hp-label,
#loginname_hp-element,
#password_hp-label,
#password_hp-element,
#loginname_hp,
#password_hp {
    position: absolute;
    top: -1400px;
}

dd,
dt {
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
    height: auto !important;
}

ul.errors,
ul.errors li {
    position: relative !important;
    background: none !important;
    border: 0px solid #000 !important;
    padding: 5px !important;
    margin: 5px 0px !important;
    display: inline-block !important;
    width: 100% !important;
    font-size: 14px;
    color: rgb(255, 49, 0) !important;
}

#navbar fieldset {
    position: relative !important;
    background: none !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    display: inline-block !important;
    width: 100% !important;
}

.main_lvl {
    position: relative;
    z-index: 300 !important;
}

#shoppingcard_active_wrapper {
    background: #f00;
}

#sc_quicklist {
    position: absolute;
    margin-top: 15px;
}

#left_wrapper #login_form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #c4c8c9;
    border-radius: 3px;
    color: #3c4447;
    padding: 10px !important;
}

#left_wrapper2 #login_form input {
    width: 380px;
}
/**
*  BODY CSS
*
*  Description: Main CSS for funny layouting
*
*  Publisher: coretress GmbH
*  Author: Daniel Feith
*  Last-modified: 03-14-2014
*/

/**********************  BASIC *********************/

/**********************  MAIN *********************/
#main {
    width: 100%;
    height: 100%;

    padding-top: 20px;
}

/**********************  MAIN_FOOTER *********************/
#main_footer {
    width: 1068px;
    margin: auto;
    position: relative;
    z-index: 1;
    /* margin-top:9px; */
    /*	background: #3e4b51; */
}

/**********************  MAIN_HEADER *********************/
#main_header {
    width: 100%;
    z-index: 1;
    width: 1068px;
    margin: auto;
    /*	margin-top; 9px; */
    /*	background-color: #0086b0; */
}

#main_header header {
    width: 984px;
    margin: auto;
    /*	margin-top: 9px; */
}

/**********************  MAIN_CONTENT *********************/
#main_content {
    left: 50%;
    /* top:9px; */
    margin-left: -534px;
    position: relative;
    width: 984px;
    min-height: 850px;
    padding: 10px 42px;

    border: 2px solid #bfab93;
    border-radius: 15px;
    z-index: 2;
    background-color: #fff;
}

/**********************  MAIN_CONTENT_HEADER *********************/
#main_content_header {
    margin: auto;
    height: 35px;
    color: #3c4447;
    margin-top: -35px;
    /*	background-color: white; */
}

#main_content_header_foreign_wrapper {
    position: absolute;
    top: 0px;
    left: 42px;
}

/***********************  MAIN_CONTENT_BODY *********************/
#main_content_body {
    /*	width: 100%;
    min-height:600px; */
    /*	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox *
    -webkit-box-sizing: border-box;
    */
    /*	padding: 0px 0px; */
    /*	background: transparent; */
    /*	display:block;
    z-index: 10;
    position: relative; */
    /*	overflow:hidden; */
}

/**********************  MAIN_CONTENT_FOOTER *********************/
#main_content_footer {
    width: 100%;
    position: relaitve;
    background: transparent !important;
    z-index: 15;
}

/*************** common classes **********************/

.hidden {
    display: none !important;
}

.visible {
    display: inline-block !important;
}

.link {
    display: block !important;
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.break {
    display: block;
}

.break_bottom {
    display: block;
    margin-bottom: 20px;
    clear: both;
}

#block_ui_message {
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    color: #3e4b51;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 15px;
    font-weigth: 800;
    border: 1px solid #3e4b51;
}

.blockMsg.blockPage {
    border: 0px solid transparent !important ;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.blockOverlay {
    background: #fff !important;
}

/*************** PAGES **********************/

.main_content_body_box {
    /*box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox *
height: calc(100% - 40px);

margin:0px 2px;
*/
}

/*************** LOGIN_FORM **********************/

#userLoginModal .modal-content {
    background: var(--shop-container-color-1-bg);
    background: var(--shop-container-color-1-bg-modal);
    color: var(--shop-container-color-1-text);
}

#login_form,
.modal-content {
    border-radius: 7px !important;
}

#login_form {
    color: #fff;
    border: 3px solid var(--shop-container-color-1-bg-modal);
    padding: 15px;
}

#login_form input {
    border: 1px solid var(--shop-container-color-1-border);
    border-radius: 3px !important;
    margin: 2px;
    width: 100%;
    float: none !important;
    position: relative !important;
    color: var(--shop-container-color-1-text);
    padding: 5px;
    font-weight: 400;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#login_form label {
    color: var(--shop-container-color-1-text);
    font-weight: 400;
    margin-bottom: 5px !important;
    margin-left: 2px !important;
    display: block;
    text-shadow: none !important;
}

.login_result {
    clear: both;
    background: #3e4b51;
    color: #fff;

    border: 3px solid #fff;
    width: 290px;
    padding: 5px 20px;
    margin-left: -18px;
    margin-top: 70px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    position: absolute;
    display: none;
}

.login_submit,
.login_register,
.login_pwreset {
    background: none;
    border: none;
    color: #715127;
    text-decoration: none;
    width: 100% !important;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    /*	padding:0 !important; */
    margin: 0 !important;
    margin-top: 10px !important;
    text-align: left;
    padding-top: 20px !important;
}

.login_register {
    width: 100% !important;
    text-align: left;
    float: left;
    margin-top: 5px !important;
    padding-top: 0px !important;
}

.login_pwreset {
    float: right;
    text-align: right;
}

.login_submit:hover,
.login_register:hover,
.login_pwreset:hover {
    /*	background:none !important; */
    /*	border:none; */
    color: #bfab93;
    text-decoration: underline;
}

#captcha-label label {
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 2px;
}
#captcha-label label:before {
    content: "Sicherheitsfrage:";
    display: block;
    font-size: 16px;
}

div.tries {
    width: 100%;
    font-size: 14px !important;
    font-weight: 800;
    padding: 0 !important;
    margin: 1rem;
    /* border: 1px solid #fff; */
    /* margin: 10px 0px; */
    text-align: left;
    text-decoration: none !important;
}

/* all */
::-webkit-input-placeholder {
    color: #bbb;
}
::-moz-placeholder {
    color: #bbb;
} /* firefox 19+ */
:-ms-input-placeholder {
    color: #bbb;
} /* ie */
input:-moz-placeholder {
    color: #bbb;
}

.ui-datepicker-year {
    font-size: 12px !important;
    color: #3e4b51 !important;
}

#rf fieldset {
    padding: 10px;
    margin: 10px 0px;

    display: block;
    min-width: 0;
    max-width: 100%;
    width: 100% !important;
    text-overflow: clip;

    border-radius: 3px;
}

#rf fieldset:first {
    margin-top: -30px !important;
    margin-bottom: 10px;
}

#rf .errors {
    font-size: 14px;
    font-weight: bold;
}

#register_form input[type="text"] {
    /*	width: 286px; */
    width: 100%;

    background: var(--shop-container-color-1-bg-modal);
    border: 1px solid var(--shop-container-color-1-border);
    border-radius: 3px;
    /* box-shadow: 0 1px 1px #eeeeee inset; */
    display: inline-block;
    padding: 3px 6px;
    transition: all 0.15s linear 0s;
    font-family: inherit;
}

#register_form input[type="password"],
#register_form input[type="text"].clear_pw {
    /*	width: 220px; */
    width: 100%;
    background: var(--shop-container-color-1-bg-modal);
    border: 1px solid var(--shop-container-color-1-border);
    border-radius: 3px;
    /* box-shadow: 0 1px 1px #eeeeee inset; */
    display: inline-block;
    padding: 3px 6px;
    transition: all 0.15s linear 0s;
    font-family: inherit;
}

#password2 {
    width: calc(100% - 30px) !important;
}

#register_form select {
    /*	width: 300px; */
    width: 100%;
    background: var(--shop-container-color-1-bg-modal);
    border: 1px solid var(--shop-container-color-1-border);
    border-radius: 3px;
    /* box-shadow: 0 1px 1px #eeeeee inset; */
    display: inline-block;
    padding: 3px 6px;
    transition: all 0.15s linear 0s;
    font-family: inherit;
}

label.required:after {
    content: "*";
    position: absolute;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 2px;
}

#rf .check {
    width: 20px;
    height: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 5px rgba(0, 0, 0, 0.4),
        inset 1px 1px 8px 0px rgba(255, 255, 255, 1),
        inset 1px 1px 3px 0px rgba(255, 255, 255, 1);
    border-radius: 25px;
    background: #0f0;
}

#rf .uncheck {
    width: 20px;
    height: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 5px rgba(0, 0, 0, 0.4),
        inset 1px 1px 8px 0px rgba(255, 255, 255, 1),
        inset 1px 1px 3px 0px rgba(255, 255, 255, 1);
    border-radius: 25px;
    background: #f00;
}

/* .tooltip, .tooltip_nad
{
    z-index: 100;
} */

/* angebote */

.offer_entry,
.event_entry {
    background: #fff;
    border: 2px solid #ccc;

    padding: 10px;
    width: calc(100% - 28px);
    height: 100px;
    margin-bottom: 5px;
}

/* .in{
border: 1px dashed #0f0;
position:relaitve;
} */

.in .delete {
    font-size: 8px;
    position: absolute;
    border: 1px solid #0f0;
    background: #0c0;
}

.odd {
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
}
.even {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
}
/**************** QUICKCARD *****************/

#shoppingcard_active {
    width: 260px;
    padding: 10px 2px;

    color: #3c4447;
    background-color: #ffefdf;
    border: 1px solid #bfab93;
    /* 	background: rgba(255,255,255, 0.95); */
    /*	border: 1px dashed #C4C8C9; */
    border-radius: 8px;

    margin-left: -193px;

    text-shadow: none !important;
    box-shadow: 0px 5px 10px #aaa;

    position: absolute;
    top: 25px;
    box-shadow: inset 0px 0px 1px #fff, 0px 0px 1px #fff !important;
}

#shoppingcard_active table {
    width: 100%;
    border-spacing: 0px;
}

#shoppingcard_active td,
th {
    height: 30px;
    text-align: right;
    padding: 0px 5px;
    vertical-align: bottom;
    border-right: 1px solid #576972;
    border-bottom: 1px solid #576972;
}

#shoppingcard_active th {
    font-size: 10px;
    padding-right: 3px;
}

#shoppingcard_active td {
    font-size: 14px;
    padding-right: 3px;
}

#shoppingcard_active td:last-child,
#shoppingcard_active th:last-child {
    border-right: 0px;
}

#shoppingcard_active tr:last-child td,
.sc_quicklist_foot {
    text-align: right;
    height: 10px;
    vertical-align: bottom;
    border: 0px;
    font-weight: 800;
    font-size: 20px;
    /* border-top: 1px solid #576972; */
}

#shoppingcard:hover ul {
    list-style-type: none;
    box-shadow: none !important;
}

#shoppingcard_value,
#shoppingcard_value:hover {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    background-color: #3e4649;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    width: 16px !important;
    height: 14px !important;
    line-height: 1;
    text-align: center;
    text-shadow: none !important;
    margin-left: 25px;
    margin-top: -5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

/**************** CUSTOMERS PROFILE *****************/

#customer_area {
    position: relative;
}

#customer_area ul:not(.errors) {
    width: 260px !important;
    padding: 0px 0px !important;

    margin-left: -144px;
    color: #3c4447;
    /*	background: rgba(255,255,255, 0.95); */
    /* 	border: 1px dashed #C4C8C9; */
    background-color: #ffefdf;
    border: 1px solid #bfab93;

    border-radius: 8px;
    text-shadow: none !important;
    box-shadow: 0px 5px 10px #aaa;
    position: absolute;
    margin-top: 30px !important;
}

#customer_area .sub_entry {
    background: transparent !important;
    width: calc(100% - 10px) !important;
    border: 1px solid transparent !important;
    margin: 0px !important;
    margin-left: -1px;
    color: #fff;
}

/**************** CUSTOMERS PROFILE LOGIN *****************/

#profil_user_login {
    display: inline-block;
    position: absolute;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-top: 50px !important;
    padding-top: 20px;
    bottom: -10px;
    height: 30px !important;
}

#profil_user_loginscreen {
    padding: 0px 10px;
    width: 250px !important;
    padding: 5px !important;
    margin: 0px !important;
}

#login_ul {
    width: 220px !important;
    margin-left: -145px !important;
    position: relative !important;
}

#shop-login #login_form {
    background: transparent;
}

#shop-login .title {
    padding: 15px;
}

#profil_user_loginscreen #login_form {
    background: transparent;
    position: relative !important;
    padding: 0px !important;
    margin: 0px !important;
    width: 185px !important;
    border: none;
    float: none;
    position: relative;
    text-align: left;
    box-shadow: none !important;
    margin-left: 5px !important;
}

#profil_user_loginscreen #login_form input:not("#willy") {
    width: 100% !important;
}

#profil_user_loginscreen .login_login {
    width: 30px;
    margin: 0px;
}

#profil_user_loginscreen #login_form .login_result {
    width: 185px;
    margin-left: -15px;
}

#profil_user_loginscreen .back_to_page {
    display: none !important;
}

/**************** EXTENDED SEARCH FILTER *****************/

#extended_search_wrapper {
    margin-top: 60px;
}

#extended_search_wrapper h2 {
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 14px;
    display: none;
}

#extended_search_wrapper h3 {
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 12px;
}

#extended_search_wrapper label {
    display: block;
    font-size: 12px;
}

#extended_search_wrapper input,
#extended_search_wrapper select {
    border: none;
    margin: 2px;
    width: 80px !important;
    float: none !important;
    position: relative !important;
    box-shadow: inset 0px 0px 1px #fff !important;
    color: #3e4b51;
    padding: 5px;
    box-shadow: inset 0px 0px 1px #fff, 0px 0px 1px #fff !important;
}

#extended_search_wrapper input:hover,
#extended_search_wrapper input:focus {
    background: #eee;
    box-shadow: inset 0px 0px 1px #fff !important;
}

#extended_search_wrapper input[type="button"] {
    font-weight: 600;
    color: #29bff4;
    background: #fff;
    margin-top: 15px;
    min-width: 35% !important;
    max-width: calc(50% - 10px) !important;
    display: inline-block !important;
    float: left !important;
}

#extended_search_wrapper input[type="button"]:hover {
    border: 3px solid #4c5c63;
    background: #576972;
    box-shadow: inset 0px 0px 1px #fff !important;
}

.ext_search_fieldset_child {
    padding: 5px;
}

.ext_search_fieldset {
    padding: 5px;
    margin-right: 10px;
    display: inline-block;
    float: left;
    border: 3px solid #3e4b51;
    height: 260px;
    color: #fff;
    background: #3e4b51;
}

/**************** JQUERY UI_HACKS *****************/

#ui-datepicker-div {
    padding: 10px 2px;
    background: #fff;
    color: #3e4b51;
    border: 3px solid #4c5c63;
    text-shadow: none !important;
    box-shadow: 0px 5px 10px #aaa;
}

.ui-datepicker-header {
    background: #3e4b51;
    height: 28px;
}

#ui-datepicker-title span,
.ui-datepicker-month,
.ui-datepicker-year {
    font-weight: 400;
    font-size: 18px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    height: 20px;
}

#ui-datepicker-div th {
    font-size: 12px;
    text-align: center;
}
#ui-datepicker-div td {
    text-align: center;
    width: 15px;
    padding: 0;
    margin: 0;
    border: 1px solid #3e4b51;
    background: #fff;
}

#ui-datepicker-div td .ui-state-default {
    color: #3e4b51 !important;
}

#ui-datepicker-div td .ui-state-highlight {
    border: none;
    box-shadow: inset 0px 0px 2px #3e4b51 !important;
}

#ui-datepicker-div td .ui-datepicker-other-month {
    border: 1px solid #4c5c63 !important;
    background: #f00;
}

.ui-datepicker-prev,
.ui-datepicker-prev:hover,
.ui-datepicker-next,
.ui-datepicker-next:hover {
    background: #576972;
    width: 30px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 important;
    margin-top: 2px;
}

/****************       *****************/
/**************** SITES *****************/

/* FULL CALENDER HACKS */


.fc-button:hover {
    background: #576972 !important;
    border: 2px solid #fff !important;
}

.fc-state-active {
    box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.9) !important;
}

.clearfix {
    float: none;
    clear: both;
}

.more,
.book {
    color: var(--shop-container-color-1-text);
    cursor: pointer;
}

.more:hover,
.book:hover {
    text-decoration: underline;
}

.left {
    display: block;
    float: left;
}

.right {
    display: block;
    float: right;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis.multiline {
    white-space: normal;
}

.zend_form {
    padding: 0px !important;
    margin: 0px !important;
}

#form_name-label {
    display: none;
}

.wrapper_cell {
    display: block;
    float: left;
    width: calc(50% - 44px) !important;
    border-radius: 0px;
    border: 1px solid #888;
    padding: 16px !important;
    padding-top: 5px !important;
    margin-right: 20px !important;
    margin-bottom: 15px !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.wrapper_cell.single {
    display: block;
    float: left;
    width: calc(100% - 44px) !important;
    border-radius: 0px;
    border: 1px solid #888;
    padding: 16px !important;
    padding-top: 5px !important;
    margin-right: 20px !important;
    margin-bottom: 15px !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.wrapper_cell:nth-child(2n) {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.wrapper_cell h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-top: 15px !important;
    height: 20px;
    color: #3e4b51;
}

.wrapper_cell h2:first-child {
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-top: 5px !important;
    height: 25px;
    color: #3e4b51;
}

.wrapper_cell h3 {
    font-size: 12px;
    margin: 5px 0px;
    margin-top: -6px;
    padding: 2px 5px;
    background: #3e4b51;
    color: #fff;
    margin-left: -6px;
    width: calc(100% + 2px);
}

.payments_entry,
.coupons_entry,
.coupons_provider_entry {
    width: 50%;
    font-size: 36px;
    border-radius: 6px;
    /* height: 50px; */
    border: none;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px var(--shop-container-color-1-shadow);
    margin: 10px 0px 0px 10px;
    overflow: hidden;
}

.coupons_entry,
.coupons_provider_entry {
    height: 50px;
}

.coupons_provider_entry {
    margin-bottom: 10px;
}

.payments_entry, .coupons_entry {
    border-radius: 5px !important;
}

#left_wrapper {
    min-height: 400px;
}

#left_wrapper,
#right_wrapper {
    border: none;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 1px 2px 6px 1px var(--shop-container-color-1-shadow);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    /* overflow: hidden !important; */
}

.registration_address_form {
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 1px 2px 6px 1px var(--shop-container-color-1-shadow);
    padding: 20px !important;
}

.registration_address_form #orders_customers_comment {                                                                                                                                                                                                                      
    border-radius: 4px !important;                                                                                                                                                                                                                                                     
}

#left_wrapper input, #left_wrapper select, #right_wrapper input, #right_wrapper select {
    border-radius: 3px !important;
}

.wrapper_atom {
    border: none;
    border-radius: 5px;
    min-height: 120px;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: unset;
    box-shadow: 1px 2px 6px 1px var(--shop-container-color-1-shadow);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    overflow: hidden !important;
}

.wrapper_atom label {
    /*	display: inline-block; */
    display: block;
    /* 	width:140px;*/
    font-size: 12px;
    /*	float:left; */
    padding-top: 2px;
}

.wrapper_atom .label_richt_text {
    display: inline-block;
    width: 360px;
    font-size: 12px;
    float: left;
    padding-top: 2px;
}

.wrapper_atom .label_richt_text.linb {
    display: block;
    width: 100%;
    font-size: 12px;
    float: none;
    clear: both;
    padding-top: 2px;
}

.wrapper_atom label:after {
    content: ":";
    margin-left: 2px;
    font-size: 10px;
}

.wrapper_atom label.required:after {
    content: ": *";
}

.wrapper_atom input,
.wrapper_atom select {
    display: block;
    width: 100%;
    border: 1px solid var(--shop-container-color-1-border);
    border-radius: 3px;
    margin: 2px;
    padding: 5px;
}

.wrapper_atom input[type="checkbox"],
.wrapper_atom input[type="radio"] {
    display: block;
    width: 10px;
    text-align: left;
}

.wrapper_atom input.inactive {
    border: none;
    color: #000;
}

.wrapper_atom button {
    border: none;
    margin: 0;
    padding: 0;
}

.customers_debit,
.customers_debit:hover,
.login_submit:hover {
    color: white;
}

.btn-default,
.btn-default:hover {
    color: #000;
}

.wrapper_atom button,
.wrapper_atom input[type="submit"] {
    display: block;
    width: 100%;
    border: none !important;
    border-radius: 5px !important;
    margin: 2px;
    padding: 5px;
}

.wrapper_atom fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.atom_table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
    padding: 0px;
    /*	margin-top: -10px */
}

.atom_table th {
    border: none;
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    padding-bottom: 5px;
}

.atom_table td {
    border: none;

    font-size: 12px;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5px;
    border-bottom: 1px solid #eee;
    cell-spacing: 0px;
}

.atom_table .button {
    font-size: 12px;
}

.atom_table td.value {
    padding-right: 10px;
}

#recent-orders td {
    width: 20%;
}

.atom_text {
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding-bottom: 6px;
}

.atom_footer_wrapper {
    margin-top: 30px;
    width: 100%;
    position: relative;
    display: block;
    clear: both;
}

.atom_cell_right {
    text-align: right;
    font-weight: 800;
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.atom_header_wrapper {
    text-align: right;
    position: relative;
    margin-bottom: 10px;
}

.atom_search {
    display: inline-block;
    padding-right: 25px;
}

.atom_export {
    display: block;
    padding-top: 0px;
    float: left;
}

.atom_export .export {
    display: inline-block;
    position: relative;
    color: #fff !important;
    background: #3e4b51;
    padding: 2px 5px;
    font-size: 10px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    cursor: pointer;
    height: 14px;
}

.atom_search input[type="button"] {
    background: url("/imgaes/icons/magnifier.png") no-repeat top left #3e4b51 !important;
    width: 24px;
    height: 24px !important;
    border: 2px solid #3e4b51 !important;
    background-size: contain !important;
    position: absolute;
    margin-top: 0px !important;
}

.atom_search input[type="text"] {
    height: 20px !important;
    border: 1px solid #3e4b51 !important;
    position: relative;
    display: inline-block;
    margin-top: 0px !important;
    margin-right: 3px;
    padding: 1px 2px;
}

.atom_list {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
}

.description_details {
    overflow: hidden;
    padding-bottom: 25px;
}

.category_wrapper,
.details_wrapper {
    padding: 10px !important;
    padding-bottom: 0px !important;
    min-height: 220px;
    position: relative !important;
    margin-bottom: 30px;
}

.category_wrapper .category_entry,
.details_wrapper .details_entry {
    /*position:absolute;
left:0px; */
}

.category_wrapper .category_img {
    /*	width:200px;
    height: 200px;
    margin-top:-30px;
    margin-left:5px;
*/
}

.details_wrapper .details_img {
    width: 200px;
    height: 200px;
    margin-top: -45px;
    margin-left: 5px;
}

details_wrapper .description,
.details_wrapper .description {
    width: 75%;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    text-align: justify;
    font-size: 13px;
}

.category_wrapper .details,
.details_wrapper .details {
    padding: 0px;
    margin: 0px;
}

.category_wrapper .details ul,
.details_wrapper .details ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.category_wrapper .images,
.details_wrapper .images {
    clear: both;
    padding: 5px;
    padding-left: 10px;
    height: 60px;
    margin-left: -10px;
    width: calc(100% + 20px);
    position: relative;
}

.category_wrapper .images img,
.details_wrapper .images img {
    margin-right: 5px;
    margin-bottom: 5px;
    bottom: 0px !important;
}

.image_float_helper {
    width: 200px;
    height: 160px;
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

.resources_wrapper .resources .resource_entry {
    border: 1px solid #3e4b51 !important;
    margin-top: 20px !important;
    padding: 10px !important;
}

.resource_entry {
    position: relative;
}

.resource_entry .resource_heading {
    margin-top: -30px !important;
    font-size: 16px !important;
    color: #fff !important;
    bottom: 0px;
    padding: 5px;
    display: inline;
    position: absolute;
    text-shadow: 0px 1px 1px #888;
    text-transform: uppercase;
}

.resource_head {
    position: absolute;
}

.resource_entry .description {
    width: 75%;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    text-align: justify;
}

.resource_entry .details {
    padding: 0px;
    margin: 0px;
}

.resource_entry .details ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.resource_entry .images {
    clear: both;
    padding: 5px;
    padding-left: 10px;
    height: 60px;
    margin-left: -10px;
    width: calc(100% + 20px);
    position: relative;
}

.resource_entry .images img {
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.resource_entry .image_float_helper {
    width: 150px;
    height: 100px;
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

.more_description,
.less_description {
    position: absolute;
    display: inline-block;
    bottom: 70px;
    right: 0px;
    color: #29bff4 !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    text-decoration: underline;
    width: 50%;
    padding: 15px;
    text-align: right;
    cursor: pointer;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 55%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0%, rgba(255, 255, 255, 0)),
        color-stop(55%, rgba(255, 255, 255, 1)),
        color-stop(100%, rgba(255, 255, 255, 1))
    );
    background: -webkit-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 55%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -o-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 55%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -ms-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 55%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 55%,
        rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.overdue td {
    color: #c00;
}

#booking {
    padding: 10px;
    margin-bottom: 20px;
}

#booking #offer_img {
    position: relative;
}

#booking .offer_img {
    position: absolute;
    margin-top: -40px;
    padding-right: 20pxm;
}

#error_catcher-element .errors li {
    padding: 10px;
    margin-top: 10px;
    margin-left: -5px;
    width: calc(100% - 20px) !important;
    border: 1px solid #a00 !important;
    text-align: center;
    color: #a00;
    font-size: 16px !important;
    font-weight: 800;
}

#user_profile #result {
    display: none;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #0a0;
    text-align: center;
    color: #0a0;
    font-size: 16px !important;
    font-weight: 800;
}

.formlink,
.address_entry {
    display: block;
    overflow: hidden;
    float: left;
    width: 85px;
    height: 50px;

    outline: 1px dashed #888;
    padding: 5px;
    margin: 5px;
    font-size: 9px;
    cursor: pointer;
}

.address_entry {
    height: 70px;
    width: 120px;
    padding: 10px;
    margin-bottom: 30px;
}

.address_entry a,
.address_entry a:visited {
    position: absolute;
    margin-top: 85px;
    margin-left: 95px;
}

.address_entry input[type="radio"] {
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
}

.formlink: hover, .address_entry: hover;
{
    outline: 2px dashed #888;
}

.formlink.activated {
    outline: 1px dashed #29bff4;
    cursor: not-allowed;
}

.formlink.deactivated {
    cursor: wait;
}

.deliveryform .zend_form,
.billingform .zend_form {
    background: var(--shop-container-color-1-bg);
}

#billing_addresses,
#delivery_addresses {
    margin-bottom: 15px;
}

#billing_addresses a,
#delivery_addresses a {
    text-decoration: none;
    color: #29bff4 !important;
}

.debit_provider_entry {
    width: 50%;
    border: 1px solid var(--shop-container-color-1-border);
    border-radius: 10px;
    margin-top: 5px;
}

.debit_provider_entry .row {
    margin-bottom: 15px;
}

.debit_provider_entry select {
    display: block;
    padding: 3px 5px;
    width: 100%;
}

.debit_provider_entry .btn-topup {
    background: transparent;
    display: inline-block !important;
    background-color: transparent !important;
}

.wrapper_atom .btn-topup {
    margin-left: 10px !important;
}

.coupons_entry {
    min-height: 65px;
    height: 100%;
}

.coupons_provider_entry {
    height: 100%;
}

.coupons_entry img {
    position: absolute;
    margin-left: 30px;
    margin-top: 5px;
}

.coupons_entry input[type="radio"] {
    position: absolute;
    margin-left: 10px;
    margin-top: 20px;
}

#redeem_coupon_code,
.redeem_input {
    width: 150px;
    font-size: 18px;
}

#left_wrapper input[type="text"] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: inline-block;
    font-family: inherit;
    padding: 6px 6px;
}

#left_wrapper input[type="text"].error {
    border: 1px solid rgb(255, 49, 0);
}

.choosen_adress {
    margin-bottom: 30px;
}

.tt_text {
    display: block;
    width: 220px;
    color: #000;
    font-size: 12px;
    padding: 15px;
    border-radius: 5px;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(226, 226, 226, 0.98) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(255, 255, 255, 0.98)),
        color-stop(100%, rgba(226, 226, 226, 0.95))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(226, 226, 226, 0.98) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(226, 226, 226, 0.98) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(226, 226, 226, 0.98) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(226, 226, 226, 0.98) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#f2e2e2e2',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px 0px 0px 1px #888;
    text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    cursor: default;
}

.tt_text span {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}

#password1,
#password2 {
    /*	width: 225px; */
}
.pw_ample,
.pw_repeat {
    float: right;
    margin-top: -20px;
    display: block;
    width: 20px;
    height: 20px;
}

.pw_ample {
    border-radius: 25px;
    text-align: center;
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000;
    font-size: 12px;
    color: #fff;
    line-height: 19px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    display: none;
}

#offer_information #left_wrapper.w400,
#offer_information #right_wrapper.w400 {
    width: 400px !important;
}

#offer_information #left_wrapper.h480,
#offer_information #right_wrapper.h480 {
    height: 480px;
}

/* shopping_card_wrapper */

#shopping_card_wrapper {
    color: var(--shop-container-color-1-text);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#shopping_card_wrapper h3 {
    display: none;
}

#shopping_card_wrapper tr.reductions-list-title td {
    text-align: left;
}

#shopping_card_wrapper th {
    border: none;
    padding: 0;
}

#shopping_card_wrapper tr th:nth-child(1) {
    padding-right: 1em;
}

#shopping_card_wrapper th:nth-child(1),
#shopping_card_wrapper th:nth-child(2) {
    text-align: left;
}

#shopping_card_wrapper tr.cart-position > * {
    padding: 0.35em;
}
#shopping_card_wrapper tr.cart-position > *:first-child {
    padding-left: 0.7em;
}
#shopping_card_wrapper tr.cart-item:not(.mail_porto) {
    height: 2.5em; /* acts on tr elements like min-height */
}

#shopping_card_wrapper tr.cart-item:nth-child(even),
#shopping_card_wrapper tr.cart-redeemed-coupon:nth-child(odd) {
    background: var(--shop-container-color-1-bg-secondary);
}

#shopping_card_wrapper tr.cart-item.is-sub-item td:nth-child(1),
#shopping_card_wrapper tr.cart-item.is-sub-item td:nth-child(2) {
    padding-left: 0.7rem;
}

#shopping_card_wrapper td:nth-last-child(1),
#shopping_card_wrapper td:nth-last-child(2) {
    text-align: right;
}

#shopping_card_wrapper .cart-totals .sub-container {
    background: var(--shop-container-color-1-bg-secondary);
    margin-top: 0.7em;
    padding: 0 0.3em;
    /* float: right; */
}
#shopping_card_wrapper .cart-totals .sub-container {
    margin-bottom: 0.5em;
}

#createOrder {
    display: none;
}

#right_wrapper .sc_quicklist_foot {
    font-size: 24px;
    font-weight: 800;
}

.sc_quicklist_discount_info {
    font-size: 11px !important;
    padding: 5px 2px;
}

/* #right_wrapper .sc_quicklist_foot td {
    border-top: 3px double #000;
} */

.mwst_ausz {
    font-size: 12px;
}

#shopping_card_wrapper #empty_sc {
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

.shopping_card_entry {
    border-bottom: 1px solid var(--shop-container-color-1-border);
    padding: 5px;
    position: relative;
    margin-bottom: 5px;
}

.shopping_card_entry .btn,
.offer_information .btn,
.coupons_entry .btn,
.coupons_provider_entry .btn,
.coupons_provider_btn {
    background: #3e4b51;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    display: inline-block;
    padding: 5px;
    width: 30px;
    border: none;
    margin-top: -2px;
    height: 33px;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px 0px var(--shop-container-color-1-shadow);
    cursor: pointer;
}

.coupons_provider_btn:hover {
    background-color: #4c5c63;
}

.shopping_card_entry .btn:hover {
    background: #576972;
}

.shopping_card_entry .minus {
    margin-right: 3px;
}
.shopping_card_entry .plus {
    margin-left: 3px;
}

.shopping_card_entry .title {
    font-weight: 800;
    border-bottom: 1px solid var(--shop-container-color-1-border);
    width: 100%;
    display: inline-block;
}

@media (max-width: 400px) {
    html .shopping_card_entry .warning-today.badge { /* for making the elements after the badge go to a new line */
        display: block;
        width: fit-content;
        margin: 0 0 10px 0;
    }
}
.shopping_card_entry .warning-today.badge {
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 700;
    margin-left: 0;
    background-color: red;
    color: #fff;
    border: none;
    box-shadow: 0px 3px 5px -2px #000000d4;
}
.shopping_card_entry .warning-today.message {
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 10px;
    color: red;
}

.shopping_card_entry .date,
.shopping_card_entry .time {
    display: inline-block;
    /* font-size:12px; */
    margin-bottom: 5px;
}

.shopping_card_entry .time:before,
.shopping_card_entry .date:before {
    display: inline-block;
    margin-right: 3px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    background: none;
    width: 15px;
}

.shopping_card_entry .date::before {
    content: "\f073";
}

.shopping_card_entry .time::before {
    content: "\f017";
}

.shopping_card_entry .agecat,
.shopping_card_entry .participants_label {
    display: block;
    /* font-size:12px; */
    margin-bottom: 5px;
}

.shopping_card_entry .sc_entry {
    position: relative;
}

.shopping_card_entry .cart_item_delete {
    float: right;
    /* background: url("/images/icons/bs_delete_invert.png") no-repeat scroll left top / contain  rgba(0, 0, 0, 0); */
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 3px;
    /* border: 1px solid transparent; */
    /* border-radius:15px; */
    /* box-shadow: 0px 2px 4px 0px rgba(0,0,0, 0.25); */
}

.shopping_card_entry .cart_item_decrease:not(.disabled),
.shopping_card_entry .cart_item_delete,
.shopping_card_entry .cart_item_increase:not(.disabled),
.shopping_card_entry .cart_item_config,
.redeem_coupon .coupon_item_delete {
    cursor: pointer;
}

.shopping_card_entry .cart_item_decrease.disabled,
.shopping_card_entry .cart_item_increase.disabled {
    cursor: not-allowed;
}

.shopping_card_entry .cart_item_decrease,
.shopping_card_entry .cart_item_increase {
    font-size: 1.5em;
    position: relative;
    top: 2px;
    user-select: none;
}

.shopping_card_entry .cart_item_decrease {
    margin-right: 6px;
}

.shopping_card_entry .cart_item_increase {
    margin-left: 6px;
}

.shopping_card_entry .cart_item_decrease:not(.disabled):hover::before,
.shopping_card_entry .cart_item_delete:hover::before,
.shopping_card_entry .cart_item_increase:not(.disabled):hover::before,
.shopping_card_entry .cart_item_config:hover::before,
.redeem_coupon .coupon_item_delete:hover::before {
    font-weight: 900;
}

.coupon_item_delete {
    float: right;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-top: 3px;
}

.shopping_card_entry .date_time {
    min-height: 1.4em;
}

.shopping_card_entry .cart-item-quantity-and-price {
    display: flex;
    justify-content: space-between;
}

.shopping_card_entry .sc_price_value {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 82px;
    text-align: right;
    /* float: right; */
}

.cart_item_infos_pricing_org {
    font-size: 14px;
    text-decoration: line-through;
    margin-top: -10px;
}

.shopping_card_entry .sc_price_value_customer {
    font-size: 18px;
    margin-bottom: 5px;
    min-width: 82px;
    text-align: right;
    /* float: right; */
}

.shopping_card_entry input[type="text"] {
    border: none;
    width: 40px;
    color: #3e4b51;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: inline-block;
    text-align: right;
}

.shopping_card_entry .max,
.shopping_card_entry .max_none {
    padding: 5px;
    border: none;
    display: inline-block;
    width: 45px;
    font-size: 16px;
    margin-left: -5px;

    height: 21px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shopping_card_entry .participants_main {
    border: 1px solid var(--shop-container-color-1-border);
    padding: 5px 0px;
}

.shopping_card_entry .participants_customer {
    padding: 5px 0px;
}

.shopping_card_entry .max_none {
    color: #fff;
}

.shopping_card_entry .part_max {
    display: none;
    font-size: 12px;
    margin-bottom: 10px;
}

.shopping_card_entry .part_max_count {
    font-size: 14px;
    font-weight: 800;
}

.shopping_card_entry .max:before {
    content: "/";
    display: inline-block;
    position: relative;
    margin-left: -7px;
}

.shopping_card_entry .max_none:before {
    content: "";
}

#updateCart {
    background: url("/images/icons/update_cart.png") no-repeat center top /
        contain #3e4b51;
    width: 45px;
    height: 45px;
    padding: 0px;

    color: #fff;
    display: inline-block;
    float: right;

    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px 0px #888;
}

#updateCart:hover {
    background: url("/images/icons/update_cart.png") no-repeat center top /
        contain #576972;
}

.cart_totals {
    text-align: right;
    font-size: 20px;
    margin-top: 5px;
    padding-top: 10px;
    padding-right: 5px;
    color: var(--shop-container-color-1-text);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.cart_totals,
.reductions-list-container {
    border-top: 2px solid var(--shop-container-color-1-border);
}

.redeem_coupon:first-child {
    border-top: none;
}

.redeem_coupon {
    /*	text-align:right; */
    /* 	border-top:5px solid #888; */
    border-top: 1px solid rgba(62, 75, 81, 0.3);
    /*	font-size:16px; */
    margin: 5px;
    /*	margin-top:5px; */
    /*	padding-top:10px; */
    /*	padding-right:5px;
    color: #3e4b51;*/
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    display: flex;
}

.coupons_value {
    font-size: 16px;
}
.coupons_rest_value {
    font-size: 14px;
    /* 	text-decoration: line-through;*/
}

.cart_sub_total_label {
    font-size: 16px;
}

.span-error-text,
#error_message,
#trycount,
.tries {
    color: rgb(255, 49, 0);
}

input.error,
select.error {
    border-color: rgb(255, 49, 0) !important;
}

span.error,
#error_message,
div.tries {
    display: block;
    padding: 15px;
    width: calc(100%);

    font-size: 12px;

    text-decoration: underline;
}

#error_message {
    font-size: 14px !important;
    text-decoration: none;
    padding: 0;
    margin: 1rem;
}

#trycount {
    display: inline !important;
}

#payment_gateway {
    width: calc(100% - 2px);
    height: 600px;
    border: 1px dashed #c4c8c9;
    border-radius: 3px;
    color: #3c4447;
}

.registration_address_form {
    /*	width:550px; */
    background: var(--shop-container-color-1-bg);
    /* 	border: 1px dashed #C4C8C9; */
    border: 1px solid #c4c8c9;
    border-radius: 3px;
    color: #3c4447;
    padding: 10px;
    margin-bottom: 15px;
}

.registration_address_form input {
    /*	width: 310px; */
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #c4c8c9;
    margin-bottom: 3px;
}

.registration_address_form textarea {
    /*	width: 310px; */
    width: 100%;
    padding: 3px 5px;
    margin-bottom: 3px;
    height: 100px;
}

.registration_address_form select {
    /* 	width: 206px;*/
    width: 100%;
    padding: 3px 5px;
    margin-bottom: 3px;
}

.registration_address_form label {
    width: 150px;
    display: inline-block;
    font-size: 10px;
}

.accept_checkbox {
    display: inline-block;
    /*margin-top:30px; */
    clear: both;
    position: absolute;
}

.accept_link {
    display: inline-block;
    width: 350px;
    margin-left: 20px;
    font-size: 13px;
    /* float:left; */
    /* position:absolute; */
    /* margin-top:25px; */
    /* color: #28BFF6; */
    text-decoration: none;
}

.accept_link a {
    color: var(--shop-container-color-1-text);
    /* color: #715127; */
    /*color: #28BFF6; */
    text-decoration: none;
}

.pices_overview {
    float: right;
    font-size: 12px;
    padding: 5px;
}

.pices_overview span {
    display: block;
}

.pices_overview label {
    display: inline-block;
    width: 180px;
}

.pices_overview #age_disclaimer {
    font-size: 10px;
    width: 230px;
    margin-top: 10px;
}

#req_result {
    width: calc(100% - 5px);
    margin-left: 0%;
    display: none;

    z-index: 300;
}

#req_result_text {
    min-height: 300px;
}

.glass_border {
    position: absolute;
    display: block;
    border-radius: 10px;
    border: 0px solid rgba(255, 255, 255, 0.5);
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.9);
    z-index: 10;
}

.glass_text {
    display: block;
    color: #000;
    font-size: 12px;
    padding: 15px;
    border-radius: 5px;
    line-height: 1.5;
    background: rgba(255, 255, 255, 0.95);
    border: 1px dashed #c4c8c9;
    position: relative;
    z-index: 11;
}
.glass_text span {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}

.glass_text a,
.glass_text a:visited {
    color: #29bff4 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.glass_border_closer {
    position: absolute;
    right: 0px;
    margin-top: -10px;
    width: 20px;
    height: 20px;

    font-size: 10px;
    text-align: center;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    cursor: pointer;

    line-height: 18px;

    background: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 15;
}

.glass_border_closer:hover {
    background: rgba(240, 240, 240, 0.9);
}

#defuser {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    background: rgba(62, 75, 81, 0.05);
    top: 0px;
    left: 0px;
}

#show_password_plain-label {
    position: absolute !important;
    width: 50px;
}
#show_password_plain-element {
    position: absolute !important;
    margin-left: 240px !important;
    margin-top: -20px !important;
    width: 180px !important;
}

#copyright {
    font-size: 16px;
    color: #000;
    padding: 5px;
}

.copyright_link:link,
.copyright_link:visited,
.copyright_link:focus,
.copyright_link:hover,
.copyright_link:active {
    font-size: 16px;
    color: var(--shop-container-color-1-text);
    padding-top: 20px;
}

.browserwarner {
    padding: 5px 25px;
    font-size: 14px;
    position: absolute;
    width: calc(100% - 50px);
    background: #fc0;
    box-shadow: 0px 0px 10px #000;
    z-index: 5000;
    text-align: left;
}

.browserwarner {
    padding: 5px 25px;
    padding-top: 20px;
    font-size: 12px;
    position: fixed;
    width: calc(100% - 50px);
    background: #fc0;
    box-shadow: 0px 0px 10px #000;
    z-index: 5000;
    text-align: left;
}

.bw_closer {
    position: absolute;
    z-index: 5001;
    right: 5px;
    top: 5px;

    padding-left: 3px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;

    font-size: 8px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    box-shadow: inset 0px 0px 5px #ccc;
    border: 1px solid #aaa;
    border-radius: 2px;
}

.shadow {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}

.text-shadow {
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1),
        0px 0px 2px rgba(0, 0, 0, 1);
}

.text-shadow-hard {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1);
}

#fieldset-register_personal #entry_street-element {
    margin-top: 20px;
}

.age_cat_title {
    width: 165px;
    display: inline-block;
}

.age_cat_name,
.group_cat_name {
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    /*	width:150px; */
}

.age_cat_name_offer_tile,
.group_cat_name_offer_tile {
    width: 180px;
}

.age_cat_price {
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    padding: 5px;
}

.age_cat,
.group_cat {
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 2px 4px 0 #888888;
    padding: 5px;
    width: 100%;
}

.age_cat:hover {
    background: rgba(0, 0, 0, 0.3) !important;
}

.age_cat_offer_tile,
.group_cat_offer_tile {
    background: #999 !important;
    margin-bottom: 5px;
    width: 100%;
}

.age_cat_offer_tile:hover {
    background: #ccc !important;
}

.coupon_cat {
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff;
    border-radius: 0px;
    padding: 25px 5px 15px 5px;
    width: 100%;
}

.coupon_cat_coupon_tile {
    background: #999 !important;
    margin-bottom: 5px;
    min-width: 150px;
}

.coupon_cat_coupon_tile:hover {
    background: #ccc !important;
}

.cart_coupons_text {
    height: 30px;
    font-size: 12px;
    overflow: hidden;
}

.coupons_label {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
}

sup.mwsts_info {
    font-size: 8px;
}

.sc_quicklist sup {
    display: none;
}

#registrieren-label {
    position: absolute;
}

#registrieren-element div.tooltip {
    margin-top: -30px !important;
}

#dwolly {
    position: absolute;
    height: 55px;
    width: 255px;
    margin-top: 20px;
    z-index: 250;
}

#orders_history .wrapper_atom label:after {
    content: "" !important;
}

#response,
.delay_info {
    color: #000;
    font-size: 12px;
}

.blanko_img {
    display: none;
}

.cancellation_button {
    display: block;
    width: 15px;
    height: 15px;

    cursor: pointer;

    background: url("/images/icons/cancellation.png") no-repeat left top;
    background-size: contain;
}

.cancellation_notice_button {
    display: block;
    width: 15px;
    height: 15px;

    cursor: pointer;

    background: url("/images/icons/cancellation_notice.png") no-repeat left top;
    background-size: contain;
}

.overlay_info {
    position: fixed;
    display: block;
    box-sizing: border-box;

    max-width: 600px;
    padding: 25px;

    top: 25%;
    left: 10%;
    right: 10%;
    z-index: 500;
    margin: auto;

    border: 1px solid #eee;
    border-radius: 15px;

    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(0, 0, 0, 0.2);
}

.overlay_defuser {
    display: block;
    position: fixed;

    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
    z-index: 490;
    background: rgba(255, 255, 255, 0.3);
}

.overlay_info_closer.fa-times-circle {
    color: #ff000000 !important;
}

.overlay_info_closer.fa-times-circle:before {
    color: #29bef4 !important;
}

.overlay_info_closer {
    float: right;
    margin-right: -20px;
    margin-top: -20px;

    width: 20px;
    height: 20px;

    border-radius: 16px;
    font-size: 20px;
    font-weight: 800;
    line-height: 14px;
    color: #29bef4;

    text-align: center;
    text-transform: lowercase;

    /* border: 2px solid #29bef4; */
    cursor: pointer;
}

/* .overlay_info_closer:hover {
    color: #87dfff;
    border: 2px solid #87dfff;
} */

.overlay_info_proceed,
.overlay_info_abort {
    cursor: pointer;
    color: #29bef4;
    text-align: center;
    padding: 3px 6px;
    margin-top: 5px;
    border: 1px solid #29bef4;
    border-radius: 3px;
}

.overlay_info_abort {
    float: left;
}

.overlay_info_proceed {
    float: right;
}

.order-details-cancel-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.order-details-cancel-container .cancel-button {
    border-radius: 3px !important;
    white-space: initial !important;
    text-transform: capitalize !important;
    font-variant-caps: small-caps !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
}

#cancel-items-button-container {
    position: relative;
    z-index: 100;
}

#cancel-items-button-container:hover .cancel-button-hover-info {
    position: absolute;
    display: initial !important;
    visibility: initial !important;
    right: 0;
    padding: 3px 6px;
    border-radius: 3px;
    color: white;
    background: #525252;
    font-variant-caps: initial;
    text-transform: none;
}

.cancellation__button_text {
    width: initial !important;
    padding: 5px 10px !important;
    color: #29bef4;
    cursor: pointer;
    float: right;
    font-weight: 400;
    font-size: 12px;
}

.action_select_wrapper {
    float: right;
}

.action_select_button {
    display: block;
    width: initial !important;
    color: #29bef4;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    padding: 5px 10px !important;
    margin-top: 10px;
}

.order_canceled * {
    color: #888 !important;
}

.order_canceled h4 * {
    text-decoration: line-through;
}

.order_canceled div>div>div.more {
    color: #888 !important;
    text-decoration: underline !important;
}

.paymethods {
}

.footnote {
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #888;
}

#footer_left {
    float: left;
    color: #715127;
    text-align: left;
    width: 584px;
    padding-top: 5px !important;
}

#footer_right {
    color: #715127;
    float: left;
    text-align: right;
    width: 400px;
}

.footerNav {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footerNav li {
    float: left;
    padding: 5px !important;
}

#header_menu ul {
    float: right;
    list-style: outside none none;
    margin-top: 45px !important;
    padding: 0;
}

#header_menu li {
    float: left;
    padding: 5px !important;
    font-weight: bold;
    color: #715127;
}

#timeline {
    display: none;
}

/* ## DEFAULT BUTTONS ## */

button {
    border-radius: 3px;
}

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

.btn:focus,
.customer-information-btn a {
    color: white;
}

.login_submit,
.login_pwreset,
.login_register,
.login_submit:hover,
.login_pwreset:hover,
.login_register:hover {
    padding: 9px !important;
    color: white;
}

.btn,
.back_to_page,
.go_to_page,
.go_to_page_payment,
.fc-header,
.fc-button,
.login_submit,
.login_pwreset,
.login_register,
.add_guest_btn,
.customers_debit,
.ui-dialog-buttonset>button,
.customer-information-btn,
.coupons_provider_btn {
    border-radius: 4px;
    background: #000;
    color: white;
    text-align: center;
    cursor: pointer !important;
}

.btn:hover,
.back_to_page:hover,
.go_to_page:hover,
.go_to_page_payment:hover,
.fc-header:hover,
.fc-button:hover,
.login_submit:hover,
.login_pwreset:hover,
.login_register:hover,
.add_guest_btn:hover,
.customers_debit:hover,
.ui-dialog-buttonset>button:hover,
.customer-information-btn:hover,
.coupons_provider_btn:hover {
    background: #292929;
    color: white;
    text-decoration: none;
}

.btn-block,
.btn-block:hover {
	color: var(--shop-container-color-1-text) !important;
	cursor: pointer;
}

.btn-register {
    width: 100%;
}

.btn, 
.back_to_page, 
.go_to_page, 
.go_to_page_payment, 
.fc-header, 
.fc-button {
    text-transform: uppercase;
}

/* ## DEFAULT BARS ## */

.ui-dialog-titlebar,
.go_to_calender,
.add_to_card_icon, 
.add_to_card_icon i,
.participiant,
.price_value {
    background-color: #000;
    color: white !important;
}

#dialogCustomer input,
#dialogCustomer select {
    width: 100%;
}

#dialogCustomerRegister,
#dialogCustomerLogin {
    width: 100%;
}

#shoppingCardModal {
    z-index: 1039;
}

.detail-page .badge {
    font-size: 13px;
    padding: 15px;
    margin: 5px;
    background-color: var(--shop-container-color-1-bg);
    border: 1px solid var(--shop-container-color-1-border);
    color: var(--shop-container-color-1-text);
    cursor: pointer;
}
.detail-page .badge:hover{
    background-color: var(--shop-container-color-1-bg-secondary);
}

.detail-page .badge.active {
    background-color: hsl(from var(--shop-container-color-1-bg-secondary) h s calc(l var(--shop-container-color-1-bg-offset)));
}

.detail-page .badge img {
    border-radius: 8px;
}

.detail-page .badge-finish {
    padding: 15px;
    margin: 5px;
    text-align: center;
    vertical-align: baseline;
    border-radius: 10px;
    background-color: rgb(6, 117, 46);
    color: white;
    cursor: pointer;
}
.detail-page .badge-finish:hover{
    background: rgb(0, 147, 0);
}

.disabled {
    opacity: 50%;
}

.disabled:hover {
    background-color: white;
    color: #575757;
    cursor: none;
}