/* CSS Document */



@font-face {
    font-family: 'alexander-quill';
    src:    url('/contents/templates/fonts/gotisch/GrenzeGotisch-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'roboto-condensed';
    src:    url('/contents/templates/fonts/roboto-condensed.regular.ttf') format('truetype');
}



/************* COOKIE-CONSENT - Start ***********/

.privacypolicies-com---palette-light.privacypolicies-com---nb {
    background-color: #f2f2f2;
    color: #111;
    margin: 15px;
    border: 1px solid #5c2626;
}

.privacypolicies-com---palette-light.privacypolicies-com---nb {
    background-color: #f2f2f2e3!important;
    color: #111;
}

.privacypolicies-com---pc-dialog .cc-cp-body-content-entry-text {
    font-size: 14px!important;
    line-height: 1.5;
}

.privacypolicies-com---palette-light .cc-nb-okagree {
    color: #fff;
    background-color: #5c2626!important;
}

.privacypolicies-com---palette-light .cc-nb-reject {
    color: #fff;
    background-color: #5c2626!important;
}

.privacypolicies-com---nb .cc-nb-text {
    font-size: 14px!important;
    margin: 0 0 1.25rem 0;
}

/************* COOKIE-CONSENT - End ***********/

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

.hide {
	display: none !important;
}
h1 {
	font-family: 'alexander-quill', serif!important;	
	font-weight: 400!important;	
	font-style: normal!important;
	color: #5C2626 !important;
}
h1 small {
	color: #666; 
	display: block;
	font-size: 50%;
	font-style: italic;
}

h2 {
	color: #333333!important;
}
h2.lined {
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
}
h3 {
	font-size: 1.25em!important;
	font-weight: 700!important;
}
.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: none!important;
}
.price-box h2 small {
	font-size: 0.7em;

	color: #555;
}
.list-group-item {
	background: transparent!important;
}
.list-group-item i {
	margin-right: 15px;
}
.top-line {
	font-size: 0.8em;
}
.lang-selection ul {
	display: inline-block;
	margin: 0px!important;
}
.lang-selection li {
	float: left;
	list-style: none;
	margin: 10px 0 3px;
	width: 30px;
	text-align: center;
}
.lang-selection a {
	text-decoration: none;
	font-size: 0.9em;
	display: block;
}
.lang-selection a:hover {
	text-decoration: none;
}
#languages_active, #languages_active a, #languages_active a:hover {
	color: #fff;
	text-decoration: underline;
}
.navbar { 
	background: #fff;
}
.navbar-nav {
	background-color: #fff!important;
}
.navbar-nav .nav-item {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.1em;
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.65)!important;
	border-bottom: 1px dotted #ddd;
}
.navbar-brand {
	width: 200px;
	margin-left: 15px;
}
#header-carousel {
	margin-bottom: 50px;
}
.carousel-caption {
	margin-bottom: -65px;
}
.btn-success {
	font-weight: 700!important;
	font-size: 1em!important;
	padding-left: 50px !important;
	padding-right: 50px !important;
	border: 3px solid #E9E0D3  !important;
}
.sign {
	font-size: 1.7em;
	color: #5E5E5E;
}
.bott-gallery {
	position: absolute;
	margin-left: -35px;
	margin-top: -15px;
}
.bott-gallery.cam-center {
	left: 50%;
	top: 50%!important;
}
.bott-gallery.cam-left {
	left: 35px;
	bottom: 14px!important;
}
.bott-gallery.cam-right {
	right: 0px;
	bottom: 14px!important;
}
.fa-camera:before {
	content: "\f030";
	font-size: 32px;
	padding: 15px;
	background-color: rgba(0,0,0,.7);
	color: white;
}
.gallery-link {
	cursor: pointer;
}
.zoom-out { 
	overflow: hidden; 
}
.zoom-out img {
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
}
.zoom-out:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.shortcuts img {
	margin-bottom: 15px;
	border: 8px solid #f0ebe9;
	max-height: 200px;
	transition: transform .2s;
}
.shortcuts img:hover {
	-ms-transform: scale(0.9); /* IE 9 */
  	-webkit-transform: scale(0.9); /* Safari 3-8 */
  	transform: scale(0.9); 
}
.shortcuts img.green-dark {
	border: 8px solid #f0ebe9;
}
.shortcuts i {
	font-size: 2.5em;
	color: #5C2626 ;
}




#price-accordion a, #price-accordion-2 a, #price-accordion-3 a {
	color: #333;
	font-weigth: bold;
}
.bg-secondary.text-white.tab-datum {
    min-width: 200px;
}
.bg-success.text-white.tab-tagpreis  {
    min-width: 150px;
}
.bg-info.text-white.tab-wochenpreis {
    min-width: 150px;
}
.spot-box {
    margin: 70px 0;
}
.page-braker img { 
	width:100%; 
}
.parallax-bg { 
	padding: 100px 0; 
	background-size: cover; 
	background-attachment: fixed; 
}
.plax-lama { 
	background-image: url(../../images/fotos/lama.jpg); 
}
.plax-lama-2 { 
	background-image: url(../../images/fotos/lama-2.jpg); 
}
.plax-garten { 
	background-image: url(../../images/fotos/ambiente/garten-3.jpg); 
}
.plax-gletscher{ 
	background-image: url(../../images/fotos/gletscher.jpg); 
}

