@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');


#slider-container{
	margin-top: 10px;
	margin-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
}

#slider-container .description{
	font-size: 1rem;
	color: #878682;
	margin-bottom: 10px;
}

/* display tooltip only on active handle */
#slider .noUi-tooltip {
    display: none;
}
#slider .noUi-active .noUi-tooltip {
    display: block;
}

/* change slider background to vga green */
#slider .noUi-connect {
  background: #a0c526;
}

/* fit handles within slider */
#slider {
    padding: 0 16px;
}

/*add transition to every item*/
*{
}

/* responsive iframe */
div.embed-responsive{
    min-height: 830px;
    width: 100%;
}   


a{
  color: #a0c526;
}

a:hover{
  color: #a0c526;
}



.ausgebucht{
    text-decoration: line-through !important;
    color: silver !important;
}

h1{
    word-wrap: break-word;
}


#lts-apwidget-container{
    color: #222222 !important;
    border: 2px solid orange !important;
}

#video_mute_unmute
{
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 35px;
    height: 30px;
    cursor: pointer;
    opacity: .8;
    background-repeat: no-repeat;
    background-size: contain;
}

#video_mute_unmute.mute{
    background-image:url("../img/layout/sound-off.png");
    
}
#video_mute_unmute.unmute{
    background-image:url("../img/layout/sound-on.png");
}

body{
}

/*set owl galleries to 130% width on mobile devices */
header .owl-carousel {
    width: 130%;
    margin-left: -15%;
}

/*and offset gallery title accordingly*/
header h1{
    left: 15%;
}


.owl-item{
}
.owl-item img{
}

body{
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}

.ytp-gradient-top, .ytp-chrome-top{
    display: none !important;
}



textarea:focus, input:focus{
    outline: none;
}

html{
    scroll-behaviour: smooth;
}



.scrolldown{
    display: none;
}

.nopadding{
    padding: 0;
}

h1,h5{
    font-family: 'Bree serif', serif;
    transition: opacity .7s ease;
    opacity: 1;
}

h1.fade-away{
    opacity: 0;
}

.btn{
    border-radius: 0; 
}

.destination-link{
}

.destination-link a{
    color: #212529;
    display: block;
    width: 100%;
    height: 53px;
    background-image: url("/img/layout/button-forward-link.png");
    background-repeat: no-repeat;  
    padding-left: 66px;
    padding-top: 8px;
    transition: .3s ease all;
}

.destination-link a:hover{
    background-image: url("/img/layout/button-forward-link-active.png");
}


.destination-link-back a{
    color: #212529;
    display: block;
    width: 100%;
    background-image: url("/img/layout/button-backward-link.png");
    background-repeat: no-repeat;  
    padding-left: 76px;
    height: 53px;
    padding-top: 8px;
    transition: .3s ease all;
    font-size: 1rem;
    margin: 40px 0;
    
}

.destination-link-back a:hover{
    background-image: url("/img/layout/button-backward-link-active.png");
}
    
/*box for dotted background on left */
div.dotted{
    position: relative;
    padding: 15px;
    margin-bottom: 40px;
}

p, ul li{
    font-size: 1.5rem;
    line-height: 140%;
}


#ltswidget-container ul, #ltswidget-container li{
    font-size: 14px !important;
    line-height: 100% !important;
    
}

#ltswidget-container input{
    margin: 3px 4px 3px 3px !important;
}


/*ajax search result container test*/
#search-results{
    position: fixed;
    background-color: white;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 200px);
    overflow: auto;
    top: 150px; /*navbar height*/
    right: 0;
    z-index: 11000;
} 

#search-results a{
    display: block;
    overflow: hidden;
    color: #4c4c4b;
    padding: 5px;
    text-transform: uppercase;
    font-size: .8rem;
}

#search-results a img{
    width: 20%;
    float: left;
    margin-right: 15px;
}

#cookies_warning{
    font-family: 'Oswald', sans-serif !important;
    font-weight: 200 !important;
}

#cookies_warning p{
    font-size:20px !important;
}



@media (min-width: 575.98px) {
}

@media (min-width: 767.98px) {

    p, ul li{
        font-size: 1.6rem; 
    }

}

@media (min-width: 991.98px) {
	
	
	#slider-container{
		padding-left: 15px;
		padding-right: 15px;
	}		

    .destination-link a{
        font-size: 1.5rem;
    }
    
    #video_mute_unmute
    {
        width: 52px;
        height: 43px;
    }    
    
  


    /*remove larger owl gallery*/
    header .owl-carousel {
        width: 100%;
        margin-left: 0%;
    }
    
    .destination-link-back a{
        font-size: 1.5rem;
    }    
    
    /*and remove title offset*/
    header h1{
        left: 20%;
    }    

    p, ul li{
        font-size: 1.7rem; 
    }

    /*box for dotted background on left */
    div.dotted{
        border-left: 6px dotted #878682;
        padding-top: 60px;
        position: relative;
        padding-left: 40px;
    }


    /*ajax search result container test */
    #search-results{
    } 
    
    #search-results a{
    }
    
    #search-results a img{
        width: 30%;
        margin: 0 auto;
        float: none;
        display: block;
    }    

}

@media (min-width: 1199.98px) {


    .container{
        max-width: 1199px !important;
    }
    
    
    
    .bounce {
        animation-name: bounce;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    
    
    @keyframes bounce {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-30px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }    
    
    #search-results{
        top: 89px;
        width: 20%;
        max-height: calc(100vh - 89px);
    } 
    
    #search-results a{
        text-transform: uppercase;
    }
    
    #search-results a:hover{
        text-decoration: none;
        background-color: #e9e8e4;
    }
    
    #search-results a img{
        width: 20%;
        margin: 0 15px 0 0;
        float: left;
        display: block;
    }  
}


@media (min-width: 1300px) {
    .container{
        max-width: 1300px !important;
    }
    
   
    
    #search-results a{
        font-size: 1.1rem;
    }    
}

@media (min-width: 1500px) {

    #video_mute_unmute
    {
    }   

    .scrolldown{
        display: block;
        z-index: 11000000000000;
        position: fixed;
        bottom: 0px;
        right: 200px;
        align-self: flex-end;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform-origin: bottom;        
    }


    .container{
        max-width: 1500px !important;
    }
}