
html {
	background-color:  #000000;
}

body {
	background-image:  url('../img/bg.jpg');
	background-position: 0 140px;
	background-size:  90% auto;
	background-repeat:  no-repeat;
}

@font-face {
  font-family: 'Affirmavetica';
  font-style: italic;
  font-weight: 800;
  src: url('../font/Affirmavetica7.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/Affirmavetica7.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Affirmavetica7.woff') format('woff'), /* Modern Browsers */
       url('../font/Affirmavetica7.otf') format('otf')
}


/*
GENERAL
*/

.btn-primary, 
.address-editor-select:not(.collapsed), 
.address-editor-edit:not(.collapsed), 
.address-editor-create:not(.collapsed) {
	color:  #000000 !important;
}



h1 {
	font-family: Affirmavetica, Helvetica, Arial;
	text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight:  bold;
}

.icon {
	color: #FFFFFF !important;
}

.icon.icon-arrow-up svg {
	color:  #000000;
}

.modal-dialog,
.modal-dialog h1,
.modal-dialog h2,
.modal-dialog h3,
.modal-dialog h4 {
	color:  #000000;
}





/*

### HEADER ###

*/


.header-main,
.header-minimal {
	background-image: url('../img/tile.png');
	background-color: #FFF800;
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 56px 20px;
	color:  #000000;
	padding:  1rem 0 calc(1rem + 20px) 0;
}

.header-main a,
.header-minimal a {
	color:  #000000;
}

.header-minimal .btn-outline-primary {
	border:  1px solid #000000;
}



.header-main .header-row {
	align-items: center;
	justify-content:  space-between;
}

.header-cart-total {
	color:  #000000;
}

.header-main .icon > svg {
	color:  #000000;
}


/*

### MENU ###

*/

.dropdown-menu {
	background: #000000;
	border: none;
	color:  #FFF800;
}


.dropdown-menu .dropdown-header {
	border-bottom: 1px solid #FFF800;
	color: #FFF800;
}

.dropdown-menu .account-menu-login {
	border-bottom: 1px solid #FFF800;
}

.dropdown-menu .btn {
	background: #FFF800;
	color:  #000000;
}

.dropdown-menu a.list-group-item,
.dropdown-menu a.list-group-item:hover,
.dropdown-menu a.list-group-item:focus,
.dropdown-menu a.list-group-item:active {
	background: #000000;
	color:  #FFF800;
}

.list-group-item {
	background: #000000;
	color: #F20000;
}



/*

### HIDDEN ELEMENTS ###

*/
 /*
.main-navigation,
.course .list-group-item.waiting-list-spot,
.waiting-list-info,
.waiting-list-header {
	opacity:  0.2;
}*/

.badge,
ol.breadcrumb,
.product-variant-characteristics,
.product-price-unit,
.product-cheapest-price,
/*.main-navigation,*/
.waiting-list-spot-container,
.waiting-list-info,
.waiting-list-header,
.waiting-list-booking .pre-release-info,
.btn-pre-release.hidden,
.cart-item-quantity,
.confirm-product .cart-header-quantity,
.netzp-events-event-additional-fields,
.checkout-product-table .cart-item-remove form,
.product-detail-form-container input.form-check-input,
.nav-main,
.header-main .menu-button,
.cms-block-sidebar-filter,
.search-toggle,
.cms-block-product-heading,
.offcanvas-cart .line-item-quantity {
	display: none;
	opacity: 0.2;
}

/*

### OVERRIDE HIDDEN ELEMENTS ###

*/


body.waiting-list-booking .waiting-list-info,
body.waiting-list-booking .waiting-list-header,
body.pre-release-booking .waiting-list-info,
.checkout-product-table .cart-item-quantity {
	display:  block;
	opacity:  1;
}

.waiting-list-spot-container.waiting-list-only {
	display: block;
	opacity: 1;
}


/*

### COURSES ###

*/

.waiting-list-info {
	margin-top:  1rem;
}

.waiting-list-header h3 {
	color:  red;
}




/*

### PRODUCT LISTING ###

*/

.card.product-box {
	background:  transparent;
	border:  1px solid rgba(255,255,255,0.4);
}





/*

### PRODUCT DETAIL ###

*/


.cms-block .cms-block-container .cms-block-container-row {
	margin:  0 !important;
	padding-top: 25px;
}

.product-detail-main {
	position:  relative;
	justify-content: flex-end;
}

.product-detail {
	margin-top:  2rem;
}


.product-detail .cms-block {
	overflow:  visible;
}



.col.product-detail-name-container {
	padding: 0;
	justify-content:  center;
}

.product-detail .flex-align-center {
	align-items: center;
}


.product-detail .gallery-slider-single-image {
	min-height: unset !important;
	text-align: center;
}

