/**
* Remove frame
**/
@media (min-width: 1600px) {
    body {
        padding-top: 0px; 
    }
}

body {
background: #3a3b40;
}


.bg-primary {
    background-color: #ffffff !important;
}

@media (min-width: 992px) {
	.navbar .dropdown-menu {
		background: #ffffff;
	}
}
a {
	color: #7896af;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(128, 128, 128, 1) !important;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(128, 128, 128, 0.75) !important;
}

.navbar .dropdown-item, .navbar .dropdown-item .custom-langselect .custom-langcheckmark:after, .navbar .dropdown-item a, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	color: #a7a493 !important;
}

.navbar .dropdown-item .custom-langselect .custom-langcheckmark, .navbar .dropdown-item a {
		border-color: #a7a493 !important;
}

.navbar .dropdown-item .custom-langselect .custom-langcheckmark:after {
	color: #a7a493 !important;
}

.text-primary, .weather-icon svg .st0, .weather-icon svg * {
	color: #7896af !important;
	fill: #7896af !important;
}

.nav-pills .nav-link {
	color: #4c4c4c !important;
}

.nav-pills .nav-link.active {
	background-color: #a7a493 !important;
	color: #fff !important;
}

.nav-pills-accmobile .nav-item .active {
	color: #7896af !important;
    background-color: transparent !important;
}

.nav-pills-accmobile .nav-item .active, .nav-pills-mobile .nav-item .active {
	color: #a7a493 !important;
	background-color: transparent !important;
}

.btn {
	border-radius: 0px !important;
}

.btn-primary {
	background: linear-gradient(to bottom, #a7a493 0, #a7a493 100%);
	border-color: #7896af;
}

.btn-primary.disabled, .btn-primary:disabled {
	opacity: .65;
	border-color: #a7a493;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary .active {
	border: 1px solid #7896af !important;
}

.btn-outline-primary {
	color: #7896af;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	background-color: #7896af;
}

.resort-content-cards .tickets-price .card-header .tickets-arrow-active, .resort-content-cards .tickets-price .card-header:hover .tickets-arrow {
	border: 2px solid #424242;
}

.resort-content-cards .tickets-price .card-header h3, .resort-content-cards .tickets-price .card-header .tickets-arrow-active i {
	color: #424242 !important;
}

.resort-content-cards .tickets-price .card-body .ticket-price-each .tickets-increaser i:hover, .resort-content-cards .tickets-price .card-header:hover .tickets-arrow i {
	color: #424242;
}

.resort-content-cards .pricetrend-controls .swiper-button:active {
    background: #a7a493;
}

/**
* Checkout app
**/

#checkout .bs-stepper .active .bs-stepper-label {
	color: #7896af;
}

#checkout .bs-stepper .active .bs-stepper-circle {
	background-color: #7896af;
}

#checkout .form-check .custom-checkboxlogin .custom-checkmark:after {
	color: #7896af;
}

#voucher-content > a, #checkout-stepper > ng-component > div > div:nth-child(2) > div.col-12.col-lg-7.px-0.mb-5.mb-lg-0 > div.d-flex.justify-content-between.px-0.mb-3.mt-1 > a:nth-child(1) {
	display:none;
}

/**
* Remove header navigation
**/
@media (min-width: 992px){
	#navbarNavAltMarkup > div > a:nth-child(1),#navbarNavAltMarkup > div > a:nth-child(2) {
		display:none!important;
	}
	#js-venue-ticket-page > div.container-fluid.px-0.body-inside > nav > div.d-flex.flex-row.navbar-nav.order-2.order-lg-3 > a.nav-item.nav-item-search.nav-link.mt-1 {
		display:none!important;
	}
}

@media (max-width: 991px){
	body > div > nav > div.d-flex.flex-row.navbar-nav.order-2.order-lg-3 > a.nav-item.nav-item-search.nav-link.mt-1, #navbarNavAltMarkup > div > a:nth-child(-n+2) {
		display:none;
	}
}

/**
* Remove footer links
**/

div.col-md-7.footer-main-links > ul > li:nth-child(1), div.col-md-7.footer-main-links > ul > li:nth-child(3), div.col-md-7.footer-main-links > ul > li:nth-child(5), div.col-md-7.footer-main-links > ul > li:nth-child(7), div.col-md-7.footer-main-links > ul > li:nth-child(11) {
	display:none;
}

