/*GENERELL*/ 

body {
    font-family: "ff-dax-web-pro";
    color: #373f43;
        background-color: #373f43;

}

p, #primary li {
    font-size:1.2rem;
        font-weight:300;

}

strong, b {
    font-weight:bold;
}

.wrapper {
        padding:0;
overflow:hidden;
    padding-top:60px;
}

.height25, .height50, .height100 {
    
}


.height25 > .wpb_column .vc_column-inner {
    padding:0!important;
    margin:0!important;

}

.height50 > .wpb_column .vc_column-inner {
    padding:0!important;
    margin:0!important;

}

.height100 > .wpb_column .vc_column-inner {
    padding:0!important;
    margin:0!important;

}

/*HEADER*/

.bg-dark {
    background-color: #292f32!important;
}


a.logo img {
    height:48px;
    width:auto;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:27px;
}


.book {
    background-color: #a51008;
    font-weight:bold;
    text-transform:uppercase;
    transition: all 1s ease;
    height:76px;
    width: 161.2px;
    text-align:center;
}

.book:hover {
    background-color: #FFF;
    color: #a51008;
}

.navbar-dark .navbar-nav .book:hover a {
    color: #a51008;
}



@media(min-width:768px) {
    


.book {
    margin-left:3rem;
    padding:1.1rem;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size:1.2rem;
}
    
.langblock {
    margin-left:3rem;
}
    
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}

.navbar-dark .navbar-nav .nav-link:hover {
    border-bottom:4px solid #00933b;
}

.navbar-dark .navbar-nav .book .nav-link:hover {
    border-bottom: 0px solid #00933b;
}




.pat-light {
    background-image:url(../img/pattern.jpg);
}

.pat-dark {
    background-image:url(../img/pattern-dark.jpg);
    color: #FFF;
}

.pat-wood {
    background-image:url(../img/pat-wood.jpg);
    background-size:cover;
}



.bg-dark p {
      color: rgba(255,255,255,0.5);
}


/* ELEMENTS */ 

@font-face {
  font-family: 'Christopherhand';
    src:  url('../fonts/ch.woff') format('woff'),
    url('../fonts/ch.svg#Christopherhand') format('svg'),
    url('../fonts/ch1.ttf');
    font-weight: normal;
    font-style: normal;
    
    
}

.examplefont {
  font-family: 'Christopherhand';  
  color: black;
}




.moods_head {
    display:inline-block;
    transform: rotate(-2deg);
    padding:1rem;
    background-repeat: no-repeat;
    background-position:bottom left;
    background-size:150%;
    margin-top:-4rem;
    text-align:left;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    overflow:hidden;
}
.ms-layer .moods_head {

    overflow:visible;    white-space:nowrap;
    margin-top:0;
}

.ms-layer .moods_head .main {
    margin-bottom:-4rem;
    font-size:12rem;
    height:12rem;
    overflow:visible;    white-space:nowrap;

}

.ms-layer .moods_head .second {
    font-size:2rem;
    height:2rem;    white-space:nowrap;
    margin-top:0rem;

}


.moods_head.center {

    margin-left: auto;
    margin-right:auto;
}

.moods_head .main {
    font-size:8rem;
    margin-bottom:-2rem;
    font-family: 'Christopherhand'; 
    white-space:nowrap;
}

.moods_head.small {
  transform:scale(0.8) rotate(-2deg);
    transform-origin:left;
}


@media(max-width:1000px) {
    .bottomtext p {
        font-size:1rem!important;
        line-height:1.3rem!important;
        padding-bottom:3rem;
}
    .moods_head {
         transform:scale(0.4) rotate(-2deg); 
    }
    
    .moods_head.small {
    transform:scale(0.5) rotate(-2deg);
    transform-origin:left;
}

}


.moods_head .second {
    font-size:2rem;
    padding-left:4rem;
}

.moods_head.bottomleft {
    position:absolute;
    bottom:1rem;
    left:1rem;
    
}


.moods_head.white {
    color: #FFF;
    background-image:url(../img/moods-head-bg.svg);
}

.mood-border .vc_column-inner {
-webkit-box-shadow: inset 0px 0px 0px -1px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px -1px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);
padding:0;
box-sizing:border-box;
overflow:hidden;

}
.mood-border .vc_column-inner {

max-height:100%;
max-width:100%;
}