.product-detail .gallery-slider-single-image img {
	display:  block;
	margin:  0 auto !important;
  position: relative !important;

}

.product-detail .gallery-slider-single-image img {
	width: 100%;
}

@media only screen and (min-width: 500px) {
	.product-detail.workshop .gallery-slider-single-image img {
		width: 50%;
	}
}
@media only screen and (min-width: 768px) {
	.product-detail.workshop .gallery-slider-single-image img {
		width: 33%;
	}
}

@media only screen and (min-width: 992px) {
	.product-detail-headline .col-lg-2,
	.product-detail-headline .col-lg-10 {
		padding: 0;
	} 
	.col.product-detail-name-container {
		justify-content:  left;
	}
	.product-detail.course .gallery-slider-single-image,
	.product-detail.workshop .gallery-slider-single-image {
		text-align: left;
	  margin-bottom: 0;
	}

	.product-detail.course .gallery-slider-single-image img,
	.product-detail.workshop .gallery-slider-single-image img {
		width: auto;
	  position: absolute;
	}
}

.product-detail .list-group-item {
	border:  none;
}




@keyframes product-detail-buy {
  from {opacity: 0;}
  to {opacity: 1;}
}

.product-detail.course .product-detail-buy,
.product-detail.workshop .product-detail-buy  {
	opacity: 0;
}

body.loaded .product-detail.course .product-detail-buy,
body.loaded .product-detail.workshop .product-detail-buy {
	animation-name: product-detail-buy;
  	animation-duration: 1s;
	background: #000000;
	border: 1px solid rgba(255,255,255,0.4);
	opacity: 1;
	padding-top: 1rem;
}

.product-detail-configurator-option-input.is-combinable + .product-detail-configurator-option-label,
.product-detail-configurator-option-input.is-combinable + .product-detail-configurator-option-label:hover {
	background:  #000000;
    border: 1px solid rgba(255,255,255,0.4);
}

.product-detail-configurator-option-input:checked + .product-detail-configurator-option-label.is-display-text {
	background: #000000;
    border: 1px solid #FFF800;
    color: #FFF800;
}


.early-bird-info {
	background: #FFF800;
	color: #000000;
	margin-right:  20px;
	padding:  1rem;
	transform: rotate(5deg);
	z-index:  10;
}

.pre-release-info {
	background: #CC0000;
	color:  #FFFFFF;
	margin: 1rem 0 1rem;
	padding: 1rem;
}

.pre-release-info .info-text-general {
	margin-bottom: 1rem;
}

.pre-release-info .info-text-booking {
	font-weight:  bold;
}

.pre-release-info .btn-block + .btn-block {
	margin-top:  1rem;
}

.btn-pre-release,
.btn-pre-release:hover {
	color:  #FFFFFF !important;
	background:  transparent;
	border:  1px solid #FFFFFF;
	cursor: pointer;
	margin-top:  1rem;
}

/* event box */

.product-detail-form-container .list-group {
	max-height: unset !important;
	overflow-y: unset !important;
}

.list-group-item-light {
    color: #FFFFFF;
    background-color: transparent;
}

.list-group-item-light .form-check-label,
.list-group-item-light .icon {
	color: #FFFFFF !important;
}

.product-detail-quantity-select {
	background:  transparent;
	border:  1px solid rgba(255,255,255,0.4);
	color:  #FFFFFF;
}

.tax-info-tickets {
	color:  #FFF800;
	margin-bottom: 1rem;
}

.btn-buy.buy-button-disabled,
.btn-buy.buy-button-disabled:hover,
.btn-buy.buy-button-disabled:focus,
.btn-buy.buy-button-disabled:active,
.btn-buy:disabled {
	background-color: #AAAAAA !important;
	border:  none;
	color: #666666 !important;
	cursor: pointer;
	margin-bottom:  1rem;
}

.buy-button-disabled-info {
	color:  red;
}

.product-detail-form-container .list-group-item,
.product-detail-form-container .list-group-item .form-check {
	padding-left:  0;
}


@media only screen and (min-width: 992px) {
  .product-detail.course .product-detail-main,
  .product-detail.workshop .product-detail-main {
		flex-direction: row-reverse;
		justify-content: unset;
	}
.early-bird-info {
		position:  absolute;
		top: 15px;
    width: auto;
    right: 0;
	}
}








/*

### CART / OFFCANVAS CART ###

*/


.alert {
	background: transparent;
	border:  1px solid #5599FF;
}
.alert .icon {
	color: #5599FF !important;
}
.alert .alert-content-container {
	background:  transparent;
}
.alert .alert-content {
	color: #5599FF;
}

.cart-offcanvas {
	background: #04101B;
}

.cart-offcanvas .btn.offcanvas-close {
	background: #FFF800;
	border: none;
	color:  #000000;
}

.cart-offcanvas .btn.offcanvas-close svg {
	color:  #000000;
}

