/* 1 - Import Google Font
---------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
/* 1 - Import Google Font End 
---------------------------------------------------------------------- */




/* 2 - Global Style
---------------------------------------------------------------------- */
body{
	background-image: url("../images/background/WT4_web.jpg") !important;
	background-position:center;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: cover;
	font-family:'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 800;
	/*color: rgb(132,103,42); /* --------------------------- GOLD --------------------------------*/
	color: rgb(255,255,228); /* --------------------------- off white --------------------------------*/
	
}

a{
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
}

a:link,
a:hover,
a:visited,
a:active {
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
}

a:focus{
	outline:none;
	outline-offset:inherit;
}
.section-style{
	background-attachment:inherit;
	background-position:50% 0;
	background-repeat:no-repeat;
	margin:0 auto;
	width:100%;
	height:100%;
	background-size:cover;
	padding-top:100px;
}

.section-style-top {
	padding:50px 0 150px 0;
}

/*.parallax-bg{
	background-attachment: fixed;
}
.no-parallax-bg{
	background: #fff; 
}*/

.container{
	overflow:hidden;
}

.white-shade{
	background-color: rgba(255,255,255,0.75);
	background-size: cover;
	padding: 50px 50px 130px 50px;
	width: 100%;
	
}


.white{
	background-color: rgb(255,255,245); /* --------------------------- ecru white --------------------------------*/
	background-size: cover;
	padding: 100px 50px 0px 50px;
	width: 100%;
}

#contact2 {
	padding-top: 50px;
	padding-bottom: 150px;
	
}

#contact2 .carola {
	padding-top: 30px;
	padding-bottom:10px;
	text-align: left;
	
}

.section-header{
	font-size: 2.5em;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:30px;
	line-height:45px;
	
}

.section-description-header {
	font-size: 2em;
	font-weight:500;
	text-align:center;
	line-height:35px;
	color: rgb(255,255,228); /* --------------------------- off white --------------------------------*/

}
.section-name{
	font-size: 2em;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin:0;
}
.section-name span{
	display:inline-block;
	position:relative;
	padding-bottom:15px;
}
.section-name span:before,
.section-name span:after{
	content:"";
	width:100%;
	height:20px;
	border-bottom:1px double rgb(71,38,21) !important; /* --------------------------- brown --------------------------------*/
	position:absolute;
	left:0;
	
	
}

#about .section-name span {
	border-bottom:1px double rgb(71,38,21) !important; /* --------------------------- brown --------------------------------*/
}

.section-name span:before{
	bottom:0;
}
.section-name span:after{
	bottom:2px;
}
.section-title{
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
	font-size:80px;
	margin-top:30px;
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
}
.section-description{
	font-size: 2em;
	font-weight:500;
	text-align:center;
	line-height:35px;
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
}
.form-control{
	padding: 6px 30px;
}
.form-control,
.btn{
	background-color:transparent;

	-webkit-border-radius:0;
	   -moz-border-radius:0;
	    -ms-border-radius:0;
	     -o-border-radius:0;
	        border-radius:0;

	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
 	outline: none; 
 	color: #720001;
}
.form-control,
.form-control:focus{
	border-color:#720001;
	color:#fff;

	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	    -ms-box-shadow:none;
	     -o-box-shadow:none;
	        box-shadow:none;
}

/* 2.1 - Next Section
------------------------------------------ */
.next-section{
	text-align:center;
}
.next-section a{
	cursor:pointer;
	display:inline-block;
	width:60px;
	height:60px;
	
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
	    -ms-border-radius:100%;
	     -o-border-radius:100%;
	        border-radius:100%;

	background-color:rgba(0,0,0,.2);
	box-shadow: 0 0 1px rgba(255,255,255,.2);
	margin:70px;
	padding-top:45px;
	position:relative;
}

.next-section a span{
	display:inline-block;
	width:20px;
	height:20px;
	border:2px solid #fff;
	border-left-color:transparent;
	border-top-color:transparent;
	position:absolute;
	top:20px;
	left:20px;
	
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);

	opacity:.4;

	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.next-section a:hover span{
	opacity:1;
}
/* 2.1 - Next Section
------------------------------------------ */


/* 2.4 - Height Resize
------------------------------------------ */

.pattern.height-resize{
	padding-top: 40px;
}
.height-resize .time-count-container{
	margin-top: 20px !important;
}
.height-resize .team-container .col-sm-4{
	padding-top:20px !important;
}
/* 2.4 - Height Resize End 
------------------------------------------ */


/* 2 - Global Style End 
---------------------------------------------------------------------- */




/* 3 - Main Menu
---------------------------------------------------------------------- */
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
	color: rgb(132,103,42); /* --------------------------- GOLD -------------------------------- */
	background-color:transparent;
	font-size: 1.5em;
	font-weight: 800;
	line-height:1.5;

}
.navbar-default{
	background-color:transparent;
	border-color:transparent;
	
}

