*:focus {
    outline: none;
}

/*
.BrandonTextWeb-Bold { 
	font-family: BrandonTextWeb-Bold;
	font-weight: normal;
	font-style: normal;
}
.BrandonTextWeb-Regular { 
	font-family: BrandonTextWeb-Regular;
	font-weight: normal;
	font-style: normal;
}

*/


.anonymous .sprachwechsler li a[hreflang=en] {

}



html,
button,
input,
select,
textarea,
.ui-widget {
	font-family: 'BrandonTextWeb-Regular', Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
}

button,
input,
select,
textarea,
.ui-widget {
	letter-spacing: 3px;
}


.node--type-preise {
	border: solid 1px #FFFFFF
}

body {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	color: #3C3A39;
}


.mobile {
	display: none;
}


.js-form-item-url {
	display: none !important;
}

/* FONTS */

html {
  font-size: 18px;
  line-height: 35px;
}

p, 
.field--type-text-long ul,
.field--type-text-with-summary ul,
form {
	letter-spacing: 3px;
}

h1.page-title,
.textbold,
h2.blocktitle {
	font-size: 20px;
	line-height: 30px;
	font-family: 'BrandonTextWeb-Bold';
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 20px;
}

h3 {
	font-size: 20px;
	line-height: 30px;
	font-family: 'BrandonTextWeb-Bold';
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 20px;
}


.textklein,
input.button,
.expo .views-exposed-form .form-radios .form-type-radio label  {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.textklein15  {
	font-size: 15px;
	line-height: 50px;
	letter-spacing: 3px;
	text-transform: uppercase;
}


.textklein2 {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 2px;
}

.einleitung {
	font-family: 'Playfair Display';
	font-size: 23px;
	line-height: 40px;
	letter-spacing: 3px;
	font-weight: normal;
	text-align: center;
}

.einleitung a,
.einleitung a:visited,
.einleitung a:hover,
.einleitung a:active {
	color: #3C3A39 !important;
}

.field--name-body,
.field--name-field-body{
	text-align: center;
}

.submenu {
	font-family: 'Playfair Display';
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 5px;
	font-weight: normal;
	text-transform: uppercase;
}


.page-node-type-unser-haus .submenu {
		position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 98;
}



.user-logged-in .page-node-type-unser-haus .submenu {
	top: 75px;
}

.submenu.stick {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 98;
}

.letterspacing {
	letter-spacing: 3px;
}

.bold,
input.button,
.expo .views-exposed-form {
	font-family: 'BrandonTextWeb-Bold';
}

.gross,
.expo .views-exposed-form {
	text-transform: uppercase;
}

.gruen {
	color: #7D8C00;
}

.center {
	text-align: center;
}


h2,
.telefon {
	font-family: 'Playfair Display';
	font-size: 50px;
	line-height: 70px;
	letter-spacing: 6px;
	font-weight: normal;
	
	margin: 0px;
}

h2 {
	padding: 30px 0px 20px 0px;
}


.telefon {
	padding: 10px 0px 20px 0px !important;
}

.pager {
	font-family: 'Playfair Display';
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 6px;
	text-align: center;
	font-weight: normal;
}


h4 {
	font-family: 'BrandonTextWeb-Bold';
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 3px;
	text-align: center;
}

h6 {
	font-family: 'Playfair Display';
	font-size: 23px;
	line-height: 40px;
	letter-spacing: 4px;
	text-align: center;
	font-weight: normal;

}






/**/





h1.page-title {
	text-align: center;
	position: relative;
	margin-bottom: 80px;
}

.page-node-type-umgebung h1.page-title {
	margin-bottom: 60px;
}


h2.blocktitle {
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}

h2.blocktitle {
	padding-bottom: 0px;
}

h1.page-title:after,
h2.blocktitle:after {
	content: "";
	background: #3C3A39;
	width: 85px;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom:-10px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
}







ul.tabs {
	border-bottom: solid 1px #CCCCCC;
	margin-top: 50px !important;
}

ul.tabs a,
ul.tabs a:visited {
	color: #333333;
}

ul.tabs a:hover,
ul.tabs a:active {
	color: #666666;
}


.user-login-form input,
.user-pass input {
	max-width: 100%;
}

label.js-form-required:after {
	content: "*";
	line-height: 0px;
}



.views-field-edit-node a:link,
.views-field-edit-node a:visited {
	color: red !important;
	padding: 3px 10px;
	border: solid 1px red;
	background-color: #FFFFFF;
}

.views-field-edit-node a:hover,
.views-field-edit-node a:active {
	color: #ffffff !important;
	background: red;
	padding: 3px 10px;
	border: solid 1px red;
}


a,
a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
}


.node__content a,
.node__content a:visited,
.region-after-content a,
.region-after-content a:visited {
	text-decoration: none;
	color: #7D8C00;
}

.node__content a:hover,
.node__content a:active,
.region-after-content a:hover,
.region-after-content a:active {
	text-decoration: none;
	color: #A0B300;
}



#block-whtheme-branding{
	width: 165px;
}


.region-header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


.user-login-form .form-item-name {
	width: 49%;
	float: left;
}

.user-login-form .form-item-pass {
	width: 49%;
	float: right;
}

.user-login-form .form-item input {
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 5px 0px;
}


.user-login-form .form-actions {
	clear: both;
}


/* Colorbox Overrides*/

button:focus {outline:0;}


#cboxPrevious,
#cboxPrevious:hover {
	background-image:url('../images/galprev.svg');
	width:76px;
	height:161px;
	background-position: left top;
	background-size: 100% 100%;
	position: fixed;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxNext,
#cboxNext:hover {
	background-image:url('../images/galnext.svg');
	width:76px;
	height:161px;
	background-position: left top;
	background-size: 100% 100%;
	right: 0px !important;
	left: auto;
	position: fixed !important;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxClose,
#cboxClose:hover {
	background-image:url('../images/galclose.svg');
	background-size: 100% 100%;
	background-position: left top;
	width:76px;
	height:84px;
	top:0px;
	right:0px;
	bottom: auto !important;
	left: auto !important;
	position: fixed;
	
}

#cboxMiddleLeft,
#cboxMiddleRight {
	width: 0px;
}

#cboxOverlay {
	background:#000000;
}

#cboxContent {
	background:none;
	overflow: visible !important;
	position: relative;
}

#cboxLoadedContent {
	border: 12px solid #FFFFFF;
    background: #1C2E4B;
}

#cboxWrapper {
	background:transparent;
	padding-top:0px;
	overflow: visible !important;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight {
	width: 10px;
	height: 10px;
}

#cboxTitle {
	left:12px;
	top:0px;
	color:#000;
	display: none !important;
}

#cboxCurrent {
	right:12px;
	top:0px;
	color:#000;
	display: none !important;
}


#cboxLoadedContent {
	border: 0px !important;
	overflow: visible !important;
	margin-bottom: 0px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible !important;
}




.addto {
	margin-top: 50px;
}

.addtoany_list.a2a_kit_size_32 > a,
.addtoany_list.a2a_kit_size_32 > a:visited {
	font-size: 25px !important;
}

.addtoany_list.a2a_kit_size_32 a > span {
	width: 25px;
	height: 25px;
	line-height: 25px;

}

.addtoany_list > a {
	padding: 0px 0px;
	margin: 0px 5px 0px 0px;
}

span.a2a_svg {
	background-size: 25px 25px !important;
}

.a2a_menu a,
.a2a_menu a:visited {
	color: #1A1619 !important;
	font-size: 16px !important;
}

.a2a_menu a:hover,
.a2a_menu a:active {
	color: #1A1619 !important;
}



/* Login und Pass-Form */


.user-login-form {
	display: table;
	width: 100%;
}


.user-login-form .js-form-item {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.user-login-form .js-form-item input,
.user-pass .js-form-item input  {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}





input.js-form-submit {
	margin-top: 1em;
    color: #FFFFFF;
    border-style: none;
    padding: 29px 40px;
    text-align: center;
    display: table;
    box-sizing: border-box;
}




.layout-container {
	position: relative;
}



/* STARTER */


.region-starter {
	position: relative;
	z-index: 97;
	height: 100vh;
	overflow: hidden;
	width: 100%;
}

.region-starter .view,
.region-starter .view-content,
.region-starter .views-row {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

/*

.region-starter .bgimage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

*/

.region-starter {
	
}

.region-starter .bgimage {
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 100%;

	background-size: cover;
	background-position: center 75%;
	background-repeat: no-repeat;
	
	/*
	animation:mymove 30s linear infinite;
	animation-delay: 1s;
	*/
}

/*

@keyframes mymove {
		0% {
				left: 0%;
				width: 100%;
				height: 100%;
				background-position: center center;
		}
		50% {
				left: -5%;
				width: 110%;
				height: 110%;
				background-position: left center;
		}
		100% {
				left: 0%;
				width: 100%;
				height: 100%;
				background-position: center center;
		}
}

*/

.logohome {
	position: absolute;
	left: 0px;
	top: 12vh;
	z-index: 95;
	width: 100%;
	text-align: center;
}

.logohome img {
	width: 241px;
	height: auto;
}

.pfeil.starter {
	position: relative;
	left: 0px;
	top: 4vh;
	z-index: 97;
	width: 100%;
	text-align: center;
	text-align: center;
}

.pfeil.starter .pfeildown {
	margin-left: auto;
	margin-right: auto;
}


.region-starter .anfragebutton {
	position: fixed;
	top: 33px;
	left: 50%;
		-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}


.user-logged-in .region-starter .anfragebutton {
	top: 100px;
}

/* HEADER */



header {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 70px;
	background: rgba(255,255,255,0.8);
	z-index: 99;
	border-top: solid 1px #EBE9E5;
}

header .contextual {
	display: none !important;
}


.region-header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.sprachwechsler {
	position: absolute;
	left: 120px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 100%;
}


.sprachwechsler ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.sprachwechsler li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline-block;
}



.sprachwechsler a,
.sprachwechsler a:visited,
.quickmenu a,
.quickmenu a:visited,
footer a,
footer a:visited,
.kontaktblock a,
.kontaktblock a:visited,
.breadcrumb a,
.breadcrumb a:visited {
	color: #3C3A39;
}



.sprachwechsler a:hover,
.sprachwechsler a:active,
.sprachwechsler a.is-active,
.quickmenu a:hover,
.quickmenu a:active,
.quickmenu a.is-active,
footer a:hover,
footer a:active,
footer a.is-active,
.kontaktblock a:hover,
.kontaktblock a:active,
.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb li:nth-last-child(1) a,
.breadcrumb li:nth-last-child(1) {
	position: relative;
	color: #7D8C00;
}



.page-node-type-umgebung .breadcrumb a:hover,
.page-node-type-umgebung .breadcrumb a:active,
.page-node-type-umgebung .breadcrumb li:nth-last-child(1) a,
.page-node-type-umgebung .breadcrumb li:nth-last-child(1) {
	position: relative;
	color: #A0B300;
}





.page-node-type-unser-haus .breadcrumb li:nth-child(2) {
	display: none;
}


.sprachwechsler a.is-active:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	width: calc(100% - 2px);
	height: 2px;
	background-color: #7D8C00;
}


