/* HüttenMax - CSS - 11.03.2024 */
body {
	background-color: #f9f9f9;
	font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}
/* Miscellaneous begin ------------------------------------------------------------------------------------------------------------------------------------- */
.row {
    max-width: 80rem;
}

.row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}

.column, .columns {
    padding-right: .9375rem;
    padding-left: .9375rem;
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #ff4900;
    padding: .6rem;
    border-radius: 3px;
}

.button:hover, .button:focus {
    background-color: #d93e00;
}

.submenu-toggle:after {
    border-color: #ff4900 transparent transparent;
}

.badge {
	background: #ff4900;
}

.callout {
	border: 1px solid rgba(10,10,10,.1);
    border-radius: 3px;
}

.pagination li {
    border-radius: 3px;
}

.pagination a {
    border-radius: 3px;
}

.pagination .current {
    background: #ff4900;
}

label {
	font-size: inherit;
}

input {
	line-height: inherit;
    border-radius: 3px;
}

input:checked ~ .switch-paddle {
  background: #ff4900;
}

[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],textarea {
	font-size: inherit;
}

iframe {
	border: 0;
}

table p {
	margin: 0;
}

@media screen and (min-width: 64em) {
	table.scroll {
		display: table;
	}
}

a {
    color: #21835a;
}

a:focus, a:hover {
	color: #186042;
}

.closed {
	display: none;
}

.open {
	display: block;
}