.moods_circle {
    display:inline-block;
    height:16rem;
    width:16rem;
    border-radius:10rem;
    background-image:url(../img/moods-circle.svg);
    background-size: 95%, cover;
    background-position:center;
    background-repeat:no-repeat;
    text-align:center;
    padding-top:2rem;
    transform: rotate(-10deg);
    color: #FFF;
}


.moods_circle.whiteline {

    background-image:url(../img/moods-circle.svg);
}
.bottomtext {
    font-size:1.4rem;
    color: #FFF;
    width:100%;
    text-align:center;
    padding-bottom:5.5rem;
    margin:0;
    line-height:130%;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.5);

}

.bottomtext p {
    margin:0;

    font-size:1.4rem;
}


.moods_circle img {
    height:4rem;
    width:auto;
    background-position:center;

}

.moods_circle.pat-wood {
 
}

.moods_circle .main {
    margin-top:-1rem;
    font-size:6rem;
    line-height:6rem;
    font-family: 'Christopherhand';  
}

.moods_circle .second {
    font-size:1.4rem;
}

/*FOOTER*/ 

.site-footer p a {
    font-size:1rem;
      color: rgba(255,255,255,0.5);

}

.site-footer p  {
    font-size:1rem;
    color: rgba(255,255,255,0.5);
    margin-bottom:0.3rem;
}

.site-footer p strong {
    font-weight:bold;
}

#menu-footer {
    margin:0;
    padding:0;
}

#menu-footer li {
list-style:none;
        float:right;
    padding:1rem;

}
    

#menu-footer li a {
    color: rgba(255,255,255,0.5);
}

#main-menu .dropdown-item.active, 
#main-menu .dropdown-item:active {
    background-color: #CCC;
}


/*MOODS-LINKS*/

.moods-link {
    height:100%;
    width:100%;
    position:absolute;
    display:flex;
    top:0;
    left:0;
    text-align:center;
    box-sizing:border-box;
      align-items: center;
  justify-content: center;
    font-size:2rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.5);
    opacity:0;
    transition: all 1s ease;
    padding:1rem;
}

.moods-link:hover {
    color: #FFF;
    text-decoration:none;
    opacity:1;
}




/* BOOKING */ 

.libtools-bookwidget-overlay {
    position:fixed;
    min-height:300px;
    border-bottom:1px solid rgba(255,255,255,0.3);
    width:100%;
    z-index:1000;
    transition: all 1s ease;
    transform: translateY(-100%);

}

.libtools-show .libtools-bookwidget-overlay {
    
    transition: all 1s ease;
    transform: translateY(0%);

}




.libtools-show .wrapper, .libtools-show .navbar {
    transition: all 1s ease;
    transform: translateY(300px);
}

.wrapper, .navbar {
        transition: transform 1s ease;
}

.libtools-show .book  {
    background-color: #FFF;
    color: #373f43;
    content: 'X';
}

.libtools-show .navbar-dark .navbar-nav .book .nav-link  {
    color: #373f43;
}
.navbar-expand-md .navbar-nav .book a.nav-link {
    transition:all 1s ease;
    padding-left:0;
    padding-right:0;
    padding-top:0.6rem;
}

.libtools-show .book a {
    transition:all 1s ease;

}

.libtools-bookwidget-overlay 
    .moods_head {
        margin-top:0rem;
    }
}

.libtools-bookwidget-overlay .applyBtn,.libtools-bookwidget-overlay . .cancelBtn {
    display:none;
}


/* ANGEBOTE */ 


.moods-book-button {
    background-color:#ED6F17;
    color: #FFF;
    font-weight:bold;
    padding:0.5rem 1rem;
    transition:all 1s ease;
    margin-top:1rem;
    display:inline-block;
}




.moods-book-button:hover {
    background-color: #FFF;
    color: #ED6F17;
    text-decoration:none;
    
}

.moods-angebot {
    max-width:60%;
    margin: 50px auto;

}


.newam .golfa {
    max-width:60%;
    margin: 50px auto;
}


/* DATEPICKER */ 


.libtools-bookwidget-overlay .date-picker-wrapper {
    background:none;
    border:none;
    font-family: inherit;
}


.libtools-bookwidget-overlay .date-picker-wrapper .month-wrapper {
    background:none;
    border:none;
}



.libtools-bookwidget-overlay .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: rgba(255,255,255,0.5);
    
}

