/*
Theme Name: Inn Getränke
Theme URI: https://github.com/elementor/hello-theme/
Description: websplash | Agentur für Internet und Mediendesign
Author: websplash
Author URI: https://websplash.de/
Template: hello-elementor
Version: 1.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.elementor-widget-text-editor p:last-of-type,
.elementor-widget-theme-post-content p:last-of-type {
  /* to remove margin of last p in text widget */
  margin-bottom:0;
}

.websplash input {
  /* to hide weird shadow on some iOS input fields */
  outline:0!important;
}

.websplash .elementor-field-option input[type="checkbox"],
.websplash .elementor-field-option input[type="radio"] {
  /* align fields middle */
  vertical-align: middle;
}

input[type="date"] {
  /* iOS datefield fix */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.websplash .elementor-field-option label {
  /* pointer cursor for labels of options (checkbox etc.) */
  cursor: pointer;
}

.websplash input[type="checkbox"] {
  /* fix iOS Bug if label is too long not to shrink the input */
  min-width:20px;
}

.websplash  .elementor-field-group .elementor-field-textual:focus {
  /* to not focus fields with border on hover */
  box-shadow:none;
  outline: 0;
}

/* hover effect for icons in buttons */
.elementor-widget-button a.elementor-button .elementor-button-icon {
  -webkit-transition: left 0.2s ease-in;
  -moz-transition: left 0.2s ease-in;
  -o-transition: left 0.2s ease-in;
  -ms-transition: left 0.2s ease-in;
  transition: left 0.2s ease-in;
  left:0;
  position: relative;
}
.elementor-widget-button a.elementor-button:hover .elementor-align-icon-right {
  left:10px;
}

/* align the acceptence form checkbox in a way, that it stay left, even the label text is multiple lines long */
.elementor-field-type-acceptance .elementor-field-option {
  display:flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.elementor-field-type-acceptance .elementor-field-option input {
  top: 7px;
  position: relative;
}

.elementor-select-wrapper select:focus {
  box-shadow:none;
}

.elementor-select-wrapper select option {
  color: var(--e-global-color-text);
}

/* hide recaptcha badge if active */
.grecaptcha-badge { visibility: hidden; }

.elementor-video {
  /* fix height issue, after video has been unblocked by borlabs cookie banner */
  height:100%;
}

/* style pw form on page pw protection at least a little bit nicer per default */
body.elementor-page form.post-password-form {
  display: flex;
  padding: 40px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100vh;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background: #eee;
}

.hover_effect_box .hovered_imagebox .elementor-widget-image {
    overflow: hidden;
    border-radius: 15px;
}

.hover_effect_box .hovered_imagebox .elementor-widget-image::before {
    content:' ';
    background-color: #000;
    opacity:0;
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index: 5;
    transition: opacity 0.3s ease-in-out;
}


.hover_effect_box.hovered .hovered_imagebox .elementor-widget-image::before {
    opacity: 0.6;
}

.hover_effect_box .hovered_imagebox .elementor-widget-image img {
    transition: filter 0.3s ease-in-out;
}

.hover_effect_box.hovered .hovered_imagebox .elementor-widget-image img {
    filter:blur(4px);
}

.hover_effect_box .hovered_imagebox .elementor-widget-icon {
    position: absolute!important;
    top:50%!important;
    left:50%!important;
    transform: translate(-50%,-50%);
    opacity: 0;
    z-index: 7;
    transition: opacity 0.3s ease-in-out!important;
}

.hover_effect_box.hovered .hovered_imagebox .elementor-widget-icon {
    opacity: 1;
}

.elementor-widget-image-carousel .swiper-slide {
    padding:20px;
}

.elementor-widget-image-carousel .swiper-slide.swiper-slide-next img {
    transform:scale(1.1);
    z-index: 9;
    position: relative;
    overflow: hidden;
}

.elementor-widget-image-carousel .swiper-slide img {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    border:1px solid var( --e-global-color-c1cc65c );
    background-color: transparent!important;
}

.background_box {
    box-shadow: none!important;
}

.background_box::before {
    content:' '!important;
    background-color: #fff;
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    transition: transform 0.3s linear!important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.background_box:hover::before {
    transform:scale(1.1);
}



#infobox #infobox_title {
    max-width:480px;
    height:70px;
    transition: max-width 0.3s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    backdrop-filter: blur(2px) !important;
}

#infobox.active #infobox_title {
    max-width:100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#infobox #infobox_title::after {
    content:' ';
    position: absolute;
    right:20px;
    width:15px;
    height:150px;
    -webkit-mask-image: url('assets/images/arrow_down.svg');
    mask-image: url('assets/images/arrow_down.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var( --e-global-color-20db031 );
    transition: transform 0.3s ease-in-out;
}

#infobox.active #infobox_title::after {
    transform:rotate(-180deg);
}

#infobox #infobox_moredetails {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    backdrop-filter: blur(2px) !important;
}