.cart-item-remove-button,
.cart-item-remove-button:hover,
.cart-item-remove-button:focus {
	background: transparent;
	border:  1px solid #FFF800;
}
.cart-item-remove-button svg,
.cart-item-remove-button:hover svg,
.cart-item-remove-button:focus svg {
	color: #FFF800;
}

.form-control {
	background:  transparent;
	color:  #FFFFFF;
}
.form-control:focus {
	color: #FFFFFF;
}

.cart-item-img {
	border:  none;
}

.cart-offcanvas .custom-select {
	background:  transparent;
	border: 1px solid rgba(255,255,255,0.4);
}

.cart-offcanvas .cart-item-price {
	margin-left: 0;
}

.js-offcanvas-cart-promotion {}

.cart-offcanvas .offcanvas-cart-promotion-button {
	border: 1px solid #FFFF00;
}
.cart-offcanvas .offcanvas-cart-promotion-button svg {
	color: #FFFF00;
}

.js-offcanvas-cart-promotion .form-control {
	border: 1px solid #FFFF00;
}

.js-offcanvas-cart-promotion .form-control:focus {
	border: none;
	color:  #000000;
}




/*

### OFFCANVAS ACCOUNT ###

*/

.offcanvas,
.offcanvas .header-account-menu {
	background: #04101B;
}

.offcanvas .btn.offcanvas-close {
	background: #FFF800;
	border: none;
	color:  #000000;
}


.offcanvas .btn.offcanvas-close svg {
	color:  #000000;
}

.offcanvas .header-account-menu a.list-group-item,
.offcanvas .header-account-menu a.list-group-item:hover,
.offcanvas .header-account-menu a.list-group-item:focus,
.offcanvas .header-account-menu a.list-group-item:active {
	background: #04101B;
	color:  #FFF800;
}

.offcanvas .account-menu-header,
.offcanvas .account-menu-login {
	color: #FFF800;
	border-bottom: 1px solid #FFF800;
}


/*

### CHECKOUT ###

*/

.checkout-aside-summary {
	background: transparent;
	color: #FFFFFF;
}

.payment-method.hidden {
	display:  none;
}

.custom-select {
	background: #000000 !important;
	color:  #000000;
}

.confirm-product .cart-header-total-price {
	flex: 33.333333333%;
	max-width: 33.333333333%;
}

.checkout-product-table .cart-header-quantity {
	text-align: right;
}

@media (min-width: 768px) {
  .line-item-total-price {
      width: 33.333333%;
  }
}


/*

### FOOTER ###

*/

.footer-main {
	background-color:  #FFF800;
	background-image: url('../img/tile.png');
	background-color: #FFF800;
	background-position: top;
	background-repeat: repeat-x;
	background-size: 56px 20px;
	border-top:  none;
	color:  #000000;
	padding: 60px 20px 60px 20px;
}

.footer-main .icon {
	color:  #000000 !important;
}

.footer-main .footer-link, 
.footer-main .footer-contact-hotline a,
.footer-main a:hover,
.footer-main a {
	color: #000000;
}

.footer-column-headline {
	color:  #000000;
	cursor: pointer;
}
.footer-column {
    border-bottom: 1px solid #000000;
}

.cookie-permission-container {
	background: #000000;
	border-top:  none;
}


@media only screen and (min-width: 992px) {
	.footer-main {
		padding: 20px;
	}
	.footer-column {
	    border-bottom: none;
	} 
}




/* UI ELEMENTS */

/* pager-elements */



.btn:disabled, .btn-primary:disabled, .btn.disabled, fieldset:disabled .btn {
	background-color:  #AAAAAA !important;
	border:  none !important;
}



.page-link,
.page-link:hover {
	background-color:  transparent;
}
.pagination .page-item.disabled .page-link {
	background-color:  transparent;
}
.page-item.active .page-link {
	color: #000000;
}

/* side menu in account */

.account-aside .list-group-item {
	color: #FFFF20;
}
.account-aside .account-aside-item.is-active {
	background: #FFFF20;
	color: #000000;
}
.account-aside .account-aside-item:hover {
	background-color: #FFFF20;
	color: #000000;
}



/* ACCOUNT - ORDER INFO */

.order-wrapper .col-12.row.order-table-header-order-table-header,
.order-wrapper .col-12.col-sm.order-table-header-order-table-body-cell {
	display:  none;
}
.order-wrapper .col-12.col-sm-2.order-item.order-item-actions.order-table-header-order-table-body-cell {
	display: block;
	padding: 0;
	text-align: left;
}

.order-wrapper .btn-light {
	background: transparent;
	color: #FFFFFF;
}

.order-item-detail .order-item-name {
	color: #FFFFFF;
}

.order-item-detail-footer {
	background-color: transparent;
}




