/*Home for Seedamm Plaza © admotion GmbH*/


#container-slideshow { position: relative; }
#slogan { position: absolute; bottom: 120px; width: 1500px; color: #ffffff; left: 50%; margin: 0px 0px 0px -750px; z-index: 9998; }


.inhalt { padding: 0px 0px 0px 0px; }


.einleitungstext { padding: 0px 0px 60px 0px; }
.second { padding: 20px 0px 60px 0px; }

#slideshow { width: 1500px; margin: 0px auto; position: relative; padding: 140px 0px 0px 0px; }


/* Blog Home */

.uk-panel { background: #e6e6e6; }
.uk-slideset ul { margin: 0px; padding: 0px; }
.uk-slideset li { margin: 0px !important; padding: 0px !important; background: none !important; }

.highlights-left { float: left; width: 724px; border-right: 52px solid #f5f5f5; margin: 0px; }
.highlights-right { float: left; width: 624px; padding: 50px; }

.uk-panel-title { text-transform: none; margin: 0px 0px 5px 0px; padding: 0px; color: #303030; line-height: 130%; font-size: 20px; letter-spacing: 0.04em; font-weight: 700; }


.uk-button { color: #ffffff; background: #ab8d3f; display: inline-block; padding: 10px 15px; text-transform: uppercase; line-height: 140%; letter-spacing: 0.1em; float: left; margin: 10px 10px 10px 0px; font-weight: 700; font-size: 15px; border: 0px !important; border-radius: 0px;  }

.uk-button:hover { background: #000000; color: #ffffff; }

.uk-slidenav-position .uk-slidenav-next { right: 0px; }
.uk-slidenav-position .uk-slidenav-previous { left: 0px; }



.highlights-right a { background: #ab8d3f; padding: 10px 15px; text-transform: uppercase; line-height: 140%; letter-spacing: 0.1em; font-size: 15px; font-weight: 700; color: #ffffff; display: inline-block; margin: 20px 0px 0px 0px; }
.highlights-right h3 { font-weight: 700; font-size: 20px; margin: 0px 0px 25px 0px; }

.favslider-carousel .favth-carousel-caption { text-align: center; padding: 18px !important; }

.favslider-caption-description { text-align: center !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.1em; text-align: center !important; }





#down { display: block; width: 30px; height: 64px; background: url(../images/down.png) no-repeat scroll 0 0; background-size: 30px 64px; position: absolute; bottom: 30px; left: 50%; margin: 0px 0px 0px -20px; cursor: pointer; z-index: 9999; }

.bounce { -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; }


@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}


.home-einleitung { font-size: 21px; padding: 0px 0px 60px 0px; line-height: 150%; }

#teilen { display: none; }

#content { border: 0px; text-align: center; margin: 50px 0px 52px 0px; }

.booking-small { display: none; }


body.search .row-fluid .span6 { width: 100%; }



.home-1 { float: left; width: 464px; margin: 0px 54px 54px 0px; }
.home-2 { float: left; width: 464px; margin: 0px 54px 54px 0px; }
.home-3 { float: left; width: 464px; margin: 0px 0px 54px 0px; }
.home-4 { float: left; width: 464px; margin: 0px 54px 54px 0px; }
.home-5 { float: left; width: 464px; margin: 0px 54px 54px 0px; }
.home-6 { float: left; width: 464px; margin: 0px; }




h1 { text-transform: none; margin: 0px 0px 5px 0px; padding: 0px; color: #303030; line-height: 130%; font-size: 28px; letter-spacing: 0.04em; font-weight: 700; font-family: 'Oxygen', sans-serif; }
h2 { text-transform: none; margin: 0px 0px 5px 0px; padding: 0px; color: #303030; line-height: 130%; font-size: 20px; letter-spacing: 0.04em; font-weight: 700; font-family: 'Oxygen', sans-serif; }




@media(max-width:1600px)
{
    #slideshow { width: 1200px; }
    
    #slogan { width: 1200px; margin: 0px 0px 0px -600px; }
    
    .home-1 { width: 374px; margin: 0px 39px 39px 0px; }
	.home-2 { width: 374px; margin: 0px 39px 39px 0px; }
	.home-3 { width: 374px; margin: 0px 0px 39px 0px; }
	.home-4 { width: 374px; margin: 0px 39px 39px 0px; }
	.home-5 { width: 374px; margin: 0px 39px 39px 0px; }
	.home-6 { width: 374px; margin: 0px 0px 0px 0px; }

    .highlights-left { width: 540px; border-right: 40px solid #e6e6e6; }
    .highlights-right { width: 440px; }
}


@media(max-width:1300px)
{
    #slideshow { width: 900px; }
    
    #slogan { width: 900px; margin: 0px 0px 0px -450px; }
    
    .home-1 { width: 280px; margin: 0px 30px 30px 0px; }
	.home-2 { width: 280px; margin: 0px 30px 30px 0px; }
	.home-3 { width: 280px; margin: 0px 0px 30px 0px; }
	.home-4 { width: 280px; margin: 0px 30px 30px 0px; }
	.home-5 { width: 280px; margin: 0px 30px 30px 0px; }
	.home-6 { width: 280px; margin: 0px 0px 30px 0px; }
	.home-7 { width: 280px; margin: 0px 30px 30px 0px; }
	.home-8 { width: 280px; margin: 0px 30px 30px 0px; }

    .highlights-left { width: 540px; border-right: 40px solid #e6e6e6; }
    .highlights-right { width: 440px; }
}


@media(max-width:1000px)
{
    #slideshow { width: 600px; }

    #slogan { width: 600px; margin: 0px 0px 0px -300px; }
    
    .home-1 { width: 285px; margin: 0px 30px 30px 0px; }
	.home-2 { width: 285px; margin: 0px 0px 30px 0px; }
	.home-3 { width: 285px; margin: 0px 30px 30px 0px; }
	.home-4 { width: 285px; margin: 0px 0px 30px 0px; }
	.home-5 { width: 285px; margin: 0px 30px 30px 0px; }
	.home-6 { width: 285px; margin: 0px 0px 30px 0px; }
	.home-7 { width: 285px; margin: 0px 30px 30px 0px; }
	.home-8 { width: 285px; margin: 0px 0px 30px 0px; }

    .highlights-left { float: none; width: auto; border: 0px solid #e6e6e6; }
    .highlights-right { float: none; width: auto; padding: 25px; }

    h1 { font-size: 30px; }

    #content { margin: 35px 0px 30px 0px; }
}



@media(max-width:700px)
{
    .favslider-caption-description { font-size: 18px !important; }
    .favslider-carousel .favth-carousel-caption { text-align: center; padding: 12px !important; }
    #slideshow { width: 500px; }

    #slogan { width: 500px; margin: 0px 0px 0px -250px; }
    
    .home-1 { width: 235px; margin: 0px 30px 30px 0px; }
	.home-2 { width: 235px; margin: 0px 0px 30px 0px; }
	.home-3 { width: 235px; margin: 0px 30px 30px 0px; }
	.home-4 { width: 235px; margin: 0px 0px 30px 0px; }
	.home-5 { width: 235px; margin: 0px 30px 30px 0px; }
	.home-6 { width: 235px; margin: 0px 0px 30px 0px; }
	.home-7 { width: 235px; margin: 0px 30px 30px 0px; }
	.home-8 { width: 235px; margin: 0px 0px 30px 0px; }

    #content { margin: 40px 0px 30px 0px; }
}





@media(max-width:560px)
{
    #slideshow { width: auto; margin: 0px 20px 0px 20px; left: auto; }
    #slogan { width: auto; margin: 0px 20px 0px 20px; left: auto; }
    
    .home-1 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-2 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-3 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-4 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-5 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-6 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-7 { float: none; width: auto; margin: 0px 0px 30px 0px; }
	.home-8 { float: none; width: auto; margin: 0px 0px 30px 0px; }

    h1 { font-size: 25px; }
}


@media(max-width:400px)
{
    #slogan { margin: 0px 20px; }
}