.breadcrumb,
.breadcrumb a,
.breadcrumb a:visited {
	color: #787472;
	position: relative;
}


.breadcrumb li:before {
	color: #787472;
}


/* MENUS */


.topmenubutton {
	position: absolute;
	width: 70px;
	height: 70px;
	background: #3C3A39;
	right: 0px;
	top: 0px;
	z-index: 99;

}



.topmenubutton .linecontainer {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 25px 14px 25px 24px;
	box-sizing: border-box;
}

.topmenubutton .linecontainer .inhalt {
	position: absolute;
	left: 24px;
	top: 25px;
	width: 22px;
	height: 20px;
}


.topmenubutton .linecontainer:hover {
	cursor: pointer;
}

.topmenubutton .linecontainer span {
 /*-webkit-transition: all .35s ease;
  transition: all .35s ease; */
}


.topmenubutton:hover .linecontainer {
	display: none;
}

.topmenubutton:hover:after {
	content: "MENU";
	position: absolute;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	left: 0px;
	top: 20px;
	font-family: 'BrandonTextWeb-Bold';
	font-size: 13px;
	color: #EBE9E5;
	letter-spacing: 2px;
	text-align: center;
}


.topmenubutton.active:hover:after {
	content: "CLOSE";
	position: absolute;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	left: 0px;
	top: 20px;
	font-family: 'BrandonTextWeb-Bold';
	font-size: 13px;
	color: #EBE9E5;
	letter-spacing: 2px;
	text-align: center;
}




.topmenubutton.active {
 /*-webkit-transition: all .35s ease;
  transition: all .35s ease; */
}

/* .user-logged-in .topmenubutton:not(.active):hover .top,*/ 
.topmenubutton.active .top {
  -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
		  transform: translateY(9px) translateX(0) rotate(45deg);
  background: #FFFFFF;
  width:100%;
}
/*.user-logged-in .topmenubutton:not(.active):hover .middle,*/ 
.topmenubutton.active .middle {
  opacity: 0;
  background: #FFFFFF;
  width:100%;
}
/*.user-logged-in .topmenubutton:not(.active):hover .bottom,*/ 
.topmenubutton.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFFFFF;
  width:100%;
}
.topmenubutton span {
  background: #FFFFFF;
  border: none;
  height: 2px;
  border-radius: 0px;
  width:100%;
  position: absolute;
  top: 0px;
  left: 0%;
  cursor: pointer;
  

}
.topmenubutton span:nth-of-type(2) {
  top: 10px;
  width: 100%;
}
.topmenubutton span:nth-of-type(3) {
  top: 20px;
  width: 100%;
}

.topmenu {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 50vw;
	background-color: #3C3A39;
	z-index: 98;
	height: 100vh;
	display: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}


/*
.user-logged-in .topmenubutton:not(.active):hover .topmenu {
	display: block;
}


*/

.topmenu.textbold {
	margin-bottom: 0px;
}

.topmenubutton.active .topmenu {
	display: block;
}

.topmenu .topmenutable {
	display: table;
	width: 100%;
	height: 100%;
}

.topmenu .topmenutd {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	padding-left: 10vw;
	padding-right: 10vw;
	box-sizing: border-box;
}

.topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 100%;
}


.topmenu ul li {
	margin-bottom: 30px;
}

.topmenu ul li.mlevel1 {
	margin: 40px 0px;
}

.topmenu ul.level2 {
	border-left: solid 3px #FFFFFF;
	margin-top: 20px;
}

.topmenu ul.level2 li {
	margin-left: 20px;
}


.topmenu a,
.topmenu a:visited {
	color: #FFFFFF;
}

.topmenu a:hover,
.topmenu a:active,
.topmenu a.is-active,
.topmenu li.menu-item--active-trail.mlevel2 a {
	color: #A0B300;
}

.quickmenu {
	position: absolute;
	left: 280px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 100%;
}


.quickmenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: nowrap;
}

.quickmenu li {
	margin: 0px 40px 0px 0px;
	padding: 0px;
	list-style: none;
}



.submenu {
	background-color: rgba(235,233,229, 0.7);
	text-align: center;
}

.submenu ul {
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style: none;
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	overflow-x: auto;
	width: 100%;
}

.submenu ul::-webkit-scrollbar {
 	display: none;
}

.submenu li {
	margin: 0px 20px;
	padding: 0px;
	list-style: none;
	text-align: center;
	white-space: nowrap;
}



.submenu li:nth-child(1) {
	margin-left: 5vw;
}

.submenu li:nth-last-child(1) {
	padding-right: 5vw;
}

.submenu a,
.submenu a:visited {
	color: #3C3A39;
	display: block;
	padding: 10px 0px;
	box-sizing: border-box;
}

.submenu a:hover,
.submenu a:active {
	color: #7D8C00;
}

.submenu a.is-active,
.submenu a.menu-item--active-trail {
	color: #7D8C00;
	border-bottom: solid 2px #7D8C00;
}

.submenu .contextual-links {
	display: none;
}


#edit-superdatum {

}



/* REGIONEN */


.maxwidth,
.wetter .field--name-body {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}

.maxwidthcookie {
	margin-left: 5vw;
	margin-right: 5vw;
}


.maxwidth2 {
	max-width: 1560px;
	margin-left: auto;
	margin-right: auto;
}

main {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 80;
}

.path-frontpage main,
.page-node-type-whmedia main {
	padding-top: 5vh;
	padding-bottom: 0px;
}

.path-frontpage .highlighted {
	/*
	position: absolute;
	width: 67px;
	height: 64px;
	background-image: url(../images/logoklein.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	left: 35px;
	top: 50px;
	*/
}


.region-logos {
	padding-top: 30px;
	padding-bottom: 80px;
	background: #FFFFFF;
}

.region-breadcrumb {
	text-align: center;
	margin-top: 80px;
}



/* PFEILE */

.pfeildown {
	width: 80px;
	height: 80px;
	background-image: url(../images/pfeil_down.svg);
	background-size: 100% 100%;
	background-position: center center center;
	background-repeat: no-repeat;
}

.pfeildown:hover {
	background-image: url(../images/pfeil_down_hover.svg);
}

.anfragebutton.stick {
	display: block !important;
}



/* FOOTER */


footer {
	background-color: #EBE9E5;
	padding: 90px 0px 90px 0px;
	text-align: center;
}

.footerblock {
	background-image: url(../images/map.svg);
	background-position: center bottom;
	background-size: 720px auto;
	background-repeat: no-repeat;
}

.footerlogo {
	max-width: 243px;
	margin-left: auto;
	margin-right: auto;
}


.kontakt .views-field-field-email .textbold {
	text-transform: none;
}

.kontakt .views-field-field-telefonnummer {
	margin: 0px 0px 22px 0px;
}

.kontakt .views-field-field-email {
	margin-bottom: 46px;
}


.kontakt .views-field-field-facebook-link {
	max-width: 125px;
	margin-left: auto;
	margin-right: auto;
}



footer .views-field-field-adresse {
	margin-bottom: 20vh;
}

footer .views-field-field-adresse sup {
	position: relative;
	top: -6px;
	font-size: 55%;
	line-height: 100%;
}

.kontaktblock .views-field-field-adresse {
	margin-bottom: 50px;
}

.kontaktblock {
	text-align: center;
}


.usermenu {
	text-align: center;
	margin-top: 40px;
}

.usermenu ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style: none;
}

.usermenu ul li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.usermenu ul li:after {
	content: "";
	width: 1px;
	background-color: #3C3A39;
	border-left: solid 1px #3C3A39;
	height: 20px;
	margin: 0px 20px;
}

.usermenu ul li:nth-last-child(1):after {
	content: none;
}

.copyright p, 
.copyright div { 
	display: inline-block;
}

.copyright.textklein {
	text-transform: none;
	margin-top: 30px;
}

.footerlogos .view-content {
	display: flex;
	text-align: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
}


.footerlogos .views-row {
	align-self: center;
}

.footerlogos .view-content img {
	margin: 0px 30px;
}


/* LINKS */

.contentlink a,
.contentlink a:visited,
.webform-confirmation__back a,
.webform-confirmation__back a:visited {
	color: #7D8C00;
	padding: 18px 30px 16px 30px;
	display: block;
	min-width: 140px;
	text-align: center;
}


.contentlink.dark a,
.contentlink.dark a:visited {
	color: #A0B300;
	padding: 18px 30px 16px 30px;
	display: block;
	min-width: 140px;
	text-align: center;
}

.blockset .views-field-title-1 {
	display: none;
}

.blockset .contentlink a {
	min-width: auto !important;
}

.contentlink a:hover,
.contentlink a:active,
.webform-confirmation__back a:hover,
.webform-confirmation__back a:active {
	color: #FFFFFF;
	background: #7D8C00;
	padding: 18px 30px 16px 30px;
}

.contentlink.dark a:hover,
.contentlink.dark a:active {
	color: #FFFFFF;
	background: #A0B300;
	padding: 18px 30px 16px 30px;
}




.webform-confirmation__back,
.contentlink {
	display: table;
	margin: 40px auto 80px auto;
	border-bottom: solid 2px #7D8C00;
	line-height: 140%;
}

.contentlink.dark {
	display: table;
	margin: 40px auto 80px auto;
	border-bottom: solid 2px #A0B300;
	line-height: 140%;
}

.webform-confirmation__back:hover,
.contentlink:hover {
	border-bottom: solid 2px #7D8C00 !important;
}


.contentlink.dark:hover {
	border-bottom: solid 2px #A0B300 !important;
}


.views-field-field-weiterfuehrende-links .contentlink {
	margin: 40px auto 20px auto !important;
}

.contentlink:hover {
	border-bottom: solid 2px #A0B300;
}

.contentlink:active {
	border-bottom: solid 2px #3C3A39;
}












/* CONTENT */


.intro {
	text-align: center;
}

.page-node-type-unser-haus .field--type-text-with-summary {
	text-align: center;
	
}