.parallax-bg h2 {
    position: absolute;
    right: 8%;
    top: -70px;
    text-align: center !important;
    font-family: "roboto-condensed" !important;
    font-size: 0.7em !important;
    color: #fff !important;
    padding: 18px 15px !important;
    margin-right: 0px;
    background: rgb(192, 16, 16);
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.39);
}

.img-banner .row div { padding: 0px !important; } 

.footer {
	margin-top: 100px;
	background-color: #fff;
	padding: 0px!important
}
.g-map { 
	background-color: #E9E0D3; 
	border-top: 0px solid #6D5148;
}
.g-map .embed-responsive {
	height: 350px!important;
}
.partners img {
	padding: 0 15px
}
.adress-box { 
	border:0px!important;
	border-top: 30px solid #5C2626!important /*#6D5148*/;
	width: 100%;
	z-index: 1;
	font-size: 0.85em;
}
.adress-box a {
	color: #5C2626; 
	border-bottom: 1px dotted #aaa!important;
}
.adress-box a:hover {
	color: #5C2626!important;
	text-decoration: none;
	border-bottom: 1px solid #5C2626!important;
}
.card-img-top {
	width: 250px !important;
	margin: 0 auto;
}
.booking-link { 
	background-color: #3163b7; 
	margin: 40px 0 20px;
	padding: 0 15px;
}
.booking-link img {
    width: 250px;
}
.partners img {
	margin: 15px 0;
	max-width: 250px;
}
.map-link p {
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	color: #333333!important;
}
.map-link p:before, .map-link p:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 50%;
	height: 1px;
	content: '\a0';
	background-color: #939090;
	margin: 0 15px 0px 0;
}
.map-link p:before {
	margin-left: -50%;
	text-align: right;
}
.sponsor {
	text-align: center;
}

.close-line {
	font-size: 0.8em;
}

/* Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
h2.lined:before, h2.lined:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 50%;
	height: 1px;
	content: '\a0';
	background-color: #939090;
	margin: 0 15px 0 0;
}
h2.lined:before {
	margin-left: -50%;
	text-align: right;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
h1 {
	font-size: 3em!important;
}
.parallax-bg {
    padding: 150px 0;
}
.parallax-bg h2 {
    right: 8%;
    top: -100px;
    font-size: 1em !important;
    padding: 30px 15px !important;
    margin-right: 20px;
    width: 150px;
    height: 150px;
}

.slogan {
	font-size: 3em;
	color: #5e5e5e;
}
.slogan small {
	font-size: 70%!important;
}
.shortcuts img {
	max-height: auto!important;
}
.embed-responsive-4by3 {
	height: 450px!important;
}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
h1 {
	font-size: 3.5em!important;
}
.affix {
	background: #fcfcfc;
	padding: 0px !important;
	border-bottom: 1px solid #ccc;
	-webkit-transition:all 0.3s ease-in!important;
	-moz-transition:all 0.3s ease-in!important;  
	-o-transition:all 0.3s ease-in!important;         
	transition:all 0.3s ease-in!important;  
}
.affix img {
	width: 45% !important;
}
.navbar-nav {
	background-color: transparent!important;
}
.navbar-nav .nav-item {
	font-size: 0.9em;
}
.navbar-light .navbar-nav .nav-link {
	color: #5C2626!important;
	-webkit-transition: all .5s; /* Safari */
 	transition: all .5s;
 	border-bottom: 2px solid rgba(255,255,255,.0);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: rgba(0, 0, 0, 0.9);
	border-bottom: 2px solid #5C2626 ;
	background-color: #f0ebe9 ;
}
.navbar-brand {
	width: 300px;
	margin-left: 0px;
}
#header-carousel {
	margin-bottom: 100px;
	border-top: 10px solid #E9E0D3;
	border-bottom: 30px solid #E9E0D3;
}
.carousel-inner {
    margin-top: 1px;
    margin-bottom: 1px;
}
.btn-success {
	-webkit-transition: .7s; /* Safari */
	transition: .7s;
}

.g-map { 
	background-color: #E9E0D3; 
	border-top: 30px solid #5C2626 ;
}
.g-map .embed-responsive {
	height: 350px!important;
}
.partners {
	margin-top: 120px!important;
}
.partners img {
	padding: 0 15px
}
.adress-box { 
	border:1px solid #6D5148!important;
	border-top: 30px solid #5C2626 !important;
	width: 17rem;
	z-index: 1;
	position: absolute!important; 
	left: 25%;
	top: -40px;
}
.booking-link { 
	background-color: #3163b7; 
	margin: 10px 0 30px;
}

.page-braker img { 
	width:100%; 
}
.parallax-bg { 
	padding: 250px 0; 
}
.parallax-bg h2 {
    right: 15%;
    top: -100px;
    font-size: 1.40em !important;
    padding: 50px 15px !important;
    margin-right: 20px;
    width: 200px;
    height: 200px;
}


}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {


.navbar-nav {
	margin-right: 50px;
}
.navbar-nav .nav-item {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 1em;
}
.affix .nav-item {
	padding-left: 10px;
	padding-right: 10px;
}
.navbar-brand {
	width: 400px;
}

.partners {
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}

}