.libtools-bookwidget-overlay .date-picker-wrapper .first-date-selected,.libtools-bookwidget-overlay  .date-picker-wrapper .last-date-selected {
    background-color: #00933b!important;
    color: #fff!important;
}

.libtools-bookwidget-overlay   .date-picker-wrapper.inline-wrapper {
    display:block;
}

.libtools-bookwidget-overlay  .date-picker-wrapper .month-wrapper table {
    float:left;
    width:45%;
}

.libtools-bookwidget-overlay > .row > .col-sm-4{
    overflow:hidden;
}

.libtools-bookwidget-overlay  .date-picker-wrapper .month-wrapper table.month2 {
    width:45%;
    margin-left:10%;
    
}
.libtools-bookwidget-overlay  .date-picker-wrapper .month-wrapper table .day {
    padding:15% 5%;
}
.libtools-bookwidget-overlay  .gap {
    display:none;
}

.libtools-bookwidget-overlay   .date-picker-wrapper .month-wrapper table .day.checked {
    background-color: rgba(0,147,60,0.5);
}

.libtools-bookwidget-overlay  .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: rgba(0,147,60,0.5);
}



.libtools-bookwidget-overlay .date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: rgba(255,255,255,0.0);
}

.libtools-bookwidget-overlay .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color:rgba(0,147,60,0.5)
}

#libtools-book-date {
    display:none;
}


.libtools-bookwidget-overlay .footer {
    display:none;
}

.libtools-bookwidget-overlay .start-day {
    font-size:3rem;
    display:block;
     color: rgba(255,255,255,1);
}

.libtools-bookwidget-overlay .end-day {
    font-size:3rem;
    display:block;
        color: rgba(255,255,255,1);

}

.libtools-bookwidget-overlay .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: rgba(255,255,255,0.5)
}

.libtools-bookwidget-overlay .date-picker-wrapper .drp_top-bar .default-top {
    font-size:2rem;
}

#libtools-range-container {
    padding-top:1rem;
}

#libtools-range-container .month-wrapper td {
        border: 1px solid rgba(255,255,255,0.5);
}


#libtools-range-container .month-wrapper td  {
        width: 14.28%;
}


.libtools-bookwidget-overlay .date-picker-wrapper .month-wrapper {
    padding:0;
}

#booknow {
    background-color:#a51008;
    color: #FFF;
    font-weight:bold;
    padding:0.5rem 1rem;
    transition:all 1s ease;
    margin-top:1rem;
    display:inline-block;
    font-size:1.6rem;
    cursor:pointer;
    display:none;
    text-align:center;
}

#book {
    background-color:#fff9ef;
}

    div.book {
        display:none;
    }
@media(max-width:840px) {
    .libtools-bookwidget-overlay {
            position:fixed;

    min-height:100%;
    width:100%;
        z-index:100000000;
    display:none;
    
}

    
    .desktop_only {
        display:none;
    }
    .libtools-show  .libtools-bookwidget-overlay {
        display:block;
    }
    
    .libtools-bookwidget-overlay  .date-picker-wrapper .month-wrapper table {
    width:100%!important;
}
    
    .libtools-bookwidget-overlay .start-day {
        font-size:2rem;
        
    }
        .libtools-bookwidget-overlay .end-day {
        font-size:2rem;
        
    }

    #booknow {
        font-size:2rem;
    }

    
    div.book {
        position:fixed;
        bottom:0;
        width:100%;
        left:0;
        right:0;
        text-align:center;
        display:block!important;
        z-index:1000000001;
        height:3rem;
        color: #FFF;
        padding:1rem;
    }
    
    .menu-item.book  {
        display:none;
    }
    
    .libtools-bookwidget-overlay > .row > .col-sm-4{
    display:none;
}
    
    
    
.libtools-show .wrapper, .libtools-show .navbar {
    transition: all 1s ease;
    transform: translateY(0);
}

}

.page-id-22 .book {
    display:none!important;
}

/*KONTAKT */ 

.btn-outline-primary, .wpcf7 input[type=submit] {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.wpcf7 input[type=submit]:hover {
    border-color: #FFFFFF;
    color: #333;
    background-color: #FFF;
}
.wpcf7 textarea {
    height:6rem;
}


/* START YOUGUBE */ 

.youtube-video {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    z-index:100000;
}

#Ebene_1 .cls-2 {
    fill: #c55a4a;
}