ol, ul {
	margin-left: 2.5rem;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

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

.align-justify {
	text-align: justify;
}

.contenttable {
    margin: 2rem 0;
}

.filteropen {
	display: block!important;
}

@media only screen and (min-width: 40em) {
	h1, .h1 {
		font-size:2.3125rem;
	}
	h2, .h2 {
		font-size:1.9375rem;
	}
	h3, .h3 {
		font-size:1.5625rem;
	}
	h4, .h4 {
		font-size:1.375rem;
	}
	h5, .h5 {
		font-size:1.1875rem;
	}
	h6, .h6 {
		font-size:1rem;
	}
}

.error-404-wrap {
	text-align: center;
}

.error-404 {
	font-size: 1.9375rem;
	color: #bbb;
}

h1.error-404 {
	font-size: 2rem;
	color: inherit;
}

.biglink {
    z-index: 3;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
/* Miscellaneous end --------------------------------------------------------------------------------------------------------------------------------------- */


/* Header begin -------------------------------------------------------------------------------------------------------------------------------------------- */
header {
	font-size: 1.1875rem;
	position: relative;
}

header .logo {
	padding-left: 0;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 1;
}

header .single {
	padding-top: .5rem;
	position: static;
}

header .logo.single {
	position: static;
}

header .logo.single a {
	display: block;
}

@media screen and (min-width: 64em) {
	header .logo.single	{
		height: 92px;
	}
}
/* Title Bar begin --------------------------------------------------------------------------------------------------------------------- */
.title-bar {
	background: #ff4900;
    position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
    border-radius: 0 0 0 3px;
    z-index: 1;
}

.title-bar:focus, .title-bar:hover {
	background-color: #d93e00;
	color: #fefefe;
}

.title-bar .button {
	background: 0 0;
	margin-bottom: 0;
}

.title-bar .menu-icon:hover:after {
	background: #fefefe;
	box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.title-bar-title {
	font-weight: 400;
}

.watch-list {
    position: absolute;
    top: 0;
    right: 100px;
    border: none;
    z-index: 1;
}

.cart-button {
    font-size: 1.1875rem;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 13px;
    margin: 0;
    border-radius: 0 0 3px 3px;
    cursor: pointer;
}

.cart-button .fi-heart {
    color: #fefefe;
    font-size: inherit;
}
/* Title Bar end ----------------------------------------------------------------------------------------------------------------------- */


/* Off Canvas begin -------------------------------------------------------------------------------------------------------------------- */
.off-canvas {
	background: #222;
}

.position-left {
	top: 0;
	left: 0;
	width: 298px;
	height: 100%;
	transform: translateX(-298px);
	overflow-y: auto;
}

/* Top Bar begin --------------------------------------------------------------------------------------------------- */
.top-bar {
	background: inherit;
	padding: 0;
	display: block;
}

.top-bar .entry {
	padding: .5rem .9375rem .9375rem;
}

.top-bar .welcome {
	color: #f0aa41;
	font-size: .875rem;
}

.top-bar .heading {
	font-size: 1.5rem;
	color: #e37500;
	text-overflow: ellipsis;
	overflow: hidden;
}

.top-bar .fi-home, .top-bar .fi-mountains {
	padding-right: 1.125rem;
}

.top-bar .text {
	font-size: 1rem;
	color: #868686;
	padding: .5rem .9375rem 0 0;
}

.top-bar .entry-link > a {
	display: block;
	padding: .1rem .9375rem .5rem;
}

.top-bar .entry-link > a:hover {
	background: #2a2a2a;
}

.top-bar .entry, .top-bar .entry-link, .top-bar .menu > li > a {
	border-bottom: 1px solid #484848;
}

.top-bar .entry-link .link, .top-bar .entry-link .text {
	display: inline-block;
}

.top-bar .close-button {
	font-family: 'HuettenMax';
	right: .5rem;
	top: 0;
	font-size: 2rem;
	line-height: 1;
	color: #f9f9f9;
}

.top-bar .close-button:focus, .top-bar .close-button:hover {
	color: #8a8a8a;
}

.top-bar-heading {
	font-size: 1.625rem;
	color: #ff4900;
	padding: 1.625rem 1rem;
	display: block;
	text-shadow: -1px 2px 3px rgba(0,0,0,.5);
	text-transform: uppercase;
}

.top-bar ul {
	background: inherit;
}

.top-bar .menu > li > a {
	padding: .8rem 1rem .8rem 3.5rem;
	position: relative;
}

.off-canvas .first.is-accordion-submenu-parent > a:before, .off-canvas .second.is-accordion-submenu-parent > a:before, .off-canvas .third.is-accordion-submenu-parent > a:before {
	content: '';
	width: 24px;
	height: 16px;
	position: absolute;
	top: 14px;
	left: 15px;
}

.top-bar .menu > li > a:hover {
	background: #2a2a2a;
}

.top-bar .menu > li > a.cur {
	background: #2a2a2a;
}

.top-bar .menu > li >a > span {
	color: #868686;
	font-size: 1rem;
	padding-top: .7rem;
	display: block;
	margin-left: -25px;
}

.top-bar .menu.nested {
	margin-left: 0;
}

.off-canvas .first.is-accordion-submenu-parent > a:before {
	background: #fff;
	border-top: 5.3px solid #ed2939;
	border-bottom: 5.3px solid #ed2939;
}

.off-canvas .second.is-accordion-submenu-parent > a:before {
	background: url(../images/flag-bavaria.png) no-repeat;
	display: inline-block;
}

.off-canvas .third.is-accordion-submenu-parent > a:before {
	background: url(../images/flag-south-tyrol.png) no-repeat;
	display: inline-block;
}

.top-bar .menu > li > ul > li:hover {
	background: #2a2a2a;
}

.top-bar .menu > li > ul > li > a {
	margin-left: .5rem;
}

.top-bar .menu > li > ul > li > a.cur {
	background: #2a2a2a;
	margin-left: 0;
}
/* Top Bar end ----------------------------------------------------------------------------------------------------- */

/* Off Canvas end ---------------------------------------------------------------------------------------------------------------------- */

/* Header end ---------------------------------------------------------------------------------------------------------------------------------------------- */


/* Hero begin ---------------------------------------------------------------------------------------------------------------------------------------------- */
.hero {
	/*background: url(../images/falkauns.jpg) 50% 50% no-repeat;*/
    background:url(../images/hochkoenig.jpg) 50% 50% no-repeat;
	background-size: cover;
	margin-bottom: 1.5rem;
	height: 35rem;
}

@media screen and (min-width: 40em) {
	.hero {
		height: 36.25rem;
	}
}

@media screen and (min-width: 48em) {
	.hero {
		height: 37.5rem;
	}
}

@media screen and (min-width: 64em) {
	.hero {
		height: 35rem;
	}
}

.hero.contact-lodges {
	/*background: url(../images/falkauns.jpg) 50% 50% no-repeat;*/
    background:url(../images/hochkoenig.jpg) 50% 50% no-repeat;
	background-size: cover;
	margin-bottom: 1.5rem;
	height: 40vh;
}
/* Search Box begin -------------------------------------------------------------------------------------------------------------------- */
.searchbox {
	margin-top: 7%;
}

.searchbox.countries {
	margin-top: 10%;
}

@media screen and (max-width: 39.9375em) {
	.searchbox {
		margin-top: 13%;
	}
	.searchbox.countries {
		margin-top: 15%;
	}
	.search	{
		margin-bottom: 1.5rem;
	}
}

.quicksearch {
	float: none;
	margin: 0 auto;
	padding-bottom: .9375rem;
}

.quicksearch-heading {
	margin-bottom: .5rem;
	color: #fff;
	font-size: 1.625rem;
	font-weight: 700;
	text-shadow: -1px 2px 3px rgba(0,0,0,.5);
	text-transform: uppercase;
}

.quicksearch-engine {
	background: rgba(255,255,255,.7);
	padding: .9375rem 1.5rem 0;
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: rgba(0,0,0,.2);
}

.quicksearch-engine.countries {
	padding: .9375rem 1.5rem;
}

.avilable-engines {
	width: 100%;
	padding-bottom: .9375rem;
	float: left;
    position: relative;
}

.avilable-engines ul {
	margin: 0;
	list-style: none;
}

.avilable-engines li {
	padding: 0;
}

@media screen and (min-width: 64em) {
	.avilable-engines li:nth-of-type(3n+2) {
		padding-left: 3rem;
	}
}

.avilable-engines a {
	font-weight: 700;
	font-size: 1.25rem;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

.avilable-engines li.favouritelodge {
    background: yellow;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 15px 8px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
}

/*
.avilable-engines li.favouritelodge:before {
	content: 'NEU: ';
    color: #ff4900;
    font-weight: 700;
}
*/

/* 1024px */
@media screen and (min-width: 64em) {
    .avilable-engines li.favouritelodge {
	    position: absolute;
        top: -81px;
        right: -140px;
        transform: rotate(20deg);
    }
}

/* 1248px */
@media screen and (min-width: 78em) {
    .avilable-engines li.favouritelodge {
	    position: absolute;
        top: -75px;
        right: -140px;
        transform: rotate(20deg);
    }
}

.search {
	padding: 0;
}

.search-input-group-box {
	float: none;
	margin: 0 auto;
}

.search-input-group {
	background: rgba(255,255,255,.7);
	padding: 0 1.5rem .9375rem;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: rgba(0,0,0,.2);
}

.search .button.find {
	position: relative;
	padding-right: 1.75rem;
}

.search .button.reset {
	background: #21835a;
	color: #fff;
	margin-bottom: .5rem;
	float: right;
}

/* 460px */
@media screen and (max-width: 28.75em) {
    .search .button.find {
	    width: 100%;
    }
    .search .button.reset {
	    width: 100%;
    }
    .search .button.filter {
	    width: 100%;
    }
}

.search .button.reset:hover, .search .button.reset:focus {
	background: #186042;
}

.switch-filter-box {
	display: none;
}
/*
.switch-filter-box .close-button, .switch-filter-box .close-button:hover, .switch-filter-box .close-button:focus {
	color: #fefefe;
}
*/
.switch-filter-box .close-button, .switch-filter-box .close-button:hover, .switch-filter-box .close-button:focus {
    width: 30px;
    height: 30px;
	color: #fefefe;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.switch-filter {
	padding: 1.5rem;
}

.switch-filter-item > span {
  max-width: 272px;
  display: inline-block;
}

.switch-filter-hr {
	border-bottom: 4px dashed #cacaca;
	margin: 1rem 0 2.5rem;
}
/* Search Box end ---------------------------------------------------------------------------------------------------------------------- */

/* Hero end ------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Content begin ------------------------------------------------------------------------------------------------------------------------------------------- */
.content {
	font-size: 1.1875rem;
	padding-bottom: 1.875rem;
}

.content p a {
	background: 0 0;
    color: #494949;
	text-decoration: none;
	border-bottom: 1px solid #ade6da;
	box-shadow: inset 0 -6px 0 #ade6da;
    -webkit-transition: background .25s ease-out;
	    -moz-transition: background .25s ease-out;
            -o-transition: background .25s ease-out;
	            transition: background .25s ease-out;
}

.content p a:hover {
	background: #ade6da;

}
/* Special Offer Box (DCE - Spezial-Angebot (Der Max empfiehlt)) begin ----------------------------------------------------------------- */
.special-offer-box {
	background: #dde3e7;
	padding: 1.5rem;
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
}

.special-offer {
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.08);
}

.special-offer .image {
    position: relative;
	overflow: hidden;
    height: 17.5rem !important;
}

@media screen and (min-width: 40em) {
	.special-offer .image {
		height: 23rem !important;
	}
}

@media screen and (min-width: 48em) {
	.special-offer .image {
		height: 30rem !important;
	}
}

@media screen and (min-width: 64em) {
	.special-offer .image	{
		height: 17.5rem !important;
	}
}

.special-offer .image img {
    width: 100%;
    min-height: 18rem;
	object-fit: cover;
    object-position: 50% 50%;
}

.special-offer .tipp {
	position: absolute;
	top: 3%;
	right: 6.3%;
	padding: 1.125rem;
}

.special-offer .tipp span:first-child {
	font-size: 1.125rem;
	line-height: 1;
	text-transform: none;
	margin-top: .1875rem;
}

.special-offer .tipp span {
	display: block;
	font-size: 1.8rem;
	line-height: 1.8rem;
	text-transform: uppercase;
}

.special-offer .data {

}

.special-offer .companyinfo {
	padding-top: .9375rem;
	padding-bottom: .9375rem;
}

.special-offer .header {
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
}

.special-offer .sub-header {
	font-size: 1.2rem;
	text-transform: uppercase;
}

.special-offer .hm-says {
	margin-top: .9375rem;
}

.special-offer .slogan {
	font-size: 1.25rem;
	font-weight: 700;
}

.special-offer .description {
	margin-top: .5625rem;
}

.special-offer .priceinfo {
	text-align: center;
	border: solid #dde3e7;
	border-width: 0 0 0 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.special-offer .periode {
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: .625rem;
	text-transform: uppercase;
}

.special-offer .price {
	font-size: 2.875rem;
	font-weight: 700;
}

.special-offer .pricedesc {
	font-size: 1rem;
	text-transform: uppercase;
}

.special-offer .priceonrequest {
	padding-top: 5.375rem;
	padding-bottom: 1rem;
	text-transform: uppercase;
}

.special-offer .without-accommodation {
	padding-top: 5.375rem;
	padding-bottom: 1rem;
}

.special-offer .link {
    width: 100%;
	margin: 2rem 0 1rem;
	position: relative;
}

.special-offer .link a {
	color: #fefefe;
	font-size: 1.375rem;
	display: block;
}
/* Special Offer Box (DCE - Spezial-Angebot (Der Max empfiehlt)) end ------------------------------------------------------------------- */

/* Marketing Site Hero (DCE - Marketing Site Hero) begin ------------------------------------------------------------------------------- */
.marketing-site-hero {
	height: 21.875rem;
	margin: 1.875rem 0;
	padding-right: 0;
	padding-left: 0;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 40em) {
	.marketing-site-hero {
		height: 25rem;
	}
}

.marketing-site-hero a {
	display: block;
	width: 100%;
}

.marketing-site-hero img {
    width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
	                transform: translateY(-50%);
}

.marketing-site-hero-content {
	background: rgba(0,0,0,.5);
	padding: .9375rem;
	position: relative;
}

.marketing-site-hero-content.left {
	padding: .9375rem;
}

.marketing-site-hero-content h2 {
	font-size: 2rem;
	color: #fff;
}

.marketing-site-hero-content .subheader {
	color: #fff;
	display: block;
}

.marketing-site-hero-content .button.round {
	border-radius: 17px;
	text-transform: uppercase;
	font-size: .75rem;
	margin-bottom: 0;
}

@media screen and (min-width: 40em) {
	.marketing-site-hero img {
		height: auto;
	}
	.marketing-site-hero-content {
		margin-left: 50%;
	}
	.marketing-site-hero-content.left {
		margin-left: 0;
		margin-right: 50%;
	}
}
/* Marketing Site Hero (DCE - Marketing Site Hero) end --------------------------------------------------------------------------------- */


/* Hip Regions (DCE - Die beliebtesten Regionen unserer Kunden) begin ------------------------------------------------------------------ */
.hip-regions-box {

}

.hip-regions {
	padding: 0;
}

@media screen and (min-width: 40em) {
	.hip-regions {
		padding-left: .625rem;
		padding-right: .625rem;
	}
}

.hip-regions .data {
	padding: .625rem;
}

.hip-regios .image {

}

.hip-regions .name {
	height: 3rem;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-top: .625rem;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

.hip-regions .text {
	position: relative;
}
/* Hip Regions (DCE - Die beliebtesten Regionen unserer Kunden) end -------------------------------------------------------------------- */


/* Hip Regions Large (DCE - Bundesländer) begin ---------------------------------------------------------------------------------------- */
.hip-regions-large-box {
	margin: 3.125rem 0;
}

.hip-regions-large {
	padding: 0;
}

@media screen and (min-width: 40em) {
	.hip-regions-large {
		padding-left: .3125rem;
		padding-right: .3125rem;
	}
}

.hip-regions-large .data {
	padding: .625rem;
}

.hip-regions-large .image {
	overflow: hidden;
}

@media screen and (min-width: 40em) {
	.hip-regions-large .image {
		height: 18.125rem;
		overflow: hidden;
	}
}

.hip-regions-large .image img {
	max-width: 100%;
    transition: all .9s cubic-bezier(.165,.84,.44,1);
}

.hip-regions-large .image:hover img {
	-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
	                transform: scale(1.1);
}

.hip-regions-large .name {
	font-size: 1.3125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.hip-regions-large .text {
	margin-bottom: 1rem;
}

.hip-regions-large .link {
	position: relative;
	font-size: 1.063rem;
	text-align: right;
	padding-right: 2.5rem;
}

.hip-regions-large.columns:last-child {
	margin: 0 auto;
	float: none;
}
/* Hip Regions Large (DCE - Bundesländer) end ------------------------------------------------------------------------------------------ */


/* Hip Regions Large Slider (Regionen Slider) begin ------------------------------------------------------------------------------------ */
.hip-regions-large-slide-box {
	margin: 3.125rem 0;
}

.hip-regions-large-slide-box h2 {
	text-align: center;
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 64em) {
	.hip-regions-large-slider.slick-slider {
		margin-bottom: 3.75rem;
	}
}

@media screen and (max-width: 30em) {
	.hip-regions-large-slider.slick-slider {
		margin-bottom: 0;
	}
}

.hip-regions-large-slider .slick-prev,.slick-next {
	width: 2.5rem;
	height: 2.5rem;
	z-index: 1;
}

.hip-regions-large-slider .slick-prev {
	left: -1.563rem;
}

.hip-regions-large-slider .slick-next:before, .hip-regions-large-slider .slick-prev:before {
	font-size: 2.5rem;
	color: #000;
	opacity: .5;
}

.hip-regions-large-slider .slick-next:focus, .hip-regions-large-slider .slick-next:hover, .hip-regions-large-slider .slick-prev:focus, .hip-regions-large-slider .slick-prev:hover {
	opacity: .75;
}

.hip-regions-large-slider .slick-next:focus::before, .hip-regions-large-slider .slick-next:hover::before, .hip-regions-large-slider .slick-prev:focus::before,hip-regions-large-slider .slick-prev:hover::before {
	opacity: 1;
}

.hip-regions-large-slider .slick-dots {
	margin: 0;
	left: 0;
}

.hip-regions-large-slider .slick-dots li {
	margin: 0 0.625rem;
}

.hip-regions-large-slider .slick-dots li button:focus, .hip-regions-large-slider .slick-dots li button:hover {
	outline: 0;
	opacity: .75;
}

.hip-regions-large-slider .slick-dots li button:before {
	font-size: 1.25rem;
}

.hip-regions-large-slide {
	padding-left: .3125rem;
	padding-right: .3125rem;
}

@media screen and (min-width: 40em) {
	.hip-regions-large-slide {
		padding-right: .9375rem;
		padding-left: .9375rem;
	}
}

.hip-regions-large-slide .image {
	overflow: hidden;
}

@media screen and (min-width: 64em) {
	.hip-regions-large-slide .image	{
		height: 14.375rem;
	}
}

.hip-regions-large-slide .image img {
    width: 100%;
	/*max-width: 100%;*/
    object-fit: cover;
    transition: all .9s cubic-bezier(.165,.84,.44,1);
}

.hip-regions-large-slide .image:hover img {
	-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
	                transform: scale(1.1);
}

.hip-regions-large-slide .name {
	font-size: 1.3125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.hip-regions-large-slide .text {
	margin-bottom: 1rem;
}

.hip-regions-large-slide .link {
	position: relative;
	font-size: 1.063rem;
	text-align: right;
	padding-right: 2.5rem;
}
/* Hip Regions Large Slider (Regionen Slider) end -------------------------------------------------------------------------------------- */


/* Break Header begin ------------------------------------------------------------------------------------------------------------------ */
.break-header {
	padding: 2.25rem 0 0;
	margin-bottom: 14px!important;
}

.break-header .title {
	font-size: 1.9375rem;
	font-weight: 700;
	text-align: center;
}

.break-header .subtitle {
	display: flex;
}

.break-header .subtitle > div {
	width: 31.25rem;
	font-size: 1.9375rem;
	text-align: center;;
}

.break-header .subtitle > hr {
	margin-top: 0.625rem;
	width: 25rem;
}
/* Break Header end -------------------------------------------------------------------------------------------------------------------- */


/* Hip Lodgles (DCE - Beliebte & angesagte Hütten) begin ------------------------------------------------------------------------------- */
.hip-lodges-box {

}

.hip-lodges {
	padding: 0;
}

@media screen and (min-width: 40em) {
	.hip-lodges 	{
		padding-left: .625rem;
		padding-right: .625rem;
	}
}

.hip-lodges .data {
	padding: .625rem;
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

.hip-lodges img {
	width: 100%;
}

.hip-lodges .name {
	font-size: 1.5rem;
}

.hip-lodges .region {

}

.hip-lodges .type {

}

.hip-lodges .price {
	font-size: 1.375rem;
	position: relative;
	margin-top: .5rem;
	margin-bottom: 0;
}
/* Hip Lodgles (DCE - Beliebte & angesagte Hütten) end --------------------------------------------------------------------------------- */


/* Immage Box (DCE - Bildbox groß mit Slogan) begin ------------------------------------------------------------------------------------ */
.image-box {

}

.imagebox .image img {
	width: 100%;
}

.imagebox .slogan {
	background: rgba(0,0,0,.5);
	color: #fff;
	line-height: 2.813rem;
	font-size: 1.625rem;
	font-weight: 700;
	padding: 0 .9375rem;
	position: relative;
}

.imagebox .slogan:after {
	width: .75rem;
	height: .75rem;
	margin-left: .3125rem;
	border :solid #fff;
	border-width: 2px 2px 0 0;
	display: inline-block;
    -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                    transform: rotate(45deg);
}

@media screen and (min-width: 64em) {
	.imagebox .image {
		height: 34.375rem;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.imagebox .slogan {
		margin-top: -2.813rem;
	}
}
/* Immage Box (DCE - Bildbox groß mit Slogan) end -------------------------------------------------------------------------------------- */


/* Newsletter Box begin ---------------------------------------------------------------------------------------------------------------- */
/*
.newsletter-box {
	background: #21835a;
	color: #fff;
}

.newsletter-box-inner {
	position: relative;
}

.newsletter-box .header {
	font-size: 1.5rem;
	font-weight: 700;
	display: block;
}

.newsletter-box .error,.newsletter-box .info {
	font-size: 1.25rem;
	margin-bottom: 1rem;
	display: block;
}

.newsletter-box .sub-info {
	font-weight: 1rem;
	display: block;
}

.newsletter-box .button, .newsletter-box .input-group-field, .newsletter-box .input-group-label {
	height: 3.1875rem;
}
*/
/* Newsletter Box end ------------------------------------------------------------------------------------------------------------------ */


/* Listview begin ---------------------------------------------------------------------------------------------------------------------- */

/* Map begin ------------------------------------------------------------------------------------------------------- */
.map {

}

.map.accordion {
    background: 0 0;
    margin: 0 0 1rem;
}

.map. .accordion-item {

}

.map. .accordion-title {
    width: 100%;
    display: inline-block;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 .9375rem;
    margin: 0;
    font-size: .9rem;
    background-color: #ff4900;
    color: #fefefe;
}

.map .accordion-content {
	padding: 0;
}
/* Map end --------------------------------------------------------------------------------------------------------- */

.listview h1 {
    text-align: center;
}

/* Pagebrowser begin ----------------------------------------------------------------------------------------------- */
.pagebrowser {
    text-align: center;
}
/* Pagebrowser end ------------------------------------------------------------------------------------------------- */

/* Infinite Scroll begin ------------------------------------------------------------------------------------------- */

.ias-trigger {
    text-align: center;
    cursor: pointer;
}

.ias-trigger-prev {
    margin-bottom: 15px;
}

.ias-trigger a {
    border: 1px solid;
    padding: .4em;
    border-radius: 25px;
}

/* Infinite Scroll end ------------------------------------------------------------------------------------------- */

/* Listbox begin --------------------------------------------------------------------------------------------------- */

.fade {
  display: none;
}

.fade.active {
  display: block;
  opacity: 0;
  animation: fade 6s infinite;
  position: relative;
}

@keyframes fade {
  0% {opacity: 0; transform: scale(1);}
  75% {opacity: 1; transform: scale(1);}
  100% {opacity: .1; transform: scale(1.2);}
}

.listbox {
	font-size: 1.125rem;
}

.listbox-inner {

}

.listbox .image {
	overflow: hidden;
    border-radius: 10px;
    height: 17rem;
}

@media screen and (min-width: 40em) {
	.listbox .image {
		height: 11.25rem;
	}
}

@media screen and (min-width: 48em) {
	.listbox .image {
		height: 14.063rem;
	}
}

@media screen and (min-width: 52em) {
	.listbox .image	{
		height: 14.875rem;
	}
}

/*
@media screen and (min-width: 64em) {
	.listbox .image	{
		height: 14.875rem;
	}
}
*/

.listbox .image img {
	height: 100%;
	object-fit: cover;
}

.listbox .data {
    padding: 0;
}

.listbox .companyinfo {
    padding-top: 5px;
	padding-bottom: .9375rem;
	overflow: hidden;
}

/* 640px */
@media screen and (min-width: 40em) {
	.listbox .companyinfo {
		height: 26.25rem;
	}
}

/* 768px */
@media screen and (min-width: 48em) {
	.listbox .companyinfo {
		/*height: 23.125rem;*/
        height: 21.25rem;
	}
}

/* 832px */
@media screen and (min-width: 52em) {
	.listbox .companyinfo {
		height: 20rem;
	}
}

/* 960px */
@media screen and (min-width: 60em) {
	.listbox .companyinfo {
		/*height: 18.125rem;*/
        height: 18.75rem;
	}
}

/* 1024px */
@media screen and (min-width: 64em) {
	.listbox .companyinfo {
        padding-top: 0;
		padding-bottom: 0;
	}
}

.listbox .company {
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
}

.listbox .location {
	font-size: 1.2rem;
	text-transform: uppercase;
}

.listbox .type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listbox .desc {
	margin-top: .5625rem;
}

.listbox .priceinfo {
    position: relative;
	text-align: center;
	border: solid #dde3e7;
	border-width: 1px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 64em) {
	.listbox .priceinfo	{
		border-width: 0 0 0 1px;
	}
}

.listbox .periode {
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: .625rem;
	text-transform: uppercase;
}

.listbox .price {
	font-size: 2.875rem;
	font-weight: 700;
}

.listbox .pricedesc {
	font-size: 1rem;
	text-transform: uppercase;;
}

.listbox .without-accommodation {
    padding-top: .625rem;
}

.listbox .priceonrequest {
    padding-top: .625rem;
	text-transform: uppercase;
}

@media screen and (min-width: 40em) {
    .listbox .priceonrequest {
        padding-top: 6.625rem;
    }
}

@media screen and (min-width: 64em) {
    .listbox .priceonrequest {
        padding-top: 0;
    }
}

.listbox .link {
    width: 100%;
	color: #fff;
    font-size: 1.375rem;
    margin: 2rem 0 0;
	display: block;
    position: relative;
}

.listbox .symbols .menu {
    display: flex;
    justify-content: space-evenly;
}

.listbox .symbols li {
    display: flex;
    align-items: center;
}

.listbox .symbols i {
    color: #21835a;
    font-size: 25px;
    cursor: help;
    padding-right: 3px;

}

.listbox .symbols .my-bed {
    font-size: 30px;
}

.listbox .symbols .my-mountains {
    font-size: 32px;
}

.listbox .symbols .my-shopping-basket {
    font-size: 22px;
}

.listbox .symbols .has-tip {
    z-index: 3;
    border: 0 none;
}

.tooltip {
    background: #21835a;
    width: auto;
    max-width: 80vw;
    font-size: inherit;
    border-radius: 3px;
}
/*
.tooltip.top:before {
  border-color: $yourColor transparent transparent;
}
*/
.tooltip.bottom:before {
    border-color: transparent transparent #21835a;
}
/*
.tooltip.right:before {
  border-color: transparent $yourColor transparent;
}
.tooltip.left:before {
  border-color: transparent transparent transparent $yourColor;
}
*/

.cart-tooltip {
    background: #ff4900;
    width: auto;
    max-width: 80vw;
    font-size: inherit;
    border-radius: 3px;
}

.cart-tooltip.bottom:before {
    border-color: transparent transparent #ff4900;
}

.add-to-cart {
    position: absolute;
    top: 6px;
    right: 0;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

.fi-heart {
    color: #ff4900;
    font-size: 40px;
}

.inner {
    color: white;
    font-size: 33px;
    position: absolute;
    z-index: 7;
}

.none {
    display: none !important;
}

@media screen and (min-width: 40em) {
    .add-to-cart {
        right: 6px;
    }
}

@media screen and (min-width: 64em) {
    .add-to-cart {
        top: -8px;
    }
}
/* Listbox end ----------------------------------------------------------------------------------------------------- */

/* Favourite Lodges begin ------------------------------------------------------------------------------------------ */
.favouritelodges {
    width: 100%;
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.favouritelodge {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    position: relative;
}

@media screen and (min-width: 40em) {
    .favouritelodge {
        width: calc((100% - 40px) / 2);
    }
}

@media screen and (min-width: 64em) {
    .favouritelodge {
        width: calc((100% - 60px) / 3);
    }
}

.favouritelodge .link {
    color: inherit;
    font-size: inherit;
    margin: 0;
}

.favouritelodge .image {
    height: 300px;
}

.favouritelodge .image img {
    width: 100%;
    transition: transform .5s ease;
}

.favouritelodge a:hover .image img {
    transform: scale(1.075);
}

.favouritelodge .companyinfo {
    text-align: center;
    height: auto;
}

.favouritelodge .company {
    margin-top: 5px;
}

.favouritelodge .location {
    min-height: 48px;
    font-size: 1rem;
}

.favouritelodge .priceinfo {
    padding: .9375rem;
    border: none;
    flex-direction: row;
}

.favouritelodge .periode {
    font-weight: 400;
    margin-top: 0;
    display: inline-block;
}

.favouritelodge .price {
    font-size: 1.125rem;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.favouritelodge .pricedesc {
    font-size: 1.125rem;
    display: inline-block;
}

.favouritelodge .add-to-cart {
    top: 6px;
    right: 6px;
    background: #fefefe;
    border-radius: 25px;
    width: 45px;
    height: 45px;
}

.favouritelodge .fi-heart {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Favourite Lodges end -------------------------------------------------------------------------------------------- */

/* Accordion begin ------------------------------------------------------------------------------------------------- */
.accordion {
	background: 0 0;
	margin: 0 0 1rem;
}
.accordion-item {

}

.accordion-item:first-child > :first-child {
	border-radius: 3px;
}

:last-child:not(.is-active) > .accordion-title {
	border-bottom: 1px solid transparent;
}

.accordion-title {
	width: 100%;
	display: inline-block;
	-webkit-appearance: none;
	transition: background-color .25s ease-out,color .25s ease-out;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 0 .9375rem;
	margin: 0;
	font-size: .9rem;
	background-color: #ff4900;
	color: #fefefe;
}

.accordion-title::before {
	margin-top: -1rem;
	font-size: 2rem;
}

.accordion-title:focus,.accordion-title:hover {
	background-color: #d93e00;
	color: #fefefe;
}

.accordion-title .flex-video, .video .accordion-content .flex-video {
	margin-bottom: 0;
}

.video .accordion-content {
	padding: 0;
	border: solid #e6e6e6;
	border-width: 0 1px 1px;
}

.accordion-title i {
	font-size: 50px;
}

.accordion-title .fi-elevator {
	width: 41px;
	display: block;
	overflow: hidden;
}

/*
.accordion-title h3, .accordion-title i span {
	font-style: normal;
	font-size: 24px;
	position: absolute;
	left: 65px;
	top: 50%;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
*/

.accordion-title h3, .accordion-title span {
	font-style: normal;
	font-size: 24px;
    padding-right: 40px;
	position: absolute;
	left: 65px;
	top: 50%;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}

.accordion-title .addText {
	margin-top: 1rem;
}

.accordion-title .fi-page-pdf {
	margin-right: 5px;
}
/* Accordion end --------------------------------------------------------------------------------------------------- */


/* Leaflet begin --------------------------------------------------------------------------------------------------- */
.leaflet-popup {
	font-size: 12px;
}

.leaflet-container a.leaflet-popup-close-button {
	padding: 0;
}

.leaflet-popup-content-wrapper {
	border-radius: 3px;
}

.leaflet-popup-content {
	margin: 13px;
	text-align: center;
}

.leaflet-popup-content span {
	display: block;
}

.leaflet-popup-content span:nth-of-type(1) {
	padding-top: 5px;
}

.leaflet-popup-content .popup-image {
	padding-bottom: .5rem;
}

.leaflet-popup-content .popup-image > img {
	width: 100%;
}

.leaflet-popup-content .mapPopupHeader, .leaflet-popup-content .teaser {
	font-size: 13px;
	font-weight: 700;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
	padding: 0 5px;
	color: #21835a;
}
/* Leaflet end ----------------------------------------------------------------------------------------------------- */

/* Listview end ------------------------------------------------------------------------------------------------------------------------ */


/* Singleview begin -------------------------------------------------------------------------------------------------------------------- */
.singleview {

}

.singleview .backlink {
	margin-top: 1rem;
	position: relative;
}

.singleview .backlink a {
	color: #fff;
	font-size: 1.375rem;
	display: block;
}

.singleview h1 {
	font-size: 1.375rem;
}

@media screen and (min-width: 40em) {
	.singleview h1 {
	    font-size: 1.875rem
    }
}
/* Sliderbox (Single Slider) begin --------------------------------------------------------------------------------- */
.sliderbox {
	background: #ff4900;
	position: relative;
	margin-bottom: 1.875rem;
}

.single-slider {
	background: #ff4900;
    /*max-height: 31.875rem;*/
    color: #fefefe;
    margin-bottom: 0;
	position: relative;
    overflow: hidden;
}

.single-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.single-slider .slick-slide {
	/*max-height: 20.813rem;*/
    /*height: 100%;*/
}

/*
.single-slider .slick-slide img {
	max-width: 31.25rem;
    max-width: 33.375rem
}
*/

@media screen and (min-width: 64em) {
    .single-slider .slick-slide img {
	    /*max-width: 31.25rem;*/
        max-width: 33.375rem
    }
}

.single-slider .slick-next, .single-slider .slick-prev {
	width: 2.5rem;
	height: 2.5rem;
	z-index: 1;
}

.single-slider .slick-next, .single-slider .slick-prev {
	/*top: 39%;
    transform: translate(0, -39%);*/
    top: 32%;
    transform: translate(0, -32%);
}

.single-slider .slick-prev {
	/*left: .625rem;*/
    left: .9375rem;
}

.single-slider .slick-next {
	/*right: .625rem;*/
    right: .9375rem;
}

@media screen and (min-width: 64em) {
    .single-slider .slick-next {
	    right: 59.2%;
    }
}

.single-slider .slick-next:before, .single-slider .slick-prev:before {
	font-size: 2.5rem;
}

.single-slider .slick-dots {
	position: relative;
	bottom: 0;
	margin-left: 0;
    padding-right: .625rem;
	padding-bottom: .625rem;
}

.single-slider .slick-dots.columns {
	padding-bottom: 0;
}

.single-slider .slick-dots .slick-next, .single-slider .slick-dots .slick-prev {
	top: 50%;
    transform: translate(0, -50%);
}

.single-slider .slick-dots .slick-prev {
	/*left: .625rem;*/
    left: .9375rem;
}

.single-slider .slick-dots .slick-next {
	/*right: .625rem;*/
    right: .9375rem;
}

.single-slider .slick-dots li {
	height: auto;
	margin: 0;
	padding-right: 0.313rem;
    cursor: auto;
}

.single-slider .slick-dots li img {
	max-width: 100%;
}

.single-slider .slick-dots .slick-current img {
	filter: invert(20%);
}

.slick-list {
    padding: 0;
}
/* Sliderbox (Single Slider) end ----------------------------------------------------------------------------------- */

/* Company Box begin ----------------------------------------------------------------------------------------------- */
.companybox {
	padding: 0;
}

/*@media screen and (min-width: 40em) {*/ /* live */
@media screen and (min-width: 64em) {
	.companybox {
		position: absolute;
		right: 0;
		top: 0;
	}
}

.companybox .contact {
    background: #fff;
    min-height: 157px;
	padding-top: .9375rem;
	padding-bottom: .9375rem;
    position: relative;
}

.companybox .contact .name {
	font-weight: 700;
}

.companybox .contact .phone {

}

.companybox .email, .companybox .booking {
	display: inline-block;
}

.companybox .email {
	padding-right: .9375rem;
}

.companybox .contact .fi-telephone, .companybox .contact .fi-mail, .companybox .contact .fi-checkbox {
	color: #ff4900;
	font-size: 1.875rem;
	vertical-align: middle;
	padding-right: 0.625rem;
}

/*
.companybox .info {
	color: #fff;
	font-size: 2.0625rem;
    padding-top: .9375rem;
	padding-bottom: .9375rem;
}
*/

.companybox .info {
	color: #fff;
	font-size: 1.125rem;
    padding-top: .9375rem;
	padding-bottom: .9375rem;
}

/*
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.companybox .info {
		font-size:1.125rem;
	}
}
*/

/*
@media screen and (min-width: 64em) and (max-width: 69.9375em) {
	.companybox .info {
		padding-top: 1.4rem;
	}
}
*/

@media screen and (min-width: 64em) {
	.companybox .info {
        font-size: 2.0625rem;
	}
}

/*
@media screen and (min-width: 70em) {
	.companybox .info {
		-webkit-transform: translateY(6%);
		    -ms-transform: translateY(6%);
		        transform: translateY(6%);
	}
}
*/

.companybox .info .type {
	font-size: 1.563rem;
}

.companybox .logo {
	position: absolute;
    top: 0;
	right: 0;
	/*width: 30%;
	max-height: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;*/
	overflow: hidden;
}

.companybox .socialslogan {
	font-size: 1.1rem;
}
/* Company Box end ------------------------------------------------------------------------------------------------- */

/* Opentimes begin ------------------------------------------------------------------------------------------------- */
.opentimes .accordion-content {
	margin-bottom: 1rem;
}

.opentimes .accordion-content .date {
	padding-bottom: .5rem;
}

.opentimes .accordion-content .opentext {
	width: 100%;
	display: inline-block;
	padding-top: .5rem;
}
/* Opentimes end --------------------------------------------------------------------------------------------------- */

/* Contact begin --------------------------------------------------------------------------------------------------- */
.contact .fi-compass, .contact .fi-mail, .contact .fi-marker, .contact .fi-mobile, .contact .fi-print, .contact .fi-social-facebook, .contact .fi-social-twitter,
.fi-social-instagram, .contact .fi-telephone, .contact .fi-web, .contact .fi-checkbox, .contact .my-whatsapp {
	color: #ff4900;
	font-size: 1.875rem;
	vertical-align: middle;
	padding-right: 0.313rem;
}

.contact .fi-marker {
	position: absolute;
	top: 0;
	left: 0;
}

.contact .fi-mobile {
	font-size: 2.25rem;
	padding-right: .6875rem;
}

.contact .accordion-content .location {
	position: relative;
	padding-top: .313rem;
}

.contact .accordion-content .location span {
	display: block;
	padding-left: 1.6875rem;
}

.contact .whatsapp {
    line-height: 2.8125rem;
}

.contact .my-whatsapp {
	font-size: 1.5rem;
    padding-bottom: .3125rem;
}
/* Contact end ----------------------------------------------------------------------------------------------------- */

/* Open Box begin -------------------------------------------------------------------------------------------------- */
.openbox {
	margin: 0 0 1rem;
}

.openbox .button {
	text-align: left;
	margin: 0;
	padding: 0;
}

.openbox .button a {
	color: #fff;
	padding: 0 .9375rem;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.openbox .button i {
	width: 2.563rem;
	font-size: 3.125rem;
	margin-right: .625rem;
}

.openbox .fi-elevator {
	width: 2.563rem;
	display: block;
	overflow: hidden;
}

.openbox .button i span {
	font-style: normal;
	font-size: 1.5rem;
	position: absolute;
	left: 4.063rem;
	top: 50%;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}

.openbox .button h3 {
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 0;
}

.openbox-content {
	margin-bottom: 2rem;
}

.openbox-content .addText {
	margin-top: 1rem;
}

.openbox .flex-video {
	margin-bottom: 0;
}
/* openbox .content .fi-page-pdf - ??? */
.openbox .content .fi-page-pdf {
	margin-right: .313rem;
}
/* Open Box end ---------------------------------------------------------------------------------------------------- */

/* Miscellaneous begin --------------------------------------------------------------------------------------------- */
#bookong1 {

}
#booking2 .logo {
	max-width: 18.75rem;
}

.responsive-embed.booking-tool {
	margin-top: 1.875rem;
}

.booking-calendar-header {

}

.booking-calendar-email-header {
    font-size: 1.313rem;
}

.responsive-embed.booking-calendar-frame {
    padding-bottom: 100%;
}

.responsive-embed.booking-calendar-email {
    padding-bottom: 100%;
}

.responsive-embed.booking-calendar-others-email {
    padding-bottom: 100%;
}

@media screen and (min-width: 23.75em) {
    .responsive-embed.booking-calendar-email {
        padding-bottom: 65%;
    }
    .responsive-embed.booking-calendar-others-email {
        padding-bottom: 65%;
    }
}

@media screen and (min-width: 40em) {
	.responsive-embed.booking-calendar-frame {
        /*padding-bottom: 65%;*/
        padding-bottom: 56%;
    }
    .responsive-embed.booking-calendar-email {
        padding-bottom: 40%;
    }
    .responsive-embed.booking-calendar-others-email {
        padding-bottom: 50%;
    }
}

.wcom-default {
	height: 250px;
	margin: 0 auto;
}
/* Miscellaneous end --------------------------------------------------------------------------------------------- */

/* Singleview end ---------------------------------------------------------------------------------------------------------------------- */

/* Content end --------------------------------------------------------------------------------------------------------------------------------------------- */


/* Footer begin -------------------------------------------------------------------------------------------------------------------------------------------- */
footer {
	background: #21835a;
	font-size: 1.1875rem;
	color: #fff;
	padding: 1.875rem 1rem;
}

@media screen and (min-width: 64em) {
	footer {
		padding: 4rem 4rem 1.8125rem;
	}
}

footer ul {
	list-style: none;
}

footer ul li {
	margin-bottom: 2.1875rem;
}

footer ul li a, footer ul li a:hover {
	color: #fff;
}
/* Footer end ---------------------------------------------------------------------------------------------------------------------------------------------- */


/* Arrow Classes begin ------------------------------------------------------------------------------------------------------------------------------------- */
.arrow-white-down {
	position: relative;
	padding-right: 2.1875rem;
}

.arrow-white-left:before,.arrow-white:after,.arrow-white-down:after {
	content: "";
    width: .75rem;
	height: .75rem;
	position: absolute;
    top: 37%;
}

.arrow-white:after {
	right: .75rem;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}

.arrow-white-left:before {
	left: .75rem;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(-135deg);
}

.arrow-white-down:after {
	right: .75rem;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(135deg);
	top: 33%;
}

.arrow-orange:after {
    content: "";
	position: absolute;
    top: 35%;
	right: .75rem;
	width: .75rem;
	height: .75rem;
    border: solid #ff4900;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}
/* Arrow Classes end --------------------------------------------------------------------------------------------------------------------------------------- */


/* Fancybox begin ------------------------------------------------------------------------------------------------------------------------------------------ */
.fancybox-slide--iframe .fancybox-content {
	width: 80%;
	height: 80%;
	max-width: calc(100% - 50px);
	max-height: calc(100% - 88px);
	margin: 0;
	border-radius: 3px;
}

@media screen and (min-width: 70em) {
	.fancybox-slide--iframe .fancybox-content {
		width: 80%;
		height: 80%;
		max-width: 75rem;
		max-height: calc(100% - 88px);
		margin: 0;
		border-radius: 3px;
	}
}

.fancybox-iframe {
	border: 15px solid transparent;
	border-radius: 3px;
}
/* Fancybox end -------------------------------------------------------------------------------------------------------------------------------------------- */


/* Powermail begin ----------------------------------------------------------------------------------------------------------------------------------------- */
.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
	display: block;
	list-style: none;
}

.tx-powermail .fi-asterisk {
	color: #ff4900;
	padding-left: .3125rem;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
	display: none;
	margin: 0.313rem 0 1.25rem;
	padding: 0;
	list-style-type: none;
	background-color: #ff4900;
	border: 1px solid transparent;
	border-radius: 3px;
	width: 100%;
	float: right;
	clear: left;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
	color: #fefefe;
	padding: 0.313rem 0.625rem;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_textkinder {
		margin-top: -5px;
		margin-bottom: 5px;
}

/* .lodgeregistration .text ??? */
/*
.lodgeregistration .text {
	padding: 0;
	margin-bottom: .5rem
}
*/
/* Powermail end ------------------------------------------------------------------------------------------------------------------------------------------- */


/* Scroll to Top begin ------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 40em) {
    .scroll-to-top {
        display: none;
        width: 65px;
        height: 65px;
        background-color: #21835a;
        font-size: 3.5rem;
        color: #fefefe;
        border: 1px solid #fefefe;
        border-radius: 5px;
        cursor: pointer;
        position: fixed;
        right: 40px;
        bottom: 40px;
        z-index: 1000;
        /*align-items: center;*/
        justify-content: center;
        transition: color .25s ease-out;
    }
    .scroll-to-top[style*="block"] {
        display: flex !important;
    }
    .scroll-to-top:hover {
        background-color: #186042;
    }
}

@media screen and (max-width: 39.9375em) {
    .scroll-to-top {
        display:none !important;
    }
}
/* Scroll to Top end --------------------------------------------------------------------------------------------------------------------------------------- */


/* Cart Modal begin ---------------------------------------------------------------------------------------------------------------------------------------- */
.cart-modal {

}

@media screen and (min-width: 40em) {
    .cart-modal.reveal {
        width: 85%;
    }
}

@media screen and (min-width: 64em) {
    .cart-modal.reveal {
        width: 75%;
    }
}

/* 1280px */
@media screen and (min-width: 80em) {
	.cart-modal.reveal {
        width: 65%;
    }
}

/* 1440px */
@media screen and (min-width: 90em) {
    .cart-modal.reveal {
        width: 60%;
    }
}

/* 1680px */
@media screen and (min-width: 105em) {
    .cart-modal.reveal {
        width: 55%;
    }
}

.show-cart-header {
    font-size: 1.125rem;
    padding-bottom: .3125rem;
}

.cart-modal-item {
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}

.cart-modal-name {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-hyphens: auto;
        -moz-hyphens: auto;
            -ms-hyphens: auto;
    hyphens: auto;
}

.cart-modal-price {
    font-size: 18px;
}

.cart-modal-link .link {
    position: relative;
	color: #fff;
    font-size: 1rem;
    padding-right: 1.25em;
    margin-bottom: 0;
    float: right;
}

@media screen and (min-width: 40em) {
    .cart-modal-link {
        position: absolute;
        right: 0;
        bottom: 10px;
    }
}

@media screen and (min-width: 45em) {
    .cart-modal-link {
        bottom: 15px;

    }
}

@media screen and (min-width: 64em) {
    .cart-modal-price {
        width: 27%;
        padding-right: 30px;
        text-align: right;
    }
    .cart-modal-name {
        width: 48%;
    }
}

/* 1280px */
@media screen and (min-width: 80em) {
	.cart-modal-price {
        width: 25%;
    }
    .cart-modal-name {
        width: 50%;
    }
}

.cart-modal-link .link.arrow-white:after {
	content: "";
    width: .45rem;
	height: .45rem;
	position: absolute;
    top: 42%;
    right: .5rem;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}

.cart-modal-footer {
    border-top: 1px solid #f1f1f1;
    margin-top: 1.5625rem;
    padding-top: 1.25rem;
}

.cart-modal-footer .button-group {
    text-align: right;
    justify-content: flex-end;
}

.cart-modal-footer .button-group .button {
    font-size: 1rem;
}

.cart-modal .close-button {
    top: -3px;
    right: .5rem;
}
/* Cart Modal end ------------------------------------------------------------------------------------------------------------------------------------------ */

.overflow-hide {
    overflow: hidden;
    height: 100%;
}