.navbar-default .navbar-nav>.active>a:after{
	content:"\2192";
	display:inline-block;
	font-style:normal;
	font-weight:normal;
	line-height:1.5;
	margin-left:10px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.navbar-nav>li>a{
	padding:5px 15px;
	font-weight:400;
	font-style:italic;
	
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.navbar-nav>li>a:hover{
	padding-left:25px;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form{
	border-color: transparent;
}

.navbar-header {
        float: none;
		margin-bottom: 50px;
    }

@media (max-width: 992px) {
    .navbar-header {
        float: none;
		margin-top: 10px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: none;
		
    }
	
	.navbar-collapse {
        position: relative;
        top: -135px;
		z-index: -900;
		
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
		margin-top: 50px;
	}
}

@media screen and (max-width: 992px){
	#headernavigation{
		background:rgba(250,250,250,0.95);
		padding-top: 12%;
		
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background-color:transparent;
	}
	.navbar-default .navbar-toggle{
		margin-top: 15px;
	}
}
@media screen and (min-width: 992px){
	.navbar-fixed-top{
		top:50px;
		z-index:9999;
	}
	.navbar-default{
		width:350px;
		
	}
	.navbar-nav>li{
		float:none !important;
	}
}

@media screen and (max-width: 844px){
	#headernavigation{
		padding-top: 20%;
		
	}
	
}

/* 3 - Main Menu End 
---------------------------------------------------------------------- */




/* 4 - Page Top Section 
---------------------------------------------------------------------- */
.site-title{
	text-align:center;
	font-size:66px;
	font-family:'Pacifico';
	margin:0 0 50px 0;
	padding-bottom:50px;
	position:relative;
}
.site-title:before,
.site-title:after{
	content:"";
	width:100px;
	height:10px;
	left:50%;
	margin-left:-50px;
	border-bottom:1px double #fff;
	position:absolute;
}
.site-title:before{
	bottom:0;
}
.site-title:after{
	bottom:2px;
}
#page-top .section-name span:before,
#page-top .section-name span:after{
	content:none;
}


/* 4 - Page Top Section End 
---------------------------------------------------------------------- */



/* 5 - Details Section
---------------------------------------------------------------------- */

.details {
	margin-top: 2.5%;
	
}

.details .grid {
	padding: 0.5% 0.5% 0.5% 0.5%;
	
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 3px solid #fff;
	width: 50%;
}

.hr {
    padding: 0;
}

.gallery-content {
	border: 10px solid white;
	max-width: 500px;
	padding: 0;
}

.mySlides {
	display:none;
}

.preis-container {
	text-align: center;	
	font-size: 1.25em;
	margin: 40px 0 40px 0;
	
}

#preis-container p, #wishes-container p {
	background-color: rgba(255,255,255,0.5);
	height: 150px;
	padding-top:30px;
}

#stern_preis {
	position: relative;
	top: -110px;
	left: 400px;
}


#konzept-liste td {
	font-weight: normal;
	font-size: 1.25em;
	min-width: 50px;
	padding-bottom: 10px;	
	vertical-align: super;
}

#gutschein .section-description {
	margin-top: 40px;
	font-size: 1.5em;
}

#liste-sternen td {
	text-align: center;
	font-size: 1.25em;
	border: 0;
	
}

#partner_logo {
	margin-top: 40px;
	height: 600px;
}


.middle {
	vertical-align: middle;

}


/* 5 - Details Section End 
---------------------------------------------------------------------- */


/* 6.1 - HOVER Effect 
---------------------------------------------------------------------- */

.da-thumbs {
	list-style: none;
	
	
	margin: 0;
	padding: 0;
}
.da-thumbs .li {
	
	margin: 0;
	background: #fff;
	padding: 0.5%;
	
}
.da-thumbs .li a,
.da-thumbs .li a img {
	display: block;
	position: relative;
	width:100%;
}
.da-thumbs .li a {
	overflow: hidden;
}
.da-thumbs .li a div {
	position: absolute;
	background: #333;
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
}
.da-thumbs .li a div span {
	display: block;
	padding: 10px 0;
	margin: 60px 20px 20px 20px;
	text-transform: uppercase;
	text-align:center;
	font-weight: normal;
	font-size: 1.5em;
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	
}


.da-thumbs .li a div p {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	font-weight: normal;
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	
}


/* 6 - HOVER Effect End 
---------------------------------------------------------------------- */


/* 6.1 - Popup
---------------------------------------------------------------------- */

.modal-content {
	width: 180%;
	position: absolute;
	left: -35%;
	
}

.modal-body p {
	font-weight: normal;
	font-size: 1.25em;
	
}

.modal-body .container {
	width: auto;
	
}

.modal-body .container .row {
	margin-top: 20px;
	
}

.modal-body .container .row .col-xs-6 {
	vertical-align: central;
	
}