#infobox #infobox_moredetails .elementor-widget-button {
    margin-bottom:0;
    margin-top:20px;
}

#infobox #infobox_moredetails a:not(.elementor-button),
.websplash .elementor-widget-icon-list a {
    font-weight: bold;
    color:var(--e-global-color-20db031);
}

body:not(.elementor-editor-active) #infobox #infobox_moredetails {
    opacity: 0;
    height:0;
}

.websplash #infobox.active #infobox_moredetails {
    opacity: 1;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.opening-hours .open-status::before {
    content:' ';
    display:inline-block;
    width:10px;
    height: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: grey;
    border-radius: 50%;
    margin-right:10px;
    vertical-align: middle;
    position: relative;
    top:-1px;
}

.opening-hours.opened .open-status::before {
    background-color: green;
}
.opening-hours.nearly_closed .open-status::before {
    background-color: orange;
}
.opening-hours.opened_soon .open-status::before {
    background-color: orange;
}
.opening-hours.closed .open-status::before {
    background-color: red;
}


.elementor-menu-anchor {
    scroll-margin-top: 80px; /* height of header */
}

/* for logged in users not to confuse */
body.admin-bar .elementor-menu-anchor {
    /* value from above, but +30px height from admin bar */
    /*   scroll-margin-top: 230px; */
    /* not needed anymore as it seems */
}






.websplash .elementor-field-subgroup {
    margin-top: 10px;
    gap:20px;
}

.websplash .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    position: relative;
    background: #fff;
    border-radius:5px;
    padding: 10px;
}

.elementor-field-group .elementor-field-option label {
    position:relative;
    display:flex!important;
    gap:10px;
}

.elementor-field-group:not(.elementor-field-type-acceptance) label {
    align-items: center;
}

.elementor-field-group .elementor-field-option label::before {
    width:30px;
    height: 30px;
    border:2px solid var(--e-global-color-text);
    content:' ';
    z-index:2;
    left:0;
    display:block;
    top: 3px;
    flex-shrink: 0;
}

.elementor-field-group .elementor-field-option label::after {
    width: 22px;
    height: 22px;
    z-index: 1;
    background-color: transparent;
    content: ' ';
    position: absolute;
    left: 4px;
    display: block;
    top: 4px;
}

.elementor-field-group .elementor-field-option input:checked ~ label {
    /*color: var(--e-global-color-primary)!important;*/
}


.elementor-field-group .elementor-field-option input:checked ~ label::after {
    /* hebe after element bei markierter Checkbox vor */
    background-color: var( --e-global-color-primary );
}

.elementor-field-group .elementor-field-option input {
    /* verstecke input */
    position: absolute !important;
    z-index: -1;
    min-width: 0 !important;
    opacity:0;
    overflow: hidden;
}

.elementor-field-group-field_c066316 {
    margin:0!important;
}


.websplash .elementor-field-group-interesse_an .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding:0;
    overflow: hidden;
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option label {
    padding:0 10px 0 0;
    z-index: 0;
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option label::before {
    background-color:#fff;
    border:none;
    border-radius: 5px;
    height: 50px;
    width: 50px;
    padding:5px;
    mask-size: 40px auto;
    mask-position: center;
    mask-repeat: no-repeat;
}

.elementor-field-group-interesse_an label[for="form-field-interesse_an-0"]::before {
    mask-image: url('assets/images/Lieferdienst.svg');
}


.elementor-field-group-interesse_an label[for="form-field-interesse_an-1"]::before {
    mask-image: url('assets/images/ICON-garnituren.svg');
}

.elementor-field-group-interesse_an label[for="form-field-interesse_an-2"]::before {
    mask-image: url('assets/images/ICON-kuehlwagen.svg');
}

.elementor-field-group-interesse_an label[for="form-field-interesse_an-3"]::before {
    mask-image: url('assets/images/ICON-fasslbar.svg');
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option label::after {
    width:100%;
    max-width:50px;
    transition:max-width 0.3s ease-in-out;
    height: 50px;
    background-color:  var( --e-global-color-primary );
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option label:hover::after {
    max-width: 70px;
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option input:checked ~ label {
    color:#fff!important;
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option input:checked ~ label::after {
    max-width:100%;
}

.elementor-field-group-interesse_an.elementor-field-group .elementor-field-option input:checked ~ label::before {

}


main a:hover {
    text-decoration: underline;
}


.elementor-message.elementor-message-success {
    color: green;
    font-weight: bold;
}


@media screen and (max-width: 768px) {

    /* for mobile */
    .elementor-menu-anchor {
        scroll-margin-top: 65px;
    }

}



@media (max-width: 768px) {

    #infobox #infobox_moredetails .elementor-widget-button {
        margin-top:0;
    }

}