.moods-more-content {
    display:none;
}

.moods-more {
    padding:50px;
    padding-top:0;
}
/* GOLF */ 

.moods-golf {
    background-color: rgba(255,255,255,0.1);
    padding:1rem;
    
}


.moods-golf-pac a, .moods-golf a, .golfa a{
    background-color: #ED6F16;
    color: #FFF;
    padding:10px;
    transition: all 0.5s ease;
    margin-top:40px;
}

a.ima {
    background:none;
    padding:none;
    margin-top:0px;
}

.moods-golf-pac a:hover, .moods-golf a:hover, .golfa a:hover {
    background-color: #FFF;
    color: #FFF;
    transition: all 0.5s ease;
}

.moods-golf-pac img, .moods-golf img {
    margin-bottom:16px;
}

.moods-golf-pac .second, .moods-golf .second {
    margin-bottom:25px;
}

.moods-golf-pac  > .vc_column-inner > .wpb_wrapper {
    background-color: rgba(0,0,0,0.1);
    padding:1rem;
}

.moods-golf-pac .addon ul {
    display:none;
}


.moods-golf-pac .open ul {
    display:block;
}

.golfa ul {
    display:none;
}


.golfa .addon.open ul {
    display:block;
}


.moods-golf-pac .add {
    padding:10px;
    border: 1px solid #333;
        transition: all 0.5s ease;
    display:inline-block;
    cursor:pointer;
}

.newam .add {
    padding:10px;
    border: 1px solid #FFF;
    transition: all 0.5s ease;
    display:inline-block;
    cursor:pointer;
}

.newam add:hover {
    color: #FFF;
    transition: all 0.5s ease;
    background-color: #333;
    border: 1px solid #333;
}

.moods-golf-pac .add:hover {
    color: #FFF;
    transition: all 0.5s ease;
    background-color: #333;
    border: 1px solid #333;
}



.moods-golf-pac .greenfee-btn {
    padding:10px;
    border: 1px solid #333;
        transition: all 0.5s ease;
    display:inline-block;
    cursor:pointer;

}

.moods-golf-pac .greenfee-btn :hover {
    color: #FFF;
        transition: all 0.5s ease;

    background-color: #333;
    border: 1px solid #333;
}

.greenfee {
    display:none
}

.greenfee.open {
    display:block;
}

.greenfee table {
    width:100%;
}

.greenfee table:first-child td {
    width:33%;
}

.greenfee table:nth-child(2) td {
    width:20%;
}

.greenfee table tr {
    border-bottom:1px solid rgba(0,0,0,0.2);
    
}

.greenfee table td {
    padding:10px;
}


/* BUCHUNGSFORMULAR */ 

.buchungsformular {
    max-width: 100%;
    width: 100%;
    position: absolute;
    height: 84px;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(53,44,44,0.5);
    padding: 20px 0 20px 20px;
    left: 0px;
    margin-left: 0px;
}

.buchungsformular .checkrow input.monthyear {
    background-image:url('/wp-content/themes/elpu-patti-child/gfx/calendar.svg');
    background-repeat:no-repeat;
    background-position: 90% 50%;
    background-color:#FFF;
    background-size:25px;
    }

.buchungsformular .checkrow input {
    float:left;
    margin-left:10px;
    }


.buchungsformular .checkrow .label {
    float:left;
    padding-top:10px;
    margin-left:0px;
    }


.buchungsformular .checkrow input[type="text"] {
margin-bottom:0px;
    }

.stick {
    -webkit-transform: translateZ(0);
    position:fixed!important;
top:0px;
-webkit-overflow-scrolling: touch;}


.buchungsformular {max-width:100%;width:100%; position:absolute;height:84px; bottom:0; z-index:9999;  background-color: rgba(53,44,44,0.5); padding:20px 0 20px 20px;left:0px;margin-left:0px;}
.buchungsformular .inner {max-width:510px;margin-left:auto;margin-right:auto;}