/**
* Remove newsletter + skicard registration boxes
**/

footer > div.container-fluid.space-sides.mb-75 {
	display:none;
}

/* "Zurück zum Skigebiet" im Checkout entfernen */
#checkout-stepper > ng-component > app-theme-default-cart > div > div:nth-child(2) > div.col-12.col-lg-7.px-0.mb-5.mb-lg-0 > div.card.border-light.mb-4 > div.px-0.mb-3.mt-1 > a {
	display: none;
}

/**
* Price graph
**/

.resort-content-cards .pricetrend-graph {
	border-radius: 10px;
	background-color: #ccc;
}

.resort-content-cards .pricetrend-graph-value {
	background-color: transparent !important;
	background-image: linear-gradient(to top, rgba(167,164,147,0.8), rgba(167,164,147,1));
	border-radius: 10px;
}

.resort-content-cards .pricetrend-active .pricetrend-price {
	color: #424242;
}

.resort-content-cards .pricetrend-controls .swiper-button {
	background: #a7a493;
}

.resort-content-cards .pricetrend-discount .pricetrend-price {
    color: #7896af;
}

/**
* Footer
**/

footer {
	background: linear-gradient(to top, white calc(100%), transparent 0%) !important;
	padding-top: 3rem !important;
}

/**
* Remove alert box on login page
**/

.login-section .alert-login {
    display: none;
}

/**
* Remove app elements on confirmation page
**/
#checkout-stepper-3 > div.d-flex.flex-column.align-items-center.mb-4.app-int-skrij > p, #checkout-stepper-3 > div.d-flex.flex-column.align-items-center.mb-4.app-int-skrij > div.d-flex.flex-column.flex-md-row.justify-content-center.align-items-center.mb-3 {
	display: none !important;
}

/**
* Adapt licence plate input hint
**/
#dynamic-modal > div > div > ng-component > div.modal-body > form > div.row.mb-5 > div:nth-child(4) > small.form-text.text-small {
	visibility: hidden;
}

#dynamic-modal > div > div > ng-component > div.modal-body > form > div.row.mb-5 > div:nth-child(4) > small.form-text.text-small:before {
	visibility: visible;
}

:lang(de) #dynamic-modal > div > div > ng-component > div.modal-body > form > div.row.mb-5 > div:nth-child(4) > small.form-text.text-small:before {
	content: "Bitte geben Sie Ihr(e) Kontrollschild(er) ein.";
}

:lang(en) #dynamic-modal > div > div > ng-component > div.modal-body > form > div.row.mb-5 > div:nth-child(4) > small.form-text.text-small:before {
	content: "Please enter your licence plate(s).";
}

:lang(fr) #dynamic-modal > div > div > ng-component > div.modal-body > form > div.row.mb-5 > div:nth-child(4) > small.form-text.text-small:before {
	content: "Veuillez saisir votre/vos plaque(s) d\0027immatriculation.";
}

:lang(it) #dynamic-modal > div > div > ng-component > div.modal-body > form > div.row.mb-5 > div:nth-child(4) > small.form-text.text-small:before {
	content: "Inserire il numero di targa.";
}

/**
* Remove Order Summary on Cart Page
**/
@media (min-width: 992px) {
#checkout-stepper-1 app-theme-default-order-summary > div.card-transparent {
visibility: hidden;
}
}
 
@media (max-width: 991px) {
#checkout-stepper-1 app-theme-default-order-summary > div.card-transparent {
display: none;
}
}

/**
* Remove Smartphone upload from personalization modal
**/

#dynamic-modal > div > div > ng-component > div.modal-body > form > div.d-flex.justify-content-between.mt-3, #dynamic-modal > div > div > ng-component > div.modal-body > form > small.d-block.mt-2 {
	display: none !important;
}


/**
* Sommer/Winter Switcher
**/
.active-sales-channel-switch-button:hover span {
	color: #ffffff !important;
}

.active-sales-channel-switch-button:hover img {
	filter: brightness(0) invert(1) !important;
}

.active-sales-channel-switch-button, .active-sales-channel-switch-button:hover {
	background-color: #a7a493 !important;
	border-color: #a7a493 !important;
}