@charset "utf-8";
/*
grün dunkel/over: 4f6117
grün: 5c711b
grau: 58595b /Hintergrundfarbe
standart-grau: 191919 /dunkelgrau

font-family:"Noto Sans",sans-serif;
font-family:"Moderno",cursive;
*/

@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap");


@font-face {
	font-family: 'ModernoFBExtraCond';
	src: url('/fileadmin/user_upload/Hotel-Salten/fonts/ModernoFBExtraCond-Regular.woff2') format('woff2'),
	url('/fileadmin/user_upload/Hotel-Salten/fonts/ModernoFBExtraCond-Regular.woff') format('woff'),
	url('/fileadmin/user_upload/Hotel-Salten/fonts/ModernoFBExtraCond-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ModernoFB';
	src: url('/fileadmin/user_upload/Hotel-Salten/fonts/ModernoFB-Regular.woff2') format('woff2'),
	url('/fileadmin/user_upload/Hotel-Salten/fonts/ModernoFB-Regular.woff') format('woff'),
	url('/fileadmin/user_upload/Hotel-Salten/fonts/ModernoFB-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	--gray: #D1CFCF;
	--gray-dark: #3b3b3b;
	--primary: #3B3B3B;
	--secondary: #57342F;
	--success: #9E774B;
	--info: #9E774B;
	--warning: #9E774B;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #2b2b2b;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

*{ margin:0;	padding:0;	border:0;	}
input, textarea, select {  border-radius: 4px; -webkit-border-radius:4px; color: #495057; }
* { -webkit-tap-highlight-color:transparent; }

path {    stroke: rgb(248, 244, 242);    stroke-width: 0.7;    fill-opacity: 0;    }
/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {    background: #CCCCCC;    color: #FFFFFF; }
/* und hiermit der Firefox >=1 */
::-moz-selection {    background: #CCCCCC;    color: #FFFFFF;}

html {	  -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;}
body 	{ background-repeat:repeat; -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%; font-weight: 300;  }

div#wrap	{ position: relative;  width:100%; margin:0 auto; padding:0;  text-align:center; }

#top-request    		{ position: fixed;  width:100%; margin:0 auto; padding:0;  text-align:center; display:none; z-index:150;  }
#top-request.visible    {  display:block; }
#top-request  a			{   text-decoration:none; padding: 20px 10px 20px 10px;  font-size:18px; font-family: 'Noto Sans', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:2px; background-color: #5c711b; color:#FFFFFF; }

body.detail #top-request   { display: none;}

/* header */
div#header		{ position:absolute; width:100%; text-align:center; margin:0 auto; padding:0 0 50px 0; 	z-index:100;}
div#header_wrap			{ position:relative; width:1320px;  padding:20px 0 0 0;  text-align:right;  margin:0 auto; z-index:1;   }

@-webkit-keyframes scale-down-center {
	0% {		-webkit-transform: scale(1);		transform: scale(1);	-webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
	100% {		-webkit-transform: scale(0.7);		transform: scale(0.7);	-webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
}
@keyframes scale-down-center {
	0% {		-webkit-transform: scale(1);		transform: scale(1);	 -webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
	100% {		-webkit-transform: scale(0.7);		transform: scale(0.7);	  -webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
}

.fade-in {	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.fade-out {	-webkit-animation: fade-out 1s ease-out both;	animation: fade-out 1s ease-out both;}

@-webkit-keyframes fade-in {
	0% {		opacity: 0;	}
	100% {		opacity: 1;	}
}
@keyframes fade-in {
	0% {		opacity: 0;	}
	100% {		opacity: 1;	}
}

@-webkit-keyframes fade-out {
	0% {		opacity: 1;	}
	100% {		opacity: 0;	}
}
@keyframes fade-out {
	0% {		opacity: 1;	}
	100% {		opacity: 0;	}
}

/* sprache */
div#sprache						{ position:absolute; display: flex;   margin: 0; padding:0;  left:0;	top: 0;    letter-spacing:1px; z-index:2000;   }
div#sprache	 a.button			{ font-size:16px;  font-weight:800; padding: 5px 10px 5px 10px; text-decoration:none; 	transition: all 0.5s ease; background-color: transparent; border: 1px solid rgba(255,255,255,0); border-radius: 8px;}
div#sprache	 a.button:hover		{  background-color: rgba(255,255,255,0.2); border: 1px solid #FFFFFF;}

@media screen and (min-width: 576px){
	div#sprache {left:20px;	top: 20px;}
	div#sprache	 a.button		{ font-size:18px;  	}
}
@media screen and (min-width: 992px){
	div#sprache		{  left:10%;	top: 60px;   }
}

/* Logo */
div#logo			{ position:absolute;    margin: 0; padding:0;  width:100%; text-align:center; top:60px;    }
div#logo_wrap 		{ transition: all 0.4s ease;  }
div#logo img		{ width:auto; height:100%; max-height:70px; }

@media screen and (min-width: 992px){
	div#logo			{  top:60px;    }
	div#logo img		{ width:auto; height:110px; max-height:110px; }
}

@media screen and (min-width: 1600px){
	div#logo			{  top:80px;    }
	div#logo img		{ width:auto; height:110px; max-height:110px; }
}

@media screen and (min-width: 1900px){
	div#logo			{  top:80px;    }
	div#logo img		{ width:auto; height:180px; max-height:180px; }
}


/* kontakt */
div#kontakt						{ position:absolute; top:20px;  right: 40px;  margin: 0;  width:auto;   letter-spacing:1px; display:none; z-index:2000;    }
div#kontakt	 a.button			{ font-size:18px;  padding:0 30px; background-color: #5C711B; border: 0 solid #5C711B;	height: 60px !important;		line-height: 60px; text-transform:uppercase; font-weight: bold; border-radius: 8px; color: white;}
div#kontakt	 a.button:hover		{ background-color: #4f6117;  text-decoration:none; color: white;   }
body.detail #kontakt   { display: none;}

@media screen and (min-width: 768px){
	div#kontakt {display:block;}
}
@media screen and (min-width: 992px){
	div#kontakt {top:60px; right:10%;}
}

/* detailheader */
.detailhg			{ position:relative; float:left; width:100%; text-align:center; height: 120px; background-color: #58595b;  margin:0 auto; padding:0;   }
.detailhg-wrap		{ position:relative;  width:100%;    padding: 0 0;  margin:0 auto; z-index:1;  }

@media (min-width:992px) {
	.detailhg			{ height: 300px;}
}

/* slider */
#section-slider			{ position:relative; float:left; width:100%; text-align:left;  margin:0 auto; padding:0;   }
#section-slider	 .frame-container {		max-width: 100%;	padding-right: 0;		padding-left: 0;}
#section-slider-wrap		{ position:relative;  width:100%;    padding: 0;  margin:0 auto; z-index:1;  }
#section-slider .carousel .item {	height: 80vh }
#section-slider .carousel .carousel-backgroundimage-container {	opacity: 1;}

#section-slider .carousel .carousel-item .valign {	align-items: flex-end; padding-bottom: 20px;}
#section-slider .carousel .carousel-item {	padding-left: 0;	padding-right: 0;}
#section-slider .frame { padding-top: 0;}
#section-slider .carousel .carousel-item h1	{ padding-left: 20px;	font-family:'ModernoFB', cursive;	font-weight: normal;
	color:white;	border-bottom: 0;	letter-spacing: 2px;	text-transform: none;	font-size: 30px;	line-height: 34px;	background-image: none;	padding-bottom: 40px;}

#section-slider #section-slider-wrap .carousel-content {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.0) 75%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.0) 75%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.0) 75%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 );
}

#section-slider .carousel-indicators {display: none;}

/* Rechts- und Links Navigation*/
#section-slider .carousel .carousel-control-icon { background-color: transparent;}
#section-slider .carousel .carousel-control-icon.carousel-control-prev-icon {	width:90px; background-image: url("/fileadmin/user_upload/Hotel-Salten/arrow-prev-w.svg");}
#section-slider .carousel .carousel-control-icon.carousel-control-next-icon {   width:90px; background-image: url("/fileadmin/user_upload/Hotel-Salten/arrow-next-w.svg");}
#section-slider .carousel .carousel-control-icon:before {		border-top: 0 solid #575656;	border-right: 0 solid #575656;}

#section-slider .carousel-control-prev, #section-slider  .carousel-control-next {    top: unset;    bottom: 50px;}
#section-slider  .carousel .carousel-indicators {	opacity: 1;	transform: translate(0px, 0px); height: 20px;}
#section-slider  .carousel-control-prev {       left: 10px;}
#section-slider  .carousel-control-next {    right: 10px;}

@media (min-width: 768px) {
	#section-slider  .carousel-control-prev {    left: 50px;    }
	#section-slider  .carousel-control-next {    right: 50px;}
	#section-slider .carousel .carousel-control-icon.carousel-control-prev-icon {	width:90px; }
	#section-slider .carousel .carousel-control-icon.carousel-control-next-icon {  width:90px; }
}


@media (min-width:992px) {
	#section-slider .carousel-item-type-header .carousel-text-inner {			width: 70%;}
	#section-slider .carousel .item {	height: 100vh }
	#section-slider .carousel .carousel-item h1 { font-size: 40px; line-height: 60px;	}
}
@media (min-width:1600px) {
	#section-slider .carousel .carousel-item .valign {		max-width: 1100px;	}
	#section-slider .carousel .carousel-item h1 { font-size: 50px; line-height: 55px;	}
}

@media (min-width:1900px) {
	#section-slider .carousel .carousel-item .valign {		max-width: 1600px;	}
	#section-slider .carousel-item-type-image .carousel-image img {		width: 100%;	}
	#section-slider .carousel .carousel-item h1 { font-size: 64px; line-height: 77px; letter-spacing: 10px;	}
}





main, #main	{position:relative; width:100%; float:left;  z-index:0;     }

.col100w		{ width:100%; max-width: 1320px; height:auto;  margin:0 auto; padding:0;}
.col100w .col-12 {  padding-right: 0;	padding-left: 0;}

.col100 		 { position:relative; width:100%; height:auto;  margin:0 auto; padding:0; }
.frame-container {		max-width: 1340px;	padding-right: 0;		padding-left: 0;}
.frame.frame-type-text .frame-container {max-width: 900px; padding-left: 20px; padding-right: 20px;}
.frame-type-gridelements_pi1 .frame.frame-type-text .frame-container {padding-right: 0;		padding-left: 0;}
.frame-type-gridelements_pi1 .frame-container {		max-width: 1340px;	padding-right: 0;		padding-left: 0;}
.frame-type-gridelements_pi1 .frame-type-textpic .textpic-text {padding-right: 0;		padding-left: 0;}



@media (min-width: 992px){
	.row .col-12 {  padding-right: 20px;	padding-left: 20px;}
}

@media (min-width: 2200px){
	.frame-container {		max-width: 1818px;	}
	.frame-type-gridelements_pi1 .frame-container {		max-width: 1818px;}
	.col100w {		width: 1818px;	}
}

h1, p.h1 {    position: relative; text-transform: uppercase;  font-size: 24px; font-weight: bold; 	line-height: 28px;  padding-bottom: 40px;  letter-spacing: 3px;    }
.frame-type-gridelements_pi1  h1 {	 padding-bottom: 0; 	}
h2, p.h2 {   font-size: 20px; text-transform: uppercase;	line-height: 24px;  padding: 20px 0; margin-top: 0;  letter-spacing: 1px;  font-weight: 400; }
h2.element-header {padding: 0;}
h3, p.h3 {  font-weight: 400;  font-size: 24px; line-height: 28px; text-transform: none;  color: #191919; letter-spacing: 1px;	  }
h4, p.h4 {  font-weight: normal;  font-size: 18px; line-height: 22px;  text-transform: uppercase; color: #191919;	 margin-top: 0; letter-spacing: 1px; padding-bottom: 10px;  }
p {  font-weight:400;  margin-bottom: 0; font-size: 16px; margin-bottom: 1.3em; }
a {     text-decoration: none;  }
#main .frame-type-textpic li, #main .frame-type-text li, .frame-type-list li, ul.list-normal li {   text-align:left;  padding-left: 15px;  font-weight:400;  font-size: 16px; background: url("/fileadmin/user_upload/Hotel-Salten/list.svg") no-repeat left 10px; }

@media screen and (min-width: 992px) {
	h3, p.h3 { font-size: 20px; }
	p {   font-size: 20px; line-height: 32px;  }
	#main .frame-type-textpic li, #main .frame-type-text li, .frame-type-list li, ul.list-normal li {   font-size: 20px;  }
	h1 {	font-size: 60px;	line-height: 65px;	 padding-bottom: 60px;   font-weight: bold;	}

	h2 {	font-size: 26px;	line-height: 34px;	 padding: 0; 	}
	h3, p.h3 {  font-size: 45px; padding-bottom: 20px;    }
}


@media screen and (min-width: 1900px) {
	h3, p.h3 { font-size: 20px; }
	p {   font-size: 20px; line-height: 32px; letter-spacing: 1px;  }
	#main .frame-type-textpic li, #main .frame-type-text li, .frame-type-list li, ul.list-normal li {   font-size: 20px; letter-spacing: 1px; }
	h1 {	font-size: 60px;	line-height: 65px;	 padding-bottom: 60px; 	}

	h2 {	font-size: 26px;	line-height: 34px;	 padding: 0; 	}
	h3, p.h3 {  font-size: 64px;	line-height: 77px;	 letter-spacing: 10px;   }
	h4 {	font-size: 26px;	line-height: 34px;	 padding: 0; margin-bottom: 30px; 	}
}

.frame-background-primary h1, .frame-background-primary p.h1 {	color: #FFFFFF;   font-family: "Noto Sans", sans-serif;}
.frame-background-primary h2, .frame-background-primary p.h2 {	color: #FFFFFF; font-family: "Noto Sans", sans-serif;}
.frame-background-primary h4, .frame-background-primary p.h4 {	color: #FFFFFF;}
.frame-background-secondary h1, .frame-background-secondary p.h1 {	color: #191919;}
.frame-background-secondary h4, .frame-background-secondary p.h4 {	color: #191919;}

.primarybg {background-color: #575656; padding: 150px 0;  }
.defaultbg {background-color: #9E774B;}
.frame-background-primary {	color: #191919;	padding: 60px 20px; background-color: #58595b;  }
.frame-background-secondary {	color: #191919;	 padding: 60px 20px; background-color: #EAEAEA ; }
.frame-background-light {	color: #191919;	background-color: #EAEAEA; }
.frame-backgroundimage-fade {opacity: 1;}




hr {
	margin: 20px 0;
	border: none;
	height: 18px;
	background: url('/fileadmin/user_upload/Hotel-Salten/trenner.svg') center center no-repeat;
	background-size: auto 18px;
	display: block;
}


a.internal-link, a.mail, a.download  {  padding: 0 5px;       text-transform:uppercase;     display: inline-block;    cursor: pointer;    outline: 0;        text-decoration: none;    text-shadow: none !important;    text-align: center;      width: 50%;    position: relative;    margin: 24px 25%;	 -moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;   	 	 -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0); }
a.link, a.internal_link {  text-decoration:none;	 -moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;
		 -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0);

}
a.external-link-new-window{  text-decoration:none; }
a.internal-link:hover,  a.link:hover,  a.internal_link:hover {  }
a.external-link-new-window, a.link, a.internal_link, a.internal-link:hover,  a.link:hover,  a.internal_link:hover, a[href^="tel:"] { color: #3B3B3B; text-decoration: none;}

.btn-default {	color: #FFFFFF;	background-color: #5c711b; letter-spacing: 0;	 border: 0px solid #5c711b;    text-transform:uppercase;    border-radius: 5px; margin-right: 5px; font-weight: bold; font-family: "Noto Sans", sans-serif}
.btn-default:hover {	color: #fff;	background-color: #4f6117;	}

.btn-primary {	color: #fff; letter-spacing: 1px; border-radius: 5px; background-color: transparent;	 margin: 0 2px;  border: 1px solid #FFFFFF;  text-transform:uppercase; font-weight:600; font-size:14px;  }
a.btn-primary[href^="tel:"] {color: #fff; }


.btn-primary:hover {	color: #fff;	background-color: rgba(87,86,86,0.5);	border-color: rgba(87,86,86,0.5);}
.btn-primary:focus, .btn-primary.focus {	color: #fff;	background-color: rgba(87,86,86,0.8);	border-color: rgba(87,86,86,0.8);	box-shadow: 0 0 0 0.2rem rgba(87,86,86, 0.5);}
.btn-primary.disabled, .btn-primary:disabled {	color: #fff;	background-color: rgba(87,86,86,0.8);	border-color: rgba(87,86,86,0.8);}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {	color: #fff;	background-color: rgba(87,86,86,0.8);	border-color: rgba(87,86,86,0.8);}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {	box-shadow: 0 0 0 0.2rem rgba(87,86,86, 0.5);}




.button {
	font-weight: 400;       margin:0; text-transform:uppercase;  font-size:18px;    outline: 0;    color: #FFFFFF; background-color: transparent;            text-shadow: none !important;    text-align: center;    position: relative;
	-moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;      -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0); border-radius:0;
	display: block;		padding:15px 20px 20px 20px;				text-decoration:none;	cursor: pointer;

}
.button:hover { background-color:#FFFFFF; cursor:pointer; color:#271f1d;}
.button:active, .button.is-checked {  background-color:#FFFFFF;  color:#271f1d; }
.button.is-checked {  background-color:#FFFFFF;		color:#271f1d;}
.button:active {  background-color:#FFFFFF;	color:#271f1d;}
.border { border: 5px solid rgba(255,255,255,1.00); }
#banner { position:relative; width:100%; float:left; height:auto;  text-align:center; padding: 20px 0; min-height:120px;   }



@media (max-width: 768px) {
	.sectionw .row {		flex-wrap: wrap;	}
}

.sectionw.GoogleMap .frame-container {	max-width: 100%;}
.sectionw.zimmerspecial .frame-container {	max-width: 1800px;}
.sectionw.margintop-Default { margin-top: -140px; }
.sectionw.margintop-Large { margin-top: -130px; }
.sectionw.margintop-Medium { margin-top: -60px; }
.sectionw.margintop-Small { margin-top: -40px; }
.sectionw.margintop-xSmall { margin-top: 0;}

@media (max-width: 575px) {
	.sectionw.margintop-Default {		margin-top: 0;		padding-top: 0;	}
}


.sectionw.zimmer .col100w {width: 90%}

.sectionw.z-index { z-index: 1;}
.sectionw.z-index0 { z-index: 1;}
.sectionw.z-index1 { z-index: 2;}
.sectionw.z-index2 { z-index: 3;}
.sectionw.z-index3 { z-index: 4;}
.sectionw.z-index4 { z-index: 5;}


.sectionw.index { z-index: 0;}
.sectionw.index0 { z-index: 0;}
.sectionw.index1 { z-index: 1;}
.sectionw.index2 { z-index: 2;}
.sectionw.index3 { z-index: 3;}
.sectionw.index4 { z-index: 4;}

.frame.z-index { z-index: 1;}
.frame.z-index0 { z-index: 1;}
.frame.z-index1 { z-index: 2;}
.frame.z-index2 { z-index: 3;}
.frame.z-index3 { z-index: 4;}
.frame.z-index4 { z-index: 5;}
.row {margin-right: 0; margin-left: 0;}


.buttonrequest {		margin: 10px;	border: 1px solid rgba(0,0,0,0.4) ;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5),	0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06),	0 0 0 3px rgba(0,0,0,0.1);	cursor: pointer;}
.card-header {      background-color:#E6E6E3;  border-bottom-color:#646463; border-top-color:#E6E6E3; border-left-width:0; border-right-width:0; border-bottom-width:1px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid; }
.card-header h5 button.btn-link {  font-size:30px; font-weight:normal; font-family: 'Noto Sans', sans-serif; line-height:36px; color:#646463; margin-bottom:0;   letter-spacing:0; text-transform:none; text-align:center; display: unset; white-space: unset; }
.card-header h5 button.btn-link:hover { text-decoration: none; }


.panel-default>.panel-heading {      background-color:#E6E6E3;  border-bottom-color:#646463; border-top-color:#E6E6E3; border-left-width:0; border-right-width:0; border-bottom-width:1px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid; }
.panel {    display: block;    background-color: #FFFFFF;  border-width:0; }
.panel-group .panel {   margin: -4px;}
.panel-heading {  padding: 25px 25px;}
.panel-heading h4.panel-title {  font-size:30px; font-weight:700; font-family: 'Noto Sans', sans-serif; line-height:36px; color:#646463; margin-bottom:0;   letter-spacing:1px; text-transform:none; text-align:center; }
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {   font-size:30px;  font-weight: 700; line-height: 36px;  color: #646463;   }
.panel-title>a:hover { text-decoration: none;}
.panel-title a.accordion-toggle:after  { content:url("../images/up.png"); font-size: 18px;    line-height: 1;    opacity: 1;    color: #646463;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    position: relative;    float: left;    text-align: center;    width: 100%;} 	.panel-title a.collapsed:after  {  content:url("../images/down.png");   font-size: 18px;    line-height: 1;    opacity: 1;    color: #646463;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    position: relative;    float: left;    text-align: center;    width: 100%;}
.panel-title>.small:hover, .panel-title>.small>a:hover, .panel-title>a:hover, .panel-title>small:hover, .panel-title>small>a:hover { text-decoration:none;}

.panel h1  {     text-align:left;  text-transform:none; }
.panel-body h1, .panel-body .h1  {  font-size:30px; line-height:40px; }

#footer	 { position:relative; width:100%;  text-align:center;  height:auto; padding: 20px 0; margin: 0; float: left;  color: white;	background-color: #58595b;}

@media screen and (min-width: 992px) {
	#footer {
		padding: 120px 45px;
	}
}

#footer .frame{	padding: 20px 0;}
#footer .gallery-item-size-1 img{ max-height: 127px;}
#footer .textpic {margin: 0;}
#footer  a[href^="tel:"] {	color: white;}
#footer  a {	color: white;}
#footer  a:hover { text-decoration: none;}

@media (min-width: 992px) {
	#footer .gallery-item-size-1 img{ max-height: 180px; margin-bottom: 60px;}
}

#footer #footer-kontakt-social {padding: 0 ; text-align: center;}
#footer #footer-kontakt-social img {margin: 20px 0 ;}
#footer #menu-language {padding: 20px 0;}
#footer img.footerlogos {margin: 20px 20px;}
#footer .footertext {text-align: center; font-size: 10px; padding: 0 20px;}
#footer button {background-color: transparent; color: white;}
#footer .frame-background-primary a:not(.btn) {	color: white;}
#footer .frame-background-primary a:hover,  #footer button:hover{ text-decoration: none; opacity: 0.8;}
.fullwidth		 { width:90%;  }
/*  100% */
.colums1		 { position:relative; width:100%; float:left; margin:0;  }


@media (min-width: 992px) {
	#footer .footertext {text-align: center; font-size: 14px;}
}


/* Anfrageformular */
div#main .tx-powermail {display: flex; justify-content: center;}
div#main .container-fluid {max-width: 720px; padding-left: 0; padding-right: 0;}
div#main .powermail_form fieldset {  border: 0; margin: 0; padding: 0; font-size: 17px; }
div#main .powermail_form  .nolabel legend.powermail_legend { display:none;}
div#main .powermail_form  .nolabel h3 { display:none;}
div#main .powermail_form  h2 { display:none;}
div#main .powermail_form a:hover {color: #5c711b; text-decoration: none;}
div#main .powermail_form  form  	{ padding:20px 10px 10px 15px;  max-width:80%; margin:0 auto;  }
div#main .powermail_form  label		{  text-align:left; width:100%; position:relative; float:left; padding: 0 10px 0 0;  }
div#main .powermail_form  label.form-check-label label.form-check-label {padding: 0 10px 0 80px; line-height:30px}
div#main .powermail_form  .clear		{clear:both; }
div#main .powermail_form  input			{ width:100%; height:3em;    margin:10px; margin-left:0;   border: 1px solid #dee2e6;  font-family:'Noto Sans', sans-serif;     padding: 6px 12px; font-size: 18px; }
div#main .powermail_form  .btn-toolbar>.btn-group  {    margin-left: 5px;    width: 100%;  text-transform:uppercase;  }

div#main .powermail_form     select { width: 100%;	   margin:10px 10px 10px 0; height:3em;  border: 1px solid #dee2e6; font-family:'Noto Sans', sans-serif;    padding: 6px 12px; }
div#main .powermail_form   textarea {    min-height: 200px;  width:100%;   border: 1px solid #dee2e6;  font-family:'Noto Sans', sans-serif;     padding: 6px 12px;}
div#main .powermail_form    .checkbox input[type=checkbox]	{ float:left; left:0;	margin-bottom: 0; width: 20px;	height: 20px;	vertical-align: middle;	border-style: none; background-color:#FFFFFF;     }
div#main .powermail_form  .powermail_field  .checkbox label {padding: 0 10px 0 30px;}
div#main .powermail_form     input:focus { 	border-color: rgba(186, 135, 72, 0.4);  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);      outline: 0 none; 	}
div#main .powermail_form .powermail_fieldwrap.layout1 { width: 48%; margin-right: 2%; float: left;}
div#main .powermail_form .powermail_fieldwrap.layout2 { width: 50%; float: left; }
div#main .powermail_form .powermail_fieldwrap.nolabel label.powermail_label {display: none;}
div#main .powermail_form input.powermail_submit {         cursor: pointer;  font-weight: 700;     text-transform: uppercase;      margin: 0;    width: 100%;    padding: 10px;    height: 50px;        font-size: 18px;    letter-spacing: 2px;        clear: both;	background-color: #5c711b; border: 0 solid white; color: white; }
div#main .powermail_form .powermail_fieldwrap_kinder {width: 31%;	margin-right: 2%;	float: left; display: none;}
div#main .powermail_form .powermail_fieldwrap_jahrekinder {width: 33%;	float: left;}
div#main .powermail_form .powermail_fieldwrap_jahrekinder1,
div#main .powermail_form .powermail_fieldwrap_jahrekinder2,
div#main .powermail_form .powermail_fieldwrap_jahrekinder3,
div#main .powermail_form .powermail_fieldwrap_jahrekinder4,
div#main .powermail_form .powermail_fieldwrap_jahrekinder5,
div#main .powermail_form .powermail_fieldwrap_jahrekinder6 {width: 31%; margin-right: 2%;	float: left; display: none;}


@media screen and (max-width: 590px){
	div#main .powermail_form .powermail_fieldwrap {		padding-bottom: 20px;	}
	div#main .powermail_form .powermail_fieldwrap_anreise,
	div#main .powermail_form .powermail_fieldwrap_abreise,
	div#main .powermail_form .powermail_fieldwrap_erwachsene,
	div#main .powermail_form .powermail_fieldwrap_kinder,
	div#main .powermail_form .powermail_fieldwrap_jahrekinder,
	div#main .powermail_form .powermail_fieldwrap_anrede,
	div#main .powermail_form .powermail_fieldwrap_vorname,
	div#main .powermail_form .powermail_fieldwrap_nachname
	{width: 100%;	margin-right: 0;	}

	div#main .powermail_form .powermail_fieldwrap_erwachsene .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_kinder .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_jahrekinder .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_vorname .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_nachname .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_emailadresse .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_telefon .powermail_label
	{display: none;}

}


DIV#errormessage			{	color: #ff0000;}
DIV#errormessage ul 		{	margin-top: 10px;}

@media screen and (max-width: 480px){
	.form-group-col1 {  width:98%; margin-left:1%;}
	.form-group-col2 {  width:98%; margin-left:1%;}
	.form-group-col3 {  width:98%; margin-left:1%;}
	.form-group-col4 { width:98%; margin-left:1%;}
	.form-group-col5 { width:98%; margin-left:1%;}
}


.csc-textpic-imagerow { padding:0; margin:0;}
.csc-textpic-image img{ padding:0; margin:0; background-position:top left; }
.csc-textpic-imagecolumn{ padding:0; margin:0;}
.csc-textpic-imagewrap{ padding:0; margin:0;}
.lightbox{ padding:0; margin:0;}
.ce-column {   max-width: 100%;}
.ce-gallery img {    display: block;    float: left;  }
.ce-right .ce-gallery {     float: none;}
.ce-intext.ce-right .ce-gallery {    margin-left: 0; }
.ce-column {    margin-right: 7.2px;}
.ce-row {    margin-top: 7.2px;}

#main .textpic {margin: 0;}
 .gallery-row {margin: 0; padding: 0;}
#main .gallery-item.gallery-item-size-1 {	 width: 80%; max-width: 316px;}

@media screen and (min-width: 992px){
	#main .gallery-item.gallery-item-size-1 {	 width: unset; max-width: 734px;}
}

/*
------------------------------------------------------------------------------------------------------
Scroll to top button
------------------------------------------------------------------------------------------------------
*/
#totop	{ position: fixed;  width: 40px; background-color: #474A4D;  right: 0;	height: auto;	padding: 0;	margin: 0;	margin-right: 15px;		bottom: 30px;	}

.cd-top {   height: 40px;  width: 40px;   border-radius: 0;	overflow: hidden;  text-indent: 100%;  white-space: nowrap; content:url("arrow-top-48.png");	display: none;  opacity: 1;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index:100000;	}
.cd-top svg {  fill: #000000; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s; display: block;}
.cd-top.cd-is-visible {  opacity: 1; }
.cd-top.cd-fade-out {  	opacity: 1;}
.no-touch .cd-top:hover {  opacity: 1; }
#totop:hover { background-color: #5c711b;}
@media only screen and (min-width: 768px) {
	.cd-top {    right: 20px;    bottom: 20px;  }
}


/* google Maps */
iframe {	padding: 50px 0 0 0;	border: 0;}


/*image Anpassungen */
.gallery-item.gallery-item-size-1 img {	width: auto;	height: auto;	max-height: 800px; max-width: 100%; }
.gallery-item.gallery-item-size-2 {padding-bottom: 14px;}
.gallery-item.gallery-item-size-2 img, .gallery-item.gallery-item-size-1 img  {	-webkit-transform: scale(1);	transform: scale(1);	-webkit-transition: 0.9s ease-in-out;	transition: 0.9s ease-in-out; }
.gallery-item.gallery-item-size-2 img:hover, .gallery-item.gallery-item-size-1 img:hover {	-webkit-transform: scale(1.05);	transform: scale(1.05);}



@media (max-width: 768px) {
	.gallery-item.gallery-item-size-2 { width: 100%;}
	.gallery-item.gallery-item-size-1 {padding-bottom: 20px;}
}




.modal-open {	overflow: hidden}
.modal-open .modal {	overflow-x: hidden;	overflow-y: auto}
.modal {	position: fixed;	top: 0;	left: 0;	display: none;	width: 98%;	height: 100%;	overflow: hidden;	outline: 0; z-index: 1050;}
.modal-dialog {	position: relative;	width: auto;	margin: 0.5rem;	pointer-events: none}
.modal.fade .modal-dialog {	transition: transform 0.3s ease-out;	transform: translate(0, -50px)}

.modal .carousel .item {	height: auto;}

@media (min-width: 768px) {
	.modal .carousel .item {		height: auto;	}
}



.modal.show .modal-dialog {	transform: none}
.modal.modal-static .modal-dialog {	transform: scale(1.02)}
.modal-dialog-scrollable {	display: flex;	max-height: calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content {	max-height: calc(100vh - 1rem);	overflow: hidden}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {	flex-shrink: 0}
.modal-dialog-scrollable .modal-body {	overflow-y: auto}
.modal-dialog-centered {	display: flex;	align-items: center;	min-height: calc(100% - 1rem)}
.modal-dialog-centered::before {	display: block;	height: calc(100vh - 1rem);	content: ""}
.modal-dialog-centered.modal-dialog-scrollable {	flex-direction: column;	justify-content: center;	height: 100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {	max-height: none}
.modal-dialog-centered.modal-dialog-scrollable::before {	content: none}
.modal-content {	position: relative;	display: flex;	flex-direction: column;	width: 100%;	pointer-events: auto;	background-color: #fff;	background-clip: padding-box;	border: 1px solid rgba(0, 0, 0, 0.2);	outline: 0}
.modal .modal-content ul{    padding-top: 20px;}
.modal-backdrop {	position: fixed;	top: 0;	left: 0;	z-index: 0;	width: 100vw;	height: 100vh;	background-color: #000000}
.modal-backdrop.fade {	opacity: 0}
.modal-backdrop.show {	opacity: 0.5}
.modal-header {	display: flex;	align-items: flex-start;	justify-content: space-between;	padding: 1rem 1rem;	border-bottom: 1px solid #dee2e6}
.modal-header .close {	padding: 1rem 1rem;	margin: -1rem -1rem -1rem auto}
.modal-title {	margin-bottom: 0;	line-height: 1.5}
.modal-body {	position: relative;	flex: 1 1 auto;	padding: 1rem; }
.modal-footer {	display: flex;	flex-wrap: wrap;	align-items: center;	justify-content: flex-end;	padding: 0.75rem;	border-top: 1px solid #dee2e6}
.modal-footer>* {	margin: 0.25rem}
.modal-scrollbar-measure {	position: absolute;	top: -9999px;	width: 50px;	height: 50px;	overflow: scroll}
.modal .newsangebotpreispreis2, .modal .newsangebotpreispreis {font-size: 50px;	font-weight: 300; line-height: 60px;}
.modal .news-img-wrap img{ width: 100%;	height: auto; }

@media screen and (max-width: 767px) {
	.modal h3 {     font-size:18px; line-height: 28px;}
}

@media (min-width:480px) {
	.modal .news-img-wrap img{ width: 480px;	height: auto; }
}

@media (min-width:576px) {
	.modal-dialog { width: 100%;		max-width: 500px;		margin: 1.75rem auto; margin-top: 10px;	}
	.modal-dialog-scrollable {		max-height: calc(100% - 3.5rem)	}
	.modal-dialog-scrollable .modal-content {		max-height: calc(100vh - 3.5rem)	}
	.modal-dialog-centered {		min-height: calc(100% - 3.5rem)	}
	.modal-dialog-centered::before {		height: calc(100vh - 3.5rem)	}
	.modal-sm {		max-width: 300px	}
	.modal .news-img-wrap img{ max-width: 460px;	height: auto; }
}

@media (min-width:768px) {
	.modal .news-img-wrap img{ max-width: 460px;	height: auto; }
}

@media (min-width:992px) {
	.modal-lg, .modal-xl {		max-width: 800px	}
	.modal-dialog {		max-width: 800px;		}
	.modal .news-img-wrap img{ max-width: 760px;	height: auto; }
}

@media (min-width:1200px) {
	.modal-xl {		max-width: 1140px	}
	.modal-dialog {		max-width: 800px;		}
	.modal .news-img-wrap img{  width:100%;  max-width: 760px;	height: auto; }
}

@media (min-width:1600px) {
	.modal-dialog {		max-width: 1000px;		}
	.modal .news-img-wrap img{  width:100%;  height: auto; max-width: 100%; }
}

.GoogleMap  iframe {	border: 0;	filter: gray(100%);		-webkit-backface-visibility: hidden;
}


.accordion>.card>.card-header {	 margin-bottom: 0px; }
.accordion-header.card-header {	background-color: #EAEAEA;	border-bottom-color: #191919;	border-top-color: #EAEAEA;
	border-left-width: 0;	border-right-width: 0;	border-bottom-width: 1px;	border-top-width: 1px;	border-bottom-style: solid;	border-top-style: solid;
}
.accordion-item.card { border: 0 solid rgba(0, 0, 0, 0.125); }
.accordion-item+.accordion-item {	 margin-top: 0; }
.accordion-item { border-bottom: 0 solid rgba(0, 0, 0, 0.125) !important; }
.accordion-item  h4.accordion-title:before {	display: block;	height: 0;		background-image: none;		background-size: auto;}
.accordion-item  h4.accordion-title {	padding-bottom: 0; text-transform: none; text-align: left;}
.accordion-item  .accordion-body { border: 0px solid #EAEAEA; 	background-color: #EAEAEA;}


.accordion-title {	font-size: 16px;	font-weight: normal;	margin-bottom: 0;	line-height:28px;}
.accordion-title-link {	padding: 1rem 0;}


.accordion-body.card-body {		padding: 1.5rem 0;}

.card {	color: #191919}
.card a:not(.btn) {	color: #191919}
.card a:not(.btn):hover {	color: #4f6117}



@media (min-width:992px) {
	.accordion-title-link {	padding: 1rem 1.5rem;}
	.accordion-title {	font-size: 1.1rem;	font-weight: normal;	margin-bottom: 0;	line-height: 1.2em}
	.accordion-body.card-body {		padding: 1.5rem;}
}







.news a{ text-align: right;}
.news hr{  position: relative;	float: left;	width: 100%;	border: 0;	border-top: 2px solid;	display: block;	height: 25px;}
.news .card {border: 0; border-bottom: 0 solid; padding: 0; }
.news .card.mb-2 {background-size: cover; background-position: top center; height: 550px; width: 100%;}
.news .card.mb-2.zimmer-list { background-position: center center; height: 450px;}
.news .card.mb-2 .card-body .teaser-text .teaser-text-top .card-nights {   content: '';	width: 100%; padding-left: 25px;	background: transparent url("/fileadmin/user_upload/Hotel-Salten/icon-nights.svg") no-repeat top left; 		align-self: center;	background-size: 20px; float:left;}
.news .card.mb-2 .card-body .teaser-text .teaser-text-top .card-calendar p {content: '';	width: 100%; padding-left: 20px;	background: transparent url("/fileadmin/user_upload/Hotel-Salten/icon-calendar.svg") no-repeat top left; 	align-self: center;	background-size: 15px; float:left;}


.news .card.mb-2 .card-body{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(255,255,255,0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%,rgba(255,255,255,0.2) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%,rgba(255,255,255,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 );
	padding: 20px;	display: flex;	flex-wrap: wrap; align-items: flex-end;}
.news .card.mb-2 .card-body .card-headline-top h3.card-title {color: white; font-size: 28px; font-weight: 700; line-height: 32px;}

.news .card.mb-2 .card-body .teaser-text {    padding: 20px 20px;	background-color: rgba(255,255,255,0.8);	display: flex;	flex-wrap: wrap;	flex-direction: column;	align-items: center;	vertical-align: bottom;	justify-content: flex-end;	width: 100%; border-radius: 6px; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.news .card.mb-2 .card-body .teaser-text .teaser-text-top {  padding-bottom: 10px;}
.news .card.mb-2 .card-body>*:first-child {	margin-top: 0;	position: absolute;	top: 40px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top p { font-size: 18px; letter-spacing: 0; line-height: 18px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top span { font-size: 18px; letter-spacing: 0; line-height: 24px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top span.card-nights-price {font-size: 1.2em;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-button p { text-align: center;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-button button.btn-default { padding: 4px 8px;  letter-spacing: 0;}

.news .card.mb-2 .card-body .teaser-text .teaser-text-top .card-nights {   content: '';	width: 100%; padding-left: 25px;	background-image: url(/fileadmin/user_upload/Hotel-Salten/icon-nights.svg); 	background-position: top left;	background-repeat: no-repeat;	align-self: center;	background-size: 20px; float:left;}
.news .card.mb-2 .card-body .teaser-text .teaser-text-top .card-calendar p {content: '';	width: 100%; padding-left: 20px;	background-image: url(/fileadmin/user_upload/Hotel-Salten/icon-calendar.svg); 	background-position: top left;	background-repeat: no-repeat;	align-self: center;	background-size: 15px; float:left;}


@media screen and (min-width: 992px){
	.news .card.mb-2.zimmer-list {  height: 550px;}
	.news .card.mb-2 h3.card-title { font-size: 30px; }
}


 .owl-stage-outer {	position: relative; /* wichtig, damit .owl-nav sich hieran orientiert */}

 .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between; /* verteilt prev/next links und rechts */
	pointer-events: none; /* verhindert, dass die Nav unsichtbar blockiert */
}

 .owl-nav button.owl-prev,
 .owl-nav button.owl-next {
	pointer-events: auto; /* macht die Buttons wieder klickbar */
	background: rgba(0,0,0,0.5);
	color: #fff;
	border: none;
	padding: 0.5em 1em;
	cursor: pointer;
}

.owl-carousel{	display: flex !important;	flex-direction: row;	justify-content: center; }
.owl-carousel .owl-item .carouselimg  {	background-color: white;}
.owl-carousel .owl-item .carouselimg img {	display: block;	width: 100%; 	height: auto; opacity: 0.8;}


.owl-carousel .nav-btn{	height: 20px;	position: absolute;	width: 80px;	cursor: pointer;	bottom: 0 !important; background-image: url("/fileadmin/user_upload/Hotel-Salten/arrow-prev.svg"); background-repeat: no-repeat; background-size: 80px 20px}
.owl-carousel .nav-btn.next-slide{background-image: url("/fileadmin/user_upload/Hotel-Salten/arrow-next.svg"); background-repeat: no-repeat; right: 0;}

@media screen and (min-width: 992px) {
	.owl-carousel .nav-btn{	height: 28px;	position: absolute;	width: 90px; background-size: 90px 28px}

}


.news .row{margin: 0;}
.frame-type-list .frame-container {padding-right: 20px; padding-left: 20px;}
.frame-type-list .news picture {max-width: 100%;}
.frame-type-list .news a:hover {text-decoration: none;}
.frame-type-list .news img {width: 100%; height: auto;	opacity: 1; transition: all 0.4s ease;}
.frame-type-list .news img:hover {	opacity: 1;}

#wCookieConsent li	{   background: none; }
@media screen and (min-width: 992px) {
	#wCookieConsent p {   line-height: 24px;  }
}

/* Anpassungen für tablist*/
.nav-tabs .nav-item {	margin-bottom: -1px;	padding-left: 0;	background-image: none; }


.nav-tabs {	border-bottom: 1px solid #dee2e6}
.nav-tabs .nav-link {	border: 1px solid transparent; color: #58595b; text-transform: uppercase;}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus { color:#5c711b;	border-color: #e9ecef #e9ecef #dee2e6}
.nav-tabs .nav-link.disabled {	color: #6c757d;	background-color: transparent;	border-color: transparent}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #FFFFFF; 	background-color: #5c711b; 	border-color: #58595b #58595b #fff;}