.field--type-text-long ul,
.field--type-text-with-summary ul {
	margin: 30px 0px 0px 52%;
	padding: 0px;
}

.angeboteset2 .views-field-body ul{
	margin: 30px 0px 0px 0;
}


.page-node-type-legal .field--type-text-with-summary ul {
	margin: 30px 0px 0px 0 !important;
}

.page-node-type-legal .field--type-text-with-summary ul li {
	list-style-position: inside !important;
	list-style-type: disc;
	margin: 0px !important;
}

.page-node-type-legal .field--type-text-with-summary li:before {
	display: none !important;
}

.field--type-text-long li,
.field--type-text-with-summary li,
.angeboteset2 .views-field-body li {
	margin: 15px 0px;
	padding: 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: relative;
	text-transform: uppercase;
}

.field--type-text-long li:before,
.field--type-text-with-summary li:before {
	content: url(../images/listicon.svg);
	position: absolute;
	left: -94px;
	top: 0px;
	width: 24px;
	height: 24px;
}

.field--type-text-long li:before,
.field--type-text-with-summary li:before,
.angeboteset2 .views-field-body li:before {
	content: url(../images/listicon.svg);
	position: absolute;
	left: -40px;
	top: 0px;
	width: 24px;
	height: 24px;
}




.artikelslider {
	position: relative;
	margin: 40px 0px 140px 0px;
}

.artikelslider h2 {
	padding: 10px 0px 20px 0px;
}


.artikelslider li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.artikelslider li {

}

.artikelslider li .artikelset1 {
	width: 38%;
	float: left;
	margin-left: 10%;
}
.artikelslider li .artikelset2 {
	width: 48%;
	float: right;
}

.artikelslider .views-field-field-dachzeile {
	text-transform: uppercase;
	letter-spacing: 3px;
}

.artikelslider .flexslider {
	margin: 0px;
}

.artikelslider .flexslider .flex-direction-nav a,
.artikelslider .flexslider .flex-direction-nav a {
  display: block !important;
  opacity: 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.artikelslider .flex-direction-nav .flex-prev {
	left: -90px !important;
	background-image: url(../images/pfeil_left.svg);
}

.artikelslider .flex-direction-nav .flex-prev:hover {
	background-image: url(../images/pfeil_left_hover.svg);
}

.artikelslider .flex-direction-nav .flex-next {
	right: -90px !important;
	background-image: url(../images/pfeil_right.svg);
}

.artikelslider .flex-direction-nav .flex-next:hover {
	background-image: url(../images/pfeil_right_hover.svg);
}


.artikelslider .flex-direction-nav a {
  width: 64px;
  height: 64px;
  margin: 0;
  top: 80%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.artikelslider .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 30px;
}
.artikelslider .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.artikelslider .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 30px;
}
.artikelslider .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}


.artikelslider .views-field-counter {
	text-align: center;
	margin-bottom: 40px;
}



.headerbild  {
	position: relative;
	margin-bottom: 100px;
}

.headerbild .views-field-field-headerbild img {
	width: 100%;
	height: auto;
}

.headerbild .views-field-field-headerbild {
	position: relative;
	z-index: 70;
}

.headerbild .headertitle {
	position: absolute;
	z-index: 75;
	width: 100%;
	left: 0px;
	top: 45%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.headerbild .headertitle h2 {
	max-width: 700px;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.50);
	color: #FFFFFF;
}

.headerbild .galleriebutton {
	position: absolute;
	z-index: 80;
	left: 50%;
	bottom: 10%;
	width: 123px;
	height: 55px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.galleriebutton .views-field-field-bildergalerie,
.galleriebutton .views-field-field-galerie {
	background-image: url(../images/camera.svg);
	background-size: 25px 20px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 80;
}

.galleriebutton .views-field-field-bildergalerie img,
.galleriebutton .views-field-field-galerie img {
	width: 100%;
	height: 55px;
}

.galleriebutton .views-field-nothing {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	line-height: 100%;
	z-index: 65;
	color: #FFFFFF;
}


/* BUTTONS */



.anfragebutton,
.button {
	position: relative;
	z-index: 94;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0b300+0,7d8c00+100 */
	border-radius: 100px;
	display: table;
	margin-left: auto;
	margin-right: auto;	
	overflow: hidden;
	background: rgb(160,179,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(160,179,0,1) 0%, rgba(125,140,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(160,179,0,1) 0%,rgba(125,140,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(160,179,0,1) 0%,rgba(125,140,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0b300', endColorstr='#7d8c00',GradientType=0 ); /* IE6-9 */
	text-align: center;
	white-space: nowrap;
}

#block-jetztanfragen.anfragebutton {
	z-index: 97;
}

/* NEU 27.01.22 START */

.anfrage .form-type-number label {
	clear: both;
	display: block;
}

.anfrage .form-type-number input {
	width: 100%;
	background: #EBE9E5;
	border: 0px;
	line-height: 18px;
	padding: 0.8em;
	box-sizing: border-box;
	
	box-shadow: inset 0 1px 3px 0 #C9C7C1;
	font-size: 13px;
}

/* NEU 27.01.22 STOP */



.anfragebutton:hover,
.anfragebutton:active,
.button:hover,
.button:active {
	background: #7D8C00;

}




.anfragebutton a,
.anfragebutton a:visited {
	color: #EBE9E5;
	display: block;
	padding: 16px 30px;
	line-height: 100%;
	position: relative;
	box-sizing: border-box;
}

.anfragebutton a:hover,
.anfragebutton a:active {
		color: #EBE9E5;
}

.anfragebutton.special a,
.anfragebutton.special a:visited {
	padding: 29px 40px 29px 90px;
}


.anfragebutton.special a:after {
	content: url(../images/telefon.svg);
	position: absolute;
	left: 22px;
	top: 25px;
	width: 23px;
}

.anfragebutton.special a:before {
	content: " ";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 66px;
	height: 100%;
	background: rgb(160,179,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(160,179,0,1) 0%, rgba(125,140,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(160,179,0,1) 0%,rgba(125,140,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(160,179,0,1) 0%,rgba(125,140,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0b300', endColorstr='#7d8c00',GradientType=0 ); /* IE6-9 */
	border-right: solid 2px #EBE9E5;
}




/* HOMEBLOCKS */

.homeblocks {
	background: #EBE9E5;
}

.homeblocks .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: nowrap;
	
}

.homeblocks .views-row:nth-child(2n+2) {
	flex-direction: row-reverse;
}

.homeblocks .blockset {
	flex-basis: 50%;
}

.homeblocks .views-row .blockset:nth-child(2) {
	padding: 60px 140px;
	box-sizing: border-box;
}

.homeblocks .views-field-field-homeblockbild {
	line-height: 0px;
	overflow: hidden;
}

.homeblocks .views-field-field-homeblockbild img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.3s ease-in-out;

}

.homeblocks .views-field-field-homeblockbild:hover img {
		transform: scale(1.1);
}








.homeblocks .contentlink {
	margin: 50px 0px 0px 0px;
}

.homeblocks .inline {
	display: inline-block;
	margin: 0px 50px 0px 0px;
}

.homeblocks .inline:nth-last-child(1) {
	margin-right: 0px;
}


.homeblocks.mobile .views-field-field-blocktitel {
	text-align: center
}

.homeblocks.mobile .views-field-field-blocktitel a,
.homeblocks.mobile .views-field-field-blocktitel a:active,
.homeblocks.mobile .views-field-field-blocktitel a:hover,
.homeblocks.mobile .views-field-field-blocktitel a:active {
	color: #3C3A39;
}


/* ANFRAGE */



.anfrage {
	display: table;
	width: 100%;
}

.anfrage h2 {
	text-align: center;
}

.anfrage input.form-text,
.anfrage input.form-email,
.anfrage input.form-tel {
	background-color: #EBE9E5;
	background: #EBE9E5;
	box-shadow: inset 0 1px 3px 0 #C9C7C1;
	border: 0px;
	width: 100%;
	padding: .8em;
	box-sizing: border-box;
}

.anfrage select,
.anfrage textarea {
	background-color: #EBE9E5;
	background: #EBE9E5;
	box-shadow: inset 0 1px 3px 0 #C9C7C1;
	border: 0px;
	width: 100%;
}

.anfrage textarea {
	padding: 20px;
	box-sizing: border-box;
}

.anfrage select:not([multiple]),
.bef-exposed-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .8em;
    border-radius: 0px;
    line-height: 18px;
    box-sizing: border-box;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 0px !important;
	border: solid 1px #CCCCCC !important;
}

.bef-exposed-form select {
	border-radius: 0px !important;
	border: solid 0px #CCCCCC !important;
	background-color: #EBE9E5;
	text-transform: uppercase;
	padding-right: 20px;
}


.anfrage .datumleft {
	width: 48%;
	float: left;
	text-align: right;
}

.anfrage .datumright {
	width: 48%;
	float: right;
	text-align: left;
}



.anfrage .datumleft input {
	text-align: right;
}


.anfrage .form-type-date label {
	clear: both;
	display: block;
	box-sizing: border-box;
}


.anfrage .js-form-item-alternativen-zeitraum-hinzufuegen {
	text-align: center;
	clear: both;
}

.anfrage .js-form-item-alternativen-zeitraum-hinzufuegen input {
	display: none;
}

.anfrage .js-form-item-alternativen-zeitraum-hinzufuegen label:before {
	content: "+";
}

.anfrage .js-form-item-alternativen-zeitraum-hinzufuegen label.active:before {
	content: "-";
}

.anfrage .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0px !important;
}

.select2-container .select2-selection--multiple {
	min-height: auto !important;
	line-height: 120% !important;
}


.anfrage .datumleft,
.anfrage .set1,
.captcha {
	width: 48%;
	float: left;
}

.anfrage .datumright,
.anfrage .set2 {
	width: 48%;
	float: right;
	text-align: left;
}
.page-node-15 .anfrage .webform-button--submit {
	
}


.anfrage .fieldset-legend {
	font-family: 'BrandonTextWeb-Bold';
	text-transform: uppercase;
}


.anfrage .form-type-processed-text {
	clear: both;
}



.anfrage .js-form-type-radio  {
  display: block;

}


.anfrage .set1 .radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 80;
  top: 5px;
}

/* Hide the browser's default radio button */
.anfrage .set1 .radio input {
  position: absolute;
  opacity: 0;
}

.anfrage .set1 .radio label {
	position: relative;
	z-index: 90;
	background: yellow;
}

/* Create a custom radio button */
.anfrage .set1 .radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: none;
  background-image: url(../images/radio.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  z-index: 80;
}



.anfrage .set1 .radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.anfrage .set1 .radio input:checked ~ .checkmark:after {
  display: block;
}

.anfrage .set1 .radio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #7D8C00;
}

.anfrage .set1 label.option {
	position: relative;
	z-index: 90;
	padding-left: 30px;
	
}


.anfrage .js-form-item-angebot input {
	text-align: center;
	padding: 7px 10px;
	box-sizing: border-box;
	background: none;
	border: none;
	box-shadow: none;
}



/* Customize the label (the container) */
.anfrage .supercheckbox .checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 5px;
}

/* Hide the browser's default checkbox */
.anfrage .supercheckbox .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.anfrage .supercheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border: solid 1px #CCCCCC;
}