@media screen and (max-width: 1400px) {
    .modal-content {
        width: 150%;
		left: -25%;
    }
}

@media screen and (max-width: 992px) {
    .modal-content {
        width: 100%;
		left: 0%;
    }
}



/* 6.1 - ENDE Popup
---------------------------------------------------------------------- */

/* 7 - Contact Section
---------------------------------------------------------------------- */
#contact .next-section a{

	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	     -o-transform:rotate(180deg);
	        transform:rotate(180deg);
}
#contact-form .col-sm-6, 
#contact-form .col-sm-10,
#contact-form .col-sm-2,
#contact-form .col-sm-12{
	padding:0;
}
#contact-form{
	margin-top:70px;
	margin-bottom:30px;
}
#contact-form input {
	background-color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	border-color: #fff;
	height:60px;
}


#contact-form textarea.form-control{
	background-color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	height:130px;
	border-color: #fff;
	padding-top: 20px;
}
#contact-form  .btn{
	background-color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	color: #fff; 
	font-size:50px;
	height:130px;
	border:1px solid #fff;
}
#contact-form  .btn:hover{
	background-color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
}
#contact-form  .col-sm-6,
#contact-form  .col-sm-10{
	position: relative;
}
.first-name-error,
.last-name-error,
.contact-email-error,
.contact-subject-error,
.contact-message-error{
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	position: absolute;
	background: rgba(52, 152, 219,1);
	display: none;
	left: 25px;
	top: -30px;
	padding: 5px 10px;
	border-radius: 3px;
}

.first-name-error:after,
.last-name-error:after,
.contact-email-error:after,
.contact-subject-error:after,
.contact-message-error:after{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px;
	border-color: rgba(52, 152, 219,1) transparent  transparent transparent;
	left: 25px;
	bottom: -24px;
}
#contact-loading{
	display: none;
	cursor: inherit;
	line-height: 110px;
}
#contact-loading:hover{
	color: inherit;
}
.contact-message{
	text-align: center;
	font-size: 1.125em;
}

#contact-info {
	padding-top: 40px;
}

::-webkit-input-placeholder {
   color: white !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: white !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;  
}

:-ms-input-placeholder {  
   color: white !important;  
}


/* #contact .box {
	background-color: rgb(132,103,42); /* --------------------------- GOLD --------------------------------
	color: #fff;
}*/

/* 7 - Contact Section End 
---------------------------------------------------------------------- */

/* 7 - Impressum & Form Section
---------------------------------------------------------------------- */
#impressum {
	padding-bottom: 200px;	
}

#impressum .section-name {
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
}

#impressum p {
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	text-align: center;
}

#impressum h4 {
	font-size: 1.25em;
}


#impressum ul {
	color: rgb(71,38,21); /* --------------------------- brown --------------------------------*/
	text-align: center;
	
}


#form {
	padding-bottom: 200px;	
}


/* 8 - Footer Section  
---------------------------------------------------------------------- */

.fixed{
	position:fixed;
   left:0px;
   bottom:0px;
   width:100%;
   
} 

#footer-section{
	background-color: rgb(173,101,52)/* --------------------------- redbrown --------------------------------*/
	width: 100%;
	min-height: 80px;
	
}
#footer-section p{
	font-size: 1.5em;
	margin: 0;
	padding: 25px 15px; 
	text-align: center;
	line-height: 30px;
	color: #fff;
}
#footer-section p a{
	color: #fff; /* --------------------------- RED --------------------------------*/
}
/* 8 - Footer Section End 
---------------------------------------------------------------------- */





/* 9 - Media Query 
---------------------------------------------------------------------- */

/* 9.1 - media screen and (max-width: 992px)
------------------------------------------------ */
@media screen and (max-width: 992px){
	.container{
		width:100%;
		max-width:830px;
	}
}
@media (min-width: 992px){
	.container{
		width:100%;
		max-width:830px;
	}
}


/* 9.1 - media screen and (max-width: 992px)  End
------------------------------------------------ */




/* 9.2 - media screen and (max-width: 768px)
------------------------------------------------ */



@media screen and (max-width: 768px){
	.section-title{
		font-size:40px;
	}
	#contact-form #first_name{
		border-right:1px solid #fff;
	}
	#contact-form #subject{
		border-top:0px solid transparent;
	}
	#contact-form  #email{
		border-right:1px solid #fff;
	}
		#contact-form  .btn{
	border-left:1px solid #fff;
	}
}

/* 9.2 - media screen and (max-width: 768px) End
------------------------------------------------ */


/* 9.3 - media screen and (max-width: 1170px)
------------------------------------------------ */
@media (min-width: 1170px){
	.container{
		width:830px;
	}
}
/* 9.3 - media screen and (max-width: 1170px) End
------------------------------------------------ */


/* 9 - Media Query End
---------------------------------------------------------------------- */