.buchungsformular .checkrow { float:left; }
.buchungsformular .checkrow input { border:none; background:#ffffff; color:#333; padding:10px; border-radius:5px; max-width:150px;font-size:20px!important;}
.buchungsformular .checkrow .label { color:#333; font-size:1.6rem; margin-left:10px; }
.submit_button { border:none;  padding:10px 15px 10px 40px!important; color:#ffffff; font-size:2.6rem; height:auto;margin-top:14px;font-size:13pt;display:block;border-radius:5px;width:180px;
}
    .submit_button{
  background: #5ba317;
  background-image: -webkit-linear-gradient(top, #5ba317, #0f7d25);
  background-image: -moz-linear-gradient(top, #5ba317, #0f7d25);
  background-image: -ms-linear-gradient(top, #5ba317, #0f7d25);
  background-image: -o-linear-gradient(top, #5ba317, #0f7d25);
  background-image: linear-gradient(to bottom, #5ba317, #0f7d25);
        background-image:url('https://www.elementspure-hotel.de/wp-content/themes/elpu-patti-child/gfx/arr3.png');background-repeat:no-repeat;background-position:10px;
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  -webkit-box-shadow: 0px 2px 0px #18540f;
  -moz-box-shadow: 0px 2px 0px #18540f;
  box-shadow: 0px 2px 0px #18540f;
  color: #ffffff;
  font-size: 20px;
  padding: 9px 20px 10px 20px;
  text-decoration: none;
        transition:all 1s ease;
}

.buchungsformular .checkrow {
    float: left;
}


.buchungsformular input[type=submit] {
    float: right;
    cursor: pointer;
    margin: 0;
    padding: 11px 20px;
}

@media (max-width:768px) {
  .vc_row-o-equal-height .vc_column-inner{
    min-height:50vh!important;
  }
}



.fixed-top {
    z-index:1000009;
}

/* LILIE */ 

.lilie {
        display:block;

    height: calc(60px);
    width: calc(60px);

    background-size:75%;
    background-repeat:no-repeat;
    background-color: #41474b;
    transition: all 0.3s ease;
    background-position:center;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44.5 34.89' style='enable-background:new 0 0 44.5 34.89;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%236D6D6D;} %3C/style%3E%3Cpath class='st0' d='M44.5,28.03c-0.01-4.87-3.7-8.05-8.56-7.81c-6.43,0.33-10.09,5.87-11.16,11.33c-0.08,0.44-0.17,1.26-0.59,1.51 c-0.37-4.23,1.02-6.99,2.77-9.73c1.08-1.7,2.49-3.37,2.69-5.54c0.38-4.29-1.7-7.22-3.27-10.16c-1.39-2.6-4.04-7.65-4.11-7.64 c0,0.01-0.01,0.01-0.01,0.02c0-0.01-0.01-0.01-0.01-0.02c-0.07-0.01-2.72,5.04-4.11,7.64c-1.57,2.93-3.66,5.87-3.27,10.16 c0.19,2.17,1.6,3.84,2.69,5.54c1.75,2.74,3.14,5.5,2.77,9.73c-0.42-0.25-0.5-1.07-0.59-1.51c-1.07-5.46-4.73-11-11.16-11.33 C3.7,19.98,0.01,23.16,0,28.03c0.23,3.93,2.59,5.44,5.62,6.46c-2.51-5.1,3.24-9.29,7.89-6.97c2.09,1.05,3.42,3.08,4.11,5.69 c-0.63,0.39-1.65,0.12-1.84,0.77c-0.1,0.36-0.07,0.66,0.06,0.9h6.41h6.41c0.13-0.24,0.16-0.54,0.06-0.9 c-0.19-0.65-1.21-0.38-1.84-0.77c0.68-2.61,2.01-4.64,4.11-5.69c4.64-2.32,10.4,1.87,7.89,6.97C41.91,33.47,44.27,31.96,44.5,28.03' /%3E%3C/svg%3E");
}

.lilie:hover {
    background-size:85%;
    transition: all 0.3s ease;
    background-color: #5c6368
}

.book a {
    padding:0!important;
}

.crossselling figure {
position:relative;
transition: all 0.3s ease;
}

.crossselling figure:hover {
    opacity:0.9;
}


.crossselling figcaption.vc_figure-caption {
position:absolute;
bottom:15%;
font-weight:bold;
font-size:24px;
color: #FFF;
display:inline-block;
padding: 5px 10px;
background-color: rgba(0,0,0,0.5);
left:0;
}

/* Force stretched rows to respect the theme container width */
.vc_row-no-padding[data-vc-full-width="true"],
.vc_row[data-vc-full-width="true"] {
    left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* If you also want to ensure content inside doesn't stretch past the container */