/* Create the checkmark/indicator (hidden when not checked) */
.anfrage .supercheckbox .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.anfrage .supercheckbox .checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.anfrage .supercheckbox .checkbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #7D8C00;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.anfrage .supercheckbox label.option {
	position: relative;
	z-index: 90;
	padding-left: 30px;
	
}


.anfrage .supercheckbox {
	clear: both;
}


.anfrage .js-form-item-ihre-nachricht-an-uns,
.anfrage .js-form-item-hiermit-bestaetige-ich-dass-ich-den-datenschutz-hier-kommt-noch- {
	margin: 40px 0px;
}

.anfrage .zindex {
	position: relative;
	z-index: 90;
}

.anfrage .js-form-item-superdatum {
	position: relative;
	z-index: 98;
	margin: 30px auto;
}

.anfrage .js-form-item-superdatum label span,
.anfrage .js-form-item-superdatum-alternativ label span {
	background-image: url(/themes/whtheme/images/kalender.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 24px 24px;
	width: 100%;
	height: 34px;
	display: block;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	
}


html[lang=it] .anfrage .js-form-item-superdatum label span,
html[lang=it] .anfrage .js-form-item-superdatum-alternativ label span {
	background-position: 47% center;
}


html[lang=en] .anfrage .js-form-item-superdatum label span,
html[lang=en] .anfrage .js-form-item-superdatum-alternativ label span {
	background-position: 47% center;
}







.anfrage .js-form-item-superdatum-alternativ {
	position: relative;
	z-index: 97;
}

.anfrage .js-form-item-superdatum label,
.anfrage .js-form-item-superdatum-alternativ label {
	text-align: center;
	display: block;
	padding-bottom: 5px;
	height: 30px;
}


.js-form-item-superdatum label img,
.js-form-item-superdatum-alternativ label img {
	width: 24px;
	height: 24px;
}


.anfrage .js-form-item-anreise-alternativ {
	clear: left;
}


#edit-superdatum,
#edit-superdatum-alternativ {
	text-align: center;
}


.anfrage #edit-reisezeitraum {
	position: relative;
	z-index: 99;
}




/* ANGEBOTE */


.page-node-19,
.page-node-type-angebote {
	background-color: #EBE9E5;
}

.angebote .views-row {
	position: relative;
	margin-bottom: 120px;
}

.angeboteset1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	z-index: 40;
	height: 100%;
	overflow: hidden;
}



.angeboteset1 img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
}


.angeboteset2 {
	position: relative;
	z-index: 41;
	background-color: #FFFFFF;
	margin-left: 43%;
	top: 30px;
	padding: 35px 80px 90px 100px;
	box-sizing: border-box;
}

.views-field-field-angebotsbild {
	line-height: 0px;
}

.angebote .anfragebutton {
	bottom: -35px;
}

.angeboteslider .views-field-title {
	height: 145px;
}

.angebote .views-field-title h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.angebote .views-field-field-inklusivleistungen {
	margin: 40px 0px 40px 0px;
	
}

.angebote .views-field-field-inklusivleistungen p {
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	position: relative;
}

.angebote .views-field-field-inklusivleistungen p:before {
	content: "+";
	left: -40px;
	position: absolute;
	top: 0px;
}

.angebote .views-field-field-preis h2,
.angebote .views-field-field-preis-2 h2 {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -10px;
}

.angebote .views-field-addtoany-share {
	clear: both;
}


.preis1 {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}

.preis2 {
	width: 50%;
	float: right;
	margin-bottom: 30px;
}

.angebote .kennzeichnung {
	width: 107px;
	height: 107px;
	position: absolute;
	left: 0px;
	top: 50px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.angebote .kennzeichnung .was {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.angebote .kennzeichnung .top {
	background-image: url(../images/top.svg);
}

.angebote .kennzeichnung .neu {
	background-image: url(../images/neu.svg);
}


.angebote .kennzeichnung .ktext {
	color: #FFFFFF;
	text-align: center;
	top: 55%;
	position: absolute;
	width: 100%;
	left: 0px;
	-webkit-transform: translateY(-50%) rotate(-20deg);
	-moz-transform: translateY(-50%) rotate(-20deg);
	transform: translateY(-50%) rotate(-20deg);

}


.expo .views-exposed-form {
	background: #EBE9E5;
	box-shadow: inset 0 1px 2px 0 #9B9B9B;
	border-radius: 100px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 10px;
	box-sizing: border-box;
	margin-bottom: 50px;
}


.expo .views-exposed-form ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: row;
}

.expo .views-exposed-form ul li {
  margin: 0px;
  padding: 0px;
}

.expo .views-exposed-form .form-radios {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-content: space-around;
}

.expo .views-exposed-form .form-radios  .form-type-radio {
	border-radius: 100px;

	text-align: center;
}

.expo .views-exposed-form .form-radios  .form-type-radio label {
	padding: 17px 30px;
	display: block;
	line-height: 100%;
}

.expo .views-exposed-form .form-radios  .form-type-radio:hover {
	cursor: pointer;
}

.expo .views-exposed-form .form-radios  .form-type-radio.activetab {
		background: #FCFCFC;
		color: #7D8C00;
}

.expo .views-exposed-form .form-radios .form-type-radio:hover {
	cursor: pointer;
	color: #7D8C00;
}

.expo .views-exposed-form .form-radios  .form-type-radio input {
	display: none;
}



.angeboteslider {
	position: relative;
	background: #EBE9E5;
	padding: 40px 0;
}

.angeboteslider .view-content {
	position: relative;
	padding: 0px 100px;
}

.angeboteslider .views-field-view-node {
	clear: both;
}



.angeboteslider .sliderset1 {
	position: relative;
	z-index: 80;
}

.sliderset1  .views-field-title-1,
.angeboteset1 .views-field-title-1 {
	display: none;
}

.angeboteslider .sliderset2 {
	position: absolute;
	left: 20px;
	top: 20px;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	background: rgba(255,255,255,0.85);
	padding: 60px 65px;
	box-sizing: border-box;
	z-index: 81;
	opacity: 0;
	
}






@keyframes fexanitext {
    from {
	    left: -100%;
	    opacity: 0;
	    display: block;
	    }
    to {
	    left: 20px;
	    opacity: 1;
	    display: block;
	    }
}




.angeboteslider .flex-active-slide .sliderset2 {	
	animation-name: fexanitext;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}









.angeboteslider .slides li {
	position: relative;
}

.angeboteslider .views-field-field-inklusivleistungen {
	margin: 0px 0px 20px 0px;
}

.angeboteslider .flexslider .flex-direction-nav a,
.angeboteslider .flexslider .flex-direction-nav a {
  display: block !important;
  opacity: 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.angeboteslider .flex-direction-nav .flex-prev {
	left: 20px !important;
	background-image: url(../images/pfeil_left.svg);
}

.angeboteslider .flex-direction-nav .flex-prev:hover {
	background-image: url(../images/pfeil_left_hover.svg);
}

.angeboteslider .flex-direction-nav .flex-next {
	right: 20px !important;
	background-image: url(../images/pfeil_right.svg);
}

.angeboteslider .flex-direction-nav .flex-next:hover {
	background-image: url(../images/pfeil_right_hover.svg);
}


.angeboteslider .flex-direction-nav a {
  width: 64px;
  height: 64px;
  margin: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.angeboteslider .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 30px;
}
.angeboteslider .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.angeboteslider .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 30px;
}
.angeboteslider .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}


.angeboteslider .views-field-field-preis-pro,
.angeboteslider .views-field-field-preis {
	display: inline-block;
	line-height: 100%;
	margin-right: 20px;
}
.angeboteslider .views-field-field-preis-pro {
	position: relative;
	top: -10px;
}

.angeboteslider .anfragebutton {
	position: absolute;
	bottom: -40px;
	left: 50%;
		-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.flex-viewport {
	/* padding-top: 60px;*/
	padding-bottom: 60px;
}


.angeboteslider .views-field-counter {
	text-align: center;
	margin-bottom: 40px;
	position: absolute;
	top: -60px;
	left: 0px;
	width: 100%;
}


.flexslider {
	border: 0px;
	margin: 0px;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



/* ANFRAGE */



.webform-confirmation {
	text-align: center;
}




.anfrageblock {
	background: #3C3A39;
	/* padding: 90px 0px 120px 0px; */
	padding: 20px 0px 30px 0px;
	box-sizing: border-box;
	text-align: center;
}

.anfrageblock p {
	color: #EAE9E5;
}




.anfrageblock h2.blocktitle {
	color: #EAE9E5;
}


.anfrageblock h2.blocktitle:after {
	background: #EAE9E5;
	
}

.anfrageblock label {
	color: #EAE9E5;
}


.anfrageblock input.date1 {
	background: #3C3A39;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.60);
	border: 1px solid #2B2A29;
	font-family: PlayfairDisplay-Regular;
	font-size: 30px;
	color: #EAE9E5;
	letter-spacing: 5px;
	text-align: center;
	line-height: 55px;
	padding: 0px;
}

.datumspecialcontent input {
	font-family: PlayfairDisplay-Regular;
	font-size: 30px;
	padding: 7px !important;
}


.field--name-field-text-unter-kalender {
	margin-top: 40px;
}

.field--name-field-text-unter-kalender a,
.field--name-field-text-unter-kalender a:visited,
.field--name-field-text-unter-kalender a:hover,
.field--name-field-text-unter-kalender a:active {
	color: #EAE9E5;
}

.field--name-field-text-unter-kalender h2,
.field--name-field-text-unter-kalender p {
	margin: 0px;
	padding: 0px;
}




/* Kommentare */


.kommentare {
	padding: 80px 0px;
}

.kommentare img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}

.kommentare .view-content {
	position: relative;
}

.kommentare .views-field-field-bild-kanal {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	right: -100px;
	top: 50%;
}

.kommentare .view-content h6 {
	margin: 0px 15%;
}

.kommentare .view-kommentare {
	margin-left: auto;
	margin-right: auto;
}

.kommentare .views_slideshow_cycle_slide {
	background-color: #FFFFFF !important;
}



/* UMGEBUNG */
.page-node-type-umgebung .umgebunghome {
	padding: 0px 0px 30px 0px;
}

.umgebunghome {
	background-color: #3C3A39;
	color: #EAE9E5;
	text-align: center;
	padding: 50px 0px;
	background-image: url(../images/umgebungbg.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 100% auto;
}

.page-node-type-umgebung .umgebunghome  h2 {
	padding-top: 0px;
	margin-top: 0px;
}

.umgebunghome .view-content {
	
}

.page-node-type-umgebung h1.page-title:after,
.umgebunghome h1.page-title:after {
	background: #EAE9E5;
}

.page-node-type-umgebung {
	background-color: #3C3A39;
}

.page-node-type-umgebung .breadcrumb,
.page-node-type-umgebung .breadcrumb a,
.page-node-type-umgebung .breadcrumb a:visited,
.page-node-type-umgebung .breadcrumb li:before {
	color: #EAE9E5;
}

.page-node-type-umgebung .submenu {
	background-color: rgba(35, 35, 35, 0.5);
}

.page-node-type-umgebung ul.tabs {
	background: #EAE9E5;
	padding: 10px 20px;
	box-sizing: border-box;
}


.page-node-type-umgebung .submenu a,
.page-node-type-umgebung .submenu a:visited {
	color: #EBE9E5;

}


.page-node-type-umgebung .submenu a:hover,
.page-node-type-umgebung .submenu a:active {
	color: #A0B300;
}


.page-node-type-umgebung .submenu a.is-active,
.page-node-type-umgebung .submenu a.menu-item--active-trail {
	color: #A0B300;
	border-bottom: solid 2px #A0B300;
}




.umgebungdetail {
	margin-bottom: 0px;
	border: solid 0px red;
}

.umgebungdetail .views-row {
	margin-bottom: 120px;
	position: relative;
}


.umgebungdetail .views-field-body {
	margin-bottom: 30px;
}

.umgebungdetail .angeboteset2 {
	padding: 80px 100px 80px 110px;
	box-sizing: border-box;
	background-color: #EAE9E5;
}

.umgebungdetail .angeboteset2 .item-list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.umgebungdetail .angeboteset2 .item-list li {
	margin: 20px 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

.umgebungdetail .angeboteset2 .item-list li,
.wetterlink a {
	padding-left: 30px;
}

.wetterlink a,
.wetterlink a:visited,
.umgebungdetail .angeboteset2 .item-list li a,
.umgebungdetail .angeboteset2 .item-list li a:visited {
	text-decoration: none;
	color: #7D8C00;
}

.wetterlink a:hover,
.wetterloink a:active,
.umgebungdetail .angeboteset2 .item-list li a:hover,
.umgebungdetail .angeboteset2 .item-list li a:active {
	text-decoration: none;
	color: #A0B300;
}

.wetterlink a:before,
.umgebungdetail .views-field-field-links .item-list li a:before {
	content: url(../images/link.svg);
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}


.umgebungdetail .views-field-field-downloads .item-list li a:before {
	content: url(../images/download.svg);
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.umgebungdetail h2 {
	margin-top: 0px;
	padding-top: 0px;
}


.umgebungdetail .galleriebutton {
	position: absolute;
	z-index: 80;
	left: 50%;
	top: 50%;
	width: 123px;
	height: 55px;
	text-align: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}




.umgebunghomeliste {
	background: #3C3A39;
	padding-bottom: 100px;
}

.umgebunghomeliste .view-content {
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
}

.umgebunghomeliste .views-row {
	flex-basis: calc(25% - 27px);
	position: relative;
}

.umgebunghomeliste .views-row:hover .views-field-title {
	background: #7D8C00;
	
}

.umgebunghomeliste .views-row:hover .views-field-title a {
	color: #FFFFFF !important;
}




.umgebunghomeliste .views-row .views-field-title {
	width: 160px;
	height: 160px;
	background: #EBE9E5;
	position: absolute;
	bottom: -80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 80;
}


.umgebunghomeliste .views-row .views-field-title .utd {
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	display: table;
}

.umgebunghomeliste .views-row .views-field-title .utd a {
	display: block;
	padding: 10px;
	box-sizing: border-box;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
}

.views-field-field-bild-umgebung {
	line-height: 0px;
	overflow: hidden;
	position: relative;
	z-index: 70;
}

.views-field-field-bild-umgebung img {
	max-width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}



.views-field-field-bild-umgebung:hover img {
		transform: scale(1.1);
}






.umgebunghomeliste .views-row .views-field-title a,
.umgebunghomeliste .views-row .views-field-title a:visited {
	color: #3C3A39;
}

.umgebunghomeliste .views-row .views-field-title a:hover,
.umgebunghomeliste .views-row .views-field-title a:active {
	color: #3C3A39;
}


.page-node-type-umgebung .anfragebutton {
	top: -100px;
}



/* WEBCAMS */

.webcams {
	text-align: center;
	color: #EAE9E5;
}

.webcams iframe {
	width: 70%;
	height: 600px;
	margin-top: 20px;
	border: 0px;
}


.webcams .views-row {
	margin-bottom: 100px;
}

.wetter {
	padding: 100px 0px;
	background: #3C3A39;
	overflow: hidden;

}

.wetterlink {
	position: relative;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.wetter table {
	margin-left: auto;
	margin-right: auto;
	color: #EAE9E5;
	border: 0px !important;
	width: 100%;

}

.wetter table td,
.wetter table tr,
.wetter table th {
	border: 0px !important;
}

.wetter table th {
		font-family: 'BrandonTextWeb-Bold' !important;
	font-size: 18px;
	color: #EBE9E5;
	letter-spacing: 5px;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: normal !important;

}

.wetter table td {
	/* 22°: */
	font-family: 'Playfair Display';
	font-size: 50px;
	color: #EAE9E5 !important;
	letter-spacing: 6.25px;
	text-align: center;
	line-height: 55px;
	font-weight: normal !important;
	padding: 0px 10px !important;
}



.wetter table td.meteoprovbz_min:after {
	content: "MIN";
	display: block;
   font-family: 'BrandonTextWeb-Bold' !important;
	text-transform: uppercase;
	font-size: 15px;
	color: #EBE9E5;
	letter-spacing: 2.81px;
	text-align: center;
	line-height: 50px;
	color: #EAE9E5 !important;
}

.wetter table td.meteoprovbz_max:after {
	content: "MAX";
	display: block;
	font-family: 'BrandonTextWeb-Bold' !important;
	text-transform: uppercase;
	font-size: 15px;
	color: #EBE9E5;
	letter-spacing: 2.81px;
	text-align: center;
	line-height: 50px;
	color: #EAE9E5 !important;
}

.wetter tfoot {
	display: none;
}


.views-field-field-ext-bild img {
	max-width: 100%;
}


/* IMPRESSIONEN */

.impressionen { 
	
}

.impressionen .view-header h2 {
	text-align: center;
	margin-bottom: 30px;
}

.impressionen .supervcontent .view-content .view-content,
.impressionen .specialvcontent .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
	border: solid 0px red;
} 

.impressionen .specialvcontent {
	border: solid 0px green
}

.impressionen .views-row {
	position: relative;
}

.expo .views-exposed-form .form-radios .form-type-radio label {
	white-space: nowrap;
}

.impressionen .view-content .views-row {
	flex-basis: calc(33.3333333333% - 25px);
	margin-bottom: 40px;
}

.impressionen .view-content .views-row:nth-child(5n+4) {
	flex-basis: calc(50% - 20px);
}

.impressionen .view-content .views-row:nth-child(5n+5) {
	flex-basis: calc(50% - 20px);
}



.impress {
	
}

.impress .js-form-type-select {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
	border: solid 0px red;
	float: none !important;
}

.impress .js-form-type-select select {
	/* Combined Shape: */
	background-color: #EBE9E5;
	box-shadow: 0 2px 1px 0 #C9C7C1;
	background-image: url(../images/dropdown.svg);
	background-size: 15px  19px;
	background-position: calc(100% - 20px) center;
	padding-right: 50px;
}

.impress select::-ms-expand {
    display: none;
}




.views-field-field-bilder-impressionen {
	line-height: 0px;
}

.views-field-field-bilder-impressionen img {
	max-width: 100%;
	height: auto;
}



.impressionen .views-field-field-bilder-impressionen:hover .bildercover {
	 -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	opacity: 1;
	 transition-delay: .5s;
	 
}

.bildercover {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	background-image: url(../images/camera.svg);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center 47%;
	z-index: 99;
	opacity: 0; 
    transition: .3s all;    
	
}

.impressionen .views-field-field-bilder-impressionen {
	overflow: hidden;
	position: relative;
	z-index: 70;
}


.impressionen .views-field-field-bilder-impressionen img {
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}


.impressionen .views-field-field-bilder-impressionen:hover img {
	transform: scale(1.1);
}


.bildercover .text {
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 53%;
	color: #EAE9E5;
	text-align: center;
}



.impressionen .views-field-edit-node {
	z-index: 99;
}



/* PREISE */

.preise {
	
}



.preise h2 {
	text-align: center;
	margin-bottom: 0px;
	line-height: 100%;
	position: relative;
	top: 20px;
}

.preise .views-row {
	margin-bottom: 30px;
}

.preise  .view-content {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

.preise  .view-content .view-content {
	width: 100%;
}

.preise .preisheader {
	background: #3C3A39;
	text-align: center;
	padding: 10px 30px;
	box-sizing: border-box;
	color: #EBE9E5;
	text-transform: uppercase;
	border-bottom: solid 2px #FFFFFF;
}

.preise .preisset {
	float: left;
	box-sizing: border-box;
	background: #FFFFFF;
	position: relative;
}

.preise .preisset .views-field-nothing-1 {
	white-space: nowrap;
}

.preise .preisset > .views-field {
	padding: 15px 30px;
	position: relative;
	border-bottom: solid 2px #FFFFFF;
	box-sizing: border-box;
	background: #EBE9E5;
}

.preise .preisset1 {
	width: 50%;
	border-right: solid 2px #FFFFFF;
	box-sizing: border-box;
}



.preise .preisset2 {
	width: 50% !important;
	text-align: center;
	border-right: solid 2px #FFFFFF;
	box-sizing: border-box;
}

.preise .preisset3 {
	width: 100% !important;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.preise .preisset3 .views-field {
	flex-basis: calc(50% - 1px);
	font-size: 120%;
}



.preise .sommerpreisliste .preisset2,
.preise .sommerpreisliste .preisset3 {
	width: 100% !important;
	background: #FFFFFF;
}

.preisab {
	font-size: 75%;
	line-height: 130%;
	letter-spacing: 0.6px;
}


.preise .winterpreise .preisset3 {
	width: 50%;
}


.preise .preisset1 .views-field-field-bilder-impressionen {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 25px;
	height: 20px;
	background-image: url(../images/camera_g.svg);
	background-size: 25px 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

.preise .preisset1 .views-field-field-bilder-impressionen img {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.preise .preisset1 .views-field-field-bilder-impressionen_hover {
	background-image: url(../images/camera_hover.svg);
}

.clearboth {
	clear: both;
}

.impressionen .view-filters {
	display: none !important;
}


.agbs {
	
}
.agbs .agbtitel {
	text-align: center;
	width: 80%;
	border: solid 1px #7D8C00;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 30px 9px 30px;
	box-sizing: border-box;
	line-height: 120%;
}

.agbs .agbtitel:before {
	content: "+";
}

.agbs .agbtitel.active:before {
	content: "-";
}

.agbs .agbtitel:hover {
	cursor: pointer;
}

.agbs .agbtext {
	text-align: center;
	display: none;
}

.field--name-field-zusatztext-preise {
	text-align: center;
	margin: 100px 0px;
}

.field--name-field-zusatztext-preise p {
	margin: 0px;
	padding: 0px;
}


.page-node-type-preise .field--name-field-body- {
	text-align: center;
}

.page-node-type-preise .field--name-field-body- h2 {
	margin: 0px;
	padding: 0px;
}



.page-node-type-preise .field--name-field-body- a,
.page-node-type-preise .field--name-field-body- a:visited {
	color: #3C3A39;
}




/* KONTAKT */

.gmap iframe {
	height: 400px;
	width: 100%;
	border: 0px;
}

.page-node-44 .gmap .geolocation-common-map-container {
	height: 800px !important;
	
}

.page-node-44 footer .views-field-field-telefonnummer,
.page-node-44 footer .views-field-field-email,
.page-node-44 footer .views-field-field-adresse {
	display: none;
}


.page-node-44 footer .footerlogo {
	margin-bottom: 300px;
}


/* LEGAL */


.page-node-type-legal .node__content {
	text-align: center;
}


/* GO BACK*/


.goback {
	position: fixed;
	left: 0px;
	top: 80px;
	width: 100%;
	z-index: 98;
}


.goback .text-formatted {
	display: table;
	background: rgba(255, 255, 255, 0.5);
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	box-sizing: border-box;
	border-radius: 100px;
	box-sizing: border-box;
	overflow: hidden;
}


.goback a,
.goback a:visited {
	color: #7D8C00;
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
	margin-top: 27px;
	padding-left: 75px;
	padding-right: 50px;
}

.goback:hover a {
	color: #3C3A39;
}

.goback a:before {
	content: url(../images/pfeil_gruen.svg);
	width: 19px;
	height: 15px;
	display: block;
	position: absolute;
	left: 45px;
	top: 0px;

}

.goback:hover a:before {
	content: url(../images/pfeil_dunkel.svg);
}

.goback a img {
	width: 19px;
	height: 15px;
}

	
	.brandingklein {
		position: absolute;
		left: 20px;
		top: 5px;
		width: 62px !important;
		overflow: hidden;
		display: block;
	}
	
	.brandingklein img {
		width: 150px !important;
		left: -40px;
		position: relative;
	}
	
	.brandingklein  .pfeil.starter {
		display: none;
	}

.telnavi {
	width: 70px;
	height: 70px;
	position: absolute;
	right: 90px;
	top: 0px;
	background-image: url(/themes/whtheme/images/telnavi.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
}

.telnavi a {
	padding: 20px;
	display: block; 
	color: #FFFFFF !important;
}

.telnavi img {
	width: 30px;
	height: 30px;
}


.webcamicon {
	width: 70px;
	height: 70px;
	position: absolute;
	right: 150px;
	top: 0px;
	
	
	background-image: url(/themes/whtheme/images/webcamicon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
}
.webcamicon img {
	width: 100%;
	height: 100%;
}

.aussenansichtbutton {
	width: 70px;
	height: 70px;
	position: absolute;
	right: 220px;
	top: 0px;
	
	
	background-image: url(/themes/whtheme/images/360.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 32px;
}
.aussenansichtbutton img {
	width: 100%;
	height: 100%;
}



.echarger {
	width: 70px;
	height: 70px;
	position: absolute;
	right: 290px;
	top: 0px;
	
	
	background-image: url(/themes/whtheme/images/echarge_vers1.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 36px;
}
.echarger img {
	width: 100%;
	height: 100%;
}

.tooltipcontainer:hover {
	cursor: pointer;
}

.tooltip {
	position: absolute;
	left: 50%;
	top: 0%;
	background: #7D8C00;
	color: #FFFFFF;
	padding: 3px 10px;
	box-sizing: border-box;
	-webkit-transform: translateY(-90%) translateX(-50%);
	-moz-transform: translateY(-90%) translateX(-50%);
	transform: translateY(-90%) translateX(-50%);
	display: none;
	white-space: nowrap;
}




.scrolltop {
	position: fixed;
	bottom: 80px;
	right: 3px;
	width: 64px;
	height: 64px;
	z-index: 98;
	display: none;
	background-image: url(../images/scrolltop_g.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.scrolltop:hover {
	cursor: pointer;
	background-image: url(../images/scrolltop_gr.svg);
}

.scrolltop img {
	width: 100%;
	height: auto;
}

.grau {
	color: #3C3A39 !important;
}




/* VIDEO */

.videoumgebung {
	position: relative;
	background: #242323;
	margin-bottom: 100px;
	padding: 0px 0px;
}


.views-field-field-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.views-field-field-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.page-node-type-unser-haus .einleitung,
.page-node-type-umgebung .umgebung {
	margin-bottom: 50px;
}

.page-node-type-unser-haus .headerbild {
	margin-top: 50px;
}



.page-node-44 {
	background-color: #EBE9E5;
}

.page-node-44 main {
	padding-bottom: 0px !important;
}


.page-node-44  footer {
	padding-top: 30px;
}




.parallax {
	/*background-image: url(../images/parallax/0613_hg_pix_home_wolken.png); 
	background-color: #c4d2d9;  
	background-repeat: repeat-y;
	background-position: center center;
	background-size: cover;
	
	background-image: url(../images/parallax/header_s_2019.jpg);
	*/
	
	background-image: url(../images/parallax/ortler_winter_2019_2.jpg);  
	 
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;

}



/* CINFO */

.cinfo {
	position: absolute;
	width: 160px;
	left: 3vw;
	bottom: 150px;
	z-index: 99;
	font-size: 80%;
	
	-webkit-transform: 	rotate(-10deg);
	-moz-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.cinfo p {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	line-height: 130%;
	font-weight: bold;
}

.cinfo a,
.cinfo a:visited {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

.cinfo a:hover,
.cinfo a:active {
	color: #3C3A39;
}

.cinfo a > span {
	position: absolute;
	display: block;
	top: 50%;
	left: 0px;
	width: 100%;
	
	-webkit-transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	transform: translateY(-60%);
}

.cinfo .infoicon {
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
}






@media only screen and (min-width: 1100px) and (max-height: 600px) {
	
		
	
}

/*
.ortler {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	z-index: 80;
	line-height: 0px;
}

*/



.ortler {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 80;
	left: 0px;
	top: 25%;
	display: none;
}



@media all and (max-height: 730px) {
	
	.ortler {
			top: 45%;
	}
	
	
	.logohome img {
		width: 201px;
	height: auto;
	}
	
}

.ortler img {
	position: absolute;
	bottom: 0vh;
	left: 0px;
}

.ortler img,
.wald img,
.haus img {
	width: 100%;
}



.wald {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	z-index: 80;
	line-height: 0px;
}

.haus {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	z-index: 80;
	line-height: 0px;
}



.whmediavideo {
	line-height: 0px;
	margin-bottom: 80px;
}

.whmediavideo video {
	width: 100%;
	height: auto;
}

/* 360 Aussenansicht */
.aussenansicht {
	line-height: 0px;
}
.aussenansicht iframe {
	border: 0px;
	width: 100%;
	height: 100vh;
	line-height: 0px;
}


.page-node-82 main {
	padding-bottom: 0px;
}

.page-node-82 .region-breadcrumb,
.page-node-82 main {
	display: none;
}


/* ANRAGEBLOCK HOME */

#block-whcustomgalliaenquirebookblock {
	z-index: 99;
	background: #FFFFFF;
	position: absolute;
	right: 70px;
	bottom: 150px;
}

.wh-enquire-book-block {
	display: flex;
	flex-direction: row;
}

.wh-enquire-book-block .wh-ebb__dates {
	display: flex;
	flex-direction: row;
	padding: 10px 20px;
	box-sizing: border-box;
	position: relative;
}

.wh-enquire-book-block .wh-ebb__dates .wh-ebb__date-start {
	display: flex;
	flex-direction: row;
}

.wh-enquire-book-block .wh-ebb__dates .wh-ebb__date-end {
	display: flex;
	flex-direction: row;
}

.wh-enquire-book-block .wh-ebb__buttons {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;
}

.wh-enquire-book-block .wh-ebb__buttons a {
	display: block;
	text-align: center;
	padding: 2px 20px 0px 20px;
	box-sizing: border-box;
	align-self: stretch;
	flex-basis: 50%;
	text-transform: uppercase;
	transform: scale(1);
	transition: all 0.3s ease-in-out;

}

.wh-enquire-book-block .wh-ebb__buttons a:not(:last-child) {
	border-bottom: solid 1px #FFFFFF;
	box-sizing: border-box;
	

}

a.wh-ebb__button--enquire,
a:visited.wh-ebb__button--enquire{
	background: #7D8C00;
	color: #FFFFFF;
}

a:hover.wh-ebb__button--enquire,
a:active.wh-ebb__button--enquire {
	background: #7D8C00;
	color: #FFFFFF;
	

	
	transform: scale(1.06);
	transition: all 0.3s ease-in-out;
}

a.wh-ebb__button--book,
a:visited.wh-ebb__button--book {
	background: #3C3A39;
	color: #FFFFFF;
}

a:hover.wh-ebb__button--book,
a:active.wh-ebb__button--book {
	background: #3C3A39;
	color: #FFFFFF;

	
	transform: scale(1.06);
	transition: all 0.3s ease-in-out;
}



.wh-enquire-book-block .wh-ebb__date-separator {
	width: 1px;
	margin-left: 10px;
	margin-right: 10px;
	background: #7D8C00;
}

.wh-enquire-book-block .wh-ebb__dates .wh-ebb__date-selector {
	margin-left: 10px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	align-items: center;
	
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.wh-enquire-book-block .wh-ebb__dates:hover .wh-ebb__date-selector {
	transform: scale(1.2);
	transition: all 0.3s ease-in-out;
}

.wh-ebb__date-month-option {
	display: none;
}

.wh-ebb__date-month-option--active {
	display: inline-block;
}

.wh-ebb__date-selection {
	display: none;
}

.wh-ebb__date-day {
	font-size: 300%;
	line-height: 100%;
}

.wh-ebb__date-selection-input-wrapper {
z-index: 19;
}

.wh-ebb__date-selection-input-wrapper input {
	z-index: 97;
	opacity: 0;
}

.wh-ebb__date-selection-input-wrapper input:hover {
	cursor: pointer;
}

.wh-ebb__date-selection-input-wrapper input,
.wh-ebb__date-selection-input-wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.wh-ebb__date-selection-input-wrapper .datepicker {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	right: 0px;
	left: auto;
	top: auto;
	bottom: 74px;
}

.wh-ebb__date-selection-input-wrapper .datepicker__inner {
	box-sizing: border-box;
}




/*
	creme = #EBE9E5 / rgba(235, 233, 229, 1)
	dunkelgrau = #3C3A39 / rgba(60, 58, 57, 1)
	grün 0 = #7D8C00 / rgba(125, 140, 0, 1)
	gruen +1 = #A0B300 / rgba(125, 140, 0, 1)
	
	grau = #787472
	
	text weiss = #EAE9E5
	
*/



@media all and (max-width: 1600px) {

	.umgebunghomeliste,
	.maxwidth2 {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	
}


@media all and (max-width: 1350px) {

	.homeblocks .views-row .blockset:nth-child(2) {
		padding: 40px 70px;
	}
	
	
	.expo .views-exposed-form .form-radios .form-type-radio label {
	
		padding: 17px 15px;

	} 
}


@media all and (max-width: 1180px) {
	
	
	h2,
	.telefon {
		font-family: 'Playfair Display';
		font-size: 40px;
		line-height: 60px;
		letter-spacing: 3px;
	}

	html {
	  font-size: 16px;
	  line-height: 32px;
	}

	
	h1.page-title,
	.textbold,
	h2.blocktitle {
		font-size: 16px;
		line-height: 24px;
	}
	
	

	
	.textklein15  {
		font-size: 13px;
		line-height: 47px;
	}
	

	
	.einleitung {
		font-size: 17px;
		line-height: 30px;
	}
	
		

	
	

	.artikelslider .flex-direction-nav .flex-prev {
		left: 40px !important;
	}
	
	.artikelslider .flex-direction-nav .flex-next {
		right: 40px !important;
	}
	
	
	.artikelslider .flex-direction-nav a {
		top: 90px;
	}
	
	.submenu ul {	
		justify-content: left;
		align-content: left;
	}
	
	.submenu {
		position: relative;
	}
	
	.submenu:after {
		content: " ";
		display: block;
		background-image: url(../images/gestik.svg);
		background-size: 30px auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		width: 40px;
		height: 43px;
		position: absolute;
		left: 0px;
		bottom: -40px;
		width: 100%;
	}
	


	.kommentare .views-field-field-bild-kanal {
		right: -20px;
	}
	
}


@media all and (max-width: 979px) {
	
	
	.mobile {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	
	.desktop {
		display: none;
	}
	
	.maxwidth {
		margin-left: 40px !important;
		margin-right: 40px !important;
	}
	
	
	.angeboteset1,
	.angeboteset2 {
		position: relative;
		width: 100%;
		clear: both;
		top: 0px;
		left: 0px;
		margin-left: 0px;
	}
	
	.homeblocks.mobile {
		background: #EBE9E5;
	}
	
	.homeblocks .blockset:nth-child(2) {
		text-align: center;
		padding: 30px 50px !important;
		box-sizing: border-box;
	}
	

	
	.homeblocks .inline {
		display: block;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}
	
	.homeblocks .contentlink {
		margin: 40px auto 0px auto;
	}
	
	.owl-theme .owl-controls {
		margin-top: 0px;
	}
	.owl-theme .owl-controls .owl-buttons div {
		background-color: transparent !important;
		
	}
	
	.homeblocks .owl-item {
		position: relative;
	}
	
	.homeblocks .owl-buttons div {
	  display: block !important;
	  opacity: 1;
	  background-size: 100% 100%;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-repeat: no-repeat;
	   width: 64px;
	  height: 64px;
	  margin: 0;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
	  transform: translateY(-50%);
	  -webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	padding: 0px !important;
	position: absolute;
	filter: Alpha(Opacity=1) !important;
	opacity: 1 !important;

	}
	

	
	.homeblocks .owl-buttons .owl-prev {
		left: 10px !important;
		background-image: url(../images/pfeil_left.svg) !important;
		
	}
	
	
	
	.homeblocks .owl-buttons .owl-next {
		right: 10px !important;
		background-image: url(../images/pfeil_right.svg) !important;
	}
	

	.angeboteslider .sliderset2 {
		padding: 50px 80px;
	}
	
	.angeboteslider .view-content {
		padding: 0px 0px;
	}
	
	.kommentare .view-content h6 {
		margin: 0;
	}
	
	.kommentare .views-field-field-bild-kanal {
		position: relative;
		top: 0px;
		text-align: center;
		margin-top: 80px;
		right: 0px;
	}
	
	.kommentare .views-field-field-bild-kanal img {
		margin-left: auto;
		margin-right: auto;
	}
	
	.umgebunghomeliste .views-row {
		flex-basis: calc(100% - 80px);
		margin-bottom: 30px;
	}
	
	.umgebunghomeliste .views-row .views-field-title {
		right: -80px;
		left: auto;
		bottom: auto;
		top: 50%;
		-webkit-transform: translateX(0%) translateY(-50%);
		-moz-transform: translateX(0%) translateY(-50%);
		transform: translateX(0%) translateY(-50%);
	}
	
	.umgebunghomeliste .views-row:nth-child(2n+2) {
		margin-left: 80px;
	}
	
	.umgebunghomeliste .views-row:nth-child(2n+2) .views-field-title  {
		left: -80px;
		right: auto;
	}
	
	.artikelset1 {
		width: 100%;
		float: none;
		clear: both;
	}
	
	
	.angebote .views-row {
		margin-bottom: 50vh;
	}
	
	.angebote .angeboteset1 {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
	}
	
	.angebote .angeboteset2 {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		position: relative;
		top: 40vh;
	}
	
	.anfrageblock {
		background: #3C3A39;
		padding: 70px 0px 120px 0px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.anfrageblock input.date1,
	.datumspecialcontent input {
		font-size: 20px;
	}
	
	.expo .views-exposed-form .form-radios {
		flex-wrap: wrap;
	}	
	
		
	.angeboteset1 img {
		width: 100% !important;
		height: auto !important;
		object-fit: none !important;
	}
	
	
	.region-header .echarger { 
		display: none;
	}
	
	.region-header.navactive .echarger {
		display: block;
		position: fixed;
		right: 20px;
		top: 0px;
		z-index: 99;
		background-size: auto 40px;
	}
	
	.region-header.navactive  .tooltip {
		top: 0%;
		right: 0px;
		background: #7D8C00;
		color: #FFFFFF;
		padding: 3px 10px;
		box-sizing: border-box;
		-webkit-transform: translateY(120%) translateX(-100%);
		-moz-transform: translateY(120%) translateX(-100%);
		transform: translateY(120%) translateX(-100%);
		display: none;
		white-space: initial;
		width: 100px;
		line-height: 120%;
	}


	
}


@media all and (max-width: 833px) {
	
	.quickmenu {
		display: none !important;
	}
	
}



@media all and (max-width: 768px) {
	
	
	.webcams .cam28,
	.webcams .cam29 {
		display: none;
	}
	
	
	.topmenu {
		width: 70vw;
	}
	
	
	.angebote .angeboteset2 {
		padding: 35px 40px 0px 70px;
	}
	
	.user-login-form .form-item-name,
	.user-login-form .form-item-pass {
		width: 100%;
		float: none;
	}
	
	
	.impressionen .view-content .views-row {
		flex-basis: calc(33.3333333333% - 7px);
		margin-bottom: 10px;
	}
	
	.impressionen .view-content .views-row:nth-child(5n+4) {
		flex-basis: calc(50% - 5px);
	}
	
	.impressionen .view-content .views-row:nth-child(5n+5) {
		flex-basis: calc(50% - 5px);
	}
	
	
	.expo .views-exposed-form .form-radios .form-type-radio label {
		padding: 17px 15px;
	}


	
	.preis1 {
		width: 100%;
		clear: both;
		float: none;
		
	}
	
	.preis2 {
		width: 100%;
		clear: both;
		flex: none;
	}
	
	
	#cboxPrevious,
	#cboxPrevious:hover {
		width:36px;
		height:76px;
		top: 53%;
	}
	
	#cboxNext,
	#cboxNext:hover {
		width:36px;
		height:76px;
		top: 53%;
	}
	
	#cboxClose,
	#cboxClose:hover {
		width:36px;
		height:76px;

	}

	.umgebungdetail .views-row,
	.videoumgebung {
		margin-bottom: 30px;
	}
	
	.videoumgebung {
		padding: 0px 0px;
	}

	.webcams iframe {
		width: 100%;
		height: 600px;
	}
	
	.ortler {

		top: 0%;
	}
	
	
	.region-logos {
		padding-right: 80px;
		box-sizing: border-box
	}
	
	.footerlogos .view-content img {
		width: 80%;
		height: auto;
	}
	
	.footerlogos .view-content img {
		margin: 0px 10px;
	}


	.cinfo {
		width: 160px;
		bottom: 130px;
		top: auto;

		
		-webkit-transform: 	rotate(-10deg) scale(0.7);
		-moz-transform: rotate(-10deg) scale(0.7);
		transform: rotate(-10deg) scale(0.7);
	}
	
	.agbs .agbtitel {
		width: 100%;
	}

	
}



@media all and (max-width: 767px) {
	
	
	p, 
	.field--type-text-long ul,
	.field--type-text-with-summary ul,
	form {
		letter-spacing: 1.6px;
	}
	
	.maxwidth {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	

	.umgebunghomeliste, .maxwidth2 {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.umgebungdetail {
		margin-bottom: 30px;
	}
	

	
	.anfrageblock p {
		padding-left: 20px;
		padding-right: 20px;
	}
	

	
	
	h6 {
		font-size: 17px;
		line-height: 30px;
		letter-spacing: 2.7px;
	
	}
	
	
	.topmenu {
		width: 100vw;
	}
	
	h2,
	.telefon {
		font-family: 'Playfair Display';
		font-size: 30px;
		line-height: 45px;
		letter-spacing: 3px;
	}

	html {
	  font-size: 15px;
	  line-height: 28px;
	  letter-spacing: 1.67;
	}

	.textklein15  {
		font-size: 13px;
		line-height: 47px;
	}
	
  .letterspacing {
	  letter-spacing: 1.6px;
  }
	
	.einleitung {
		font-size: 20px;
		line-height: 37px;
	}
	

	

	
	
	.logohome img {
		width: 184px;
	}
	
	
	.region-starter .anfragebutton {
		top: 20px;
	}
		
	.anfragebutton a,
	.anfragebutton a:visited {
		padding: 13px 25px;
		font-size: 90%;
	}
	
	.anfragebutton.special a,
	.anfragebutton.special a:visited {
		padding: 22px 40px 22px 90px;
	}

	.anfragebutton.special a:after {
		left: 22px;
		top: 18px;
	}
	
	input.js-form-submit {
		padding: 19px 40px;
	}
	
	.umgebunghomeliste {
		padding-bottom: 0px;
	}
	
	.wetter {
		padding: 40px 0px;
	}
	
	.wetter table th {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0px;
	}
	
	.wetter table {
		width: 100px;
	}

	.wetter table td {
		/* 22°: */
		font-size: 20px;
		padding: 0px 0px;
		letter-spacing: 3px;
	}
	
	
	
	.wetter table td.meteoprovbz_min:after {
		font-size: 12px;
		line-height: 30px;
	}
	
	.wetter table td.meteoprovbz_max:after {
		font-size: 12px;
		line-height: 30px;
	}
	
	
	
	
	.path-frontpage .highlighted {
		visibility: hidden;
	}
	

	
	.path-frontpage main {
		padding-top: 0px;
		padding-bottom: 0px;
	}


	h1.page-title {
		margin-bottom: 50px;
	}
	
	.homeblocks .owl-buttons div {
		top: 43px;
	}

	
	.angeboteslider .flex-active-slide .sliderset2,
	.angeboteslider .flex-viewport {
		height: 590px;
	}
	
	
	.angeboteslider .sliderset2 {
		padding: 50px 37px;
	}
	
	.angeboteslider .views-field-title {
		height: auto;
	}
	
	.angeboteslider .flex-direction-nav .flex-prev {
		left: 0px !important;
	}
	
	.angeboteslider .flex-direction-nav .flex-next {
		right: 0px !important;
	}
	
	.angeboteslider .flex-direction-nav a {
		top: 30%;
	}
	
	.angebote  {
		text-align: center;
	}
	
	.angebote .views-field-field-inklusivleistungen p {
		margin-left: 0px;
	}
	
	.angebote .views-field-field-inklusivleistungen p:before {
		left: -5px;
	}
	
	
	
	.kommentare {
		padding: 40px 20px;
	}
	
	.umgebunghomeliste .views-row .views-field-title {
		width: 150px;
		height: 150px;
	}
	
	
	
	footer {
		padding: 40px 0px 40px 0px;
	}
	
	.kontakt .views-field-field-telefonnummer {
		margin: 0px 0px 12px 0px;
	}
	
	.footerlogo {
		max-width: 207px;
	}
	
	.usermenu ul {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.usermenu ul li:after {
		margin: 0px 10px;
	}
	
	footer .views-field-field-adresse {
		margin-bottom: 30vh;
	}
	
	.angebote .angeboteset2 {
		top: 20vh;
	}
	
	.angebote {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.angebote .angeboteset2 {
		padding: 20px;
	}
	
	
	.angebote .kennzeichnung .was {
		position: absolute;
		width: 92px;
		height: 92px;
		left: 30px;
		top: -115px;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	
	.angebote .views-row {
		margin-bottom: 30vh;
	}
	
	.headerbild .headertitle {
		position: relative;
		left: 0px;
		top: 0%;
		text-align: center;
		-webkit-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	
	.headerbild .headertitle h2 {
		color: #3C3A39;
		text-shadow: 0 0px 0px;
	}
	
	.headerbild {
		margin-bottom: 30px;
	}
	
	.bildercover .text {
		display: none;
	}
	
	
	.field--type-text-long ul, .field--type-text-with-summary ul {
		margin: 30px 0px 0px 42%;
		padding: 0px;
	}	
	
	.field--type-text-long li:before, 
	.field--type-text-with-summary li:before {
		left: -50px;
	}
	
	.anfrage .datumleft,
	.anfrage .set1,
	.captcha {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	
	.anfrage .datumright,
	.anfrage .set2 {
		width: 100%;
		float: none;
		text-align: left;
	}
	
	.page-node-15 .anfrage .webform-button--submit {
		float: none;
	}
	
	
	.preise .view-content {
		width: 100%;
	}
	
	
	.preise .preisset > .views-field,
	.preise .preisheader {
		padding: 15px 15px;
	}
	
	.expo .views-exposed-form .form-radios {
		flex-wrap: wrap;
	}
	
	.expo .views-exposed-form {
		border-radius: 20px;
		padding: 10px 20px;
	}
	
	.expo .views-exposed-form .form-radios .form-type-radio {
		border-radius: 15px;
	}
	
	.expo .views-exposed-form .form-radios .form-type-radio label {
		padding: 10px 12px;	
	}
	
	.form-checkboxes .form-item, .form-radios .form-item {
		margin: 0px !important;
	}
	
	.form--inline .form-item {
		text-align: center;
	}
	
	
	.umgebungdetail .angeboteset2 {
		padding: 40px;
		text-align: center;
	}
	
	.submenu {
		margin-top: 50px;
	}
	
	.cinfo {
		width: 130px;

	}

	
}

@media all and (max-width:650px) {

	.preise .preisset .views-field-nothing-1 {
		white-space: normal !important;
	}
	
	.sprachwechsler {
		left: 100px;
	}
	
	.telnavi {
		right: 70px;
	}
	
	.webcamicon {
		right: 120px;
	}
	
	.aussenansichtbutton {
		 right: 180px;
	 }

}


@media all and (max-width:440px) {
	.aussenansichtbutton {
		 display: none;
	 }
}

@media all and (max-width:414px) {
	
	.cinfo {
		-webkit-transform: 	rotate(-10deg) scale(0.6);
		-moz-transform: rotate(-10deg) scale(0.6);
		transform: rotate(-10deg) scale(0.6);
		
		bottom: 80px;
	}

}




@media all and (max-width:375px) {

	.bef-exposed-form select  {
		letter-spacing: 0px;
	}
	
	.wetter table td {
		/* 22°: */
		font-size: 17px;
	}
	
	.aussenansichtbutton {
		 display: none;
	 }
	
	
}


@media all and (max-width:320px) {
	
	html {
	  font-size: 14px;
	  line-height: 26px;
	  letter-spacing: 1.2;
	}
	
	h2,
	.telefon {
		font-size: 25px;
		line-height: 40px;
	}
	
	.einleitung {
		font-size: 16px;
		line-height: 30px;
	}
	
	
	.anfragebutton a,
	.anfragebutton a:visited {
		padding: 22px 20px;
	}
	
	.anfragebutton.special a,
	.anfragebutton.special a:visited {
		padding: 22px 20px 22px 80px;
	}

	.anfragebutton.special a:after {
		left: 22px;
		top: 18px;
	}
	
	.textklein, input.button, .expo .views-exposed-form .form-radios .form-type-radio label {
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 1.6px;
		text-transform: uppercase;
	}

	.captcha {
		overflow: hidden;
		width: 280px;
	}
	
	.preise .preisset > .views-field,
	.preise .preisheader {
		padding: 10px 10px;
	}
	
	
	.contentlink a, 
	.contentlink a:visited, 
	.webform-confirmation__back a, 
	.webform-confirmation__back a:visited  {
		min-width: auto;
		white-space: nowrap;
	}
	
	.sprachwechsler {
		left: 90px;
	}
	

	
	.wetter table td {
		/* 22°: */
		font-size: 12px;
		letter-spacing: 0px;
	
	}
	
	

	.kommentare {
		overflow: hidden;
	}
	
	
	.angeboteslider .sliderset2 {
		padding: 20px 20px;
	}
	 
	 
	 .cinfo {

		 -webkit-transform: 	rotate(-10deg) scale(0.5);
		 -moz-transform: rotate(-10deg) scale(0.5);
		 transform: rotate(-10deg) scale(0.5);
	 }
	 
	 
	 .webcamicon {
		 display: none;
	 }
	
}



@media all and (max-width: 768px) {

	
	#block-whcustomgalliaenquirebookblock {
		bottom: 200px;
		right: auto;
		left: 50%;
		
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	

/* ACHTUNG HÖHE */


@media all and (max-height: 768px) {
	
	
	.topmenu ul li {
		margin-bottom: 13px;
	}
	
	
}


@media all and (max-height: 886px) {
	
	.topmenu ul li.mlevel1 {
		margin: 20px 0px;
	}
	
}



@media only screen and (max-height: 496px) and (orientation:landscape) {

	.topmenu {
		width: 70vw;
	}
	
 	.topmenu ul li.mlevel1 {
		margin: 10px 0px;
	}
	
	.topmenu ul.level2 {
		margin-top: 10px;
	}
	

	
}


@media all and (max-width: 375px) {

	#block-whcustomgalliaenquirebookblock {
		bottom: 80px;
		right: auto;
		left: 50%;
	}
	
}


@media only screen and (max-height: 375px) and (orientation:landscape) {

	.topmenu {
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	.topmenu ul li.mlevel1 {
		margin: 5px 0px;
	}
	
	.topmenu ul.level2 {
		margin-top: 5px;
	}

}


@media all and (max-width: 320px) {

		#block-whcustomgalliaenquirebookblock {
			font-size: 90%;
		}
		
		.wh-enquire-book-block .wh-ebb__buttons a {
			padding: 0px 10px;
		}
	
}


@media all and (max-width: 490px) {
	
	
}






@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
	


	
  
	
}


@media only screen and (max-width: 736px) and (orientation:landscape)  {
	

	
}