/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
/* - - - Colors - - - */

:root {
    --ci-dark: #040609 !important;
	--ci-beige: #ffdca4 !important;
	--ci-gold: #ddc68d !important;

}

body #page-content,
footer {
	background-image: url(/wp-content/uploads/2025/11/Hintergrundstruktur.svg) !important;
	background-position:center 49% !important;
	background-size:100% auto !important;
	background-repeat: repeat-y;
}

.l-subheader.at_top {
	background-image: url(/wp-content/uploads/2025/11/Hintergrund-top.webp) !important;
	background-position:center 49% !important;
	background-size:49% auto !important;
}

/* - - - Header - - - */

.header .icon-ornament-header,
.bilder .icon-ornament-header {
	transform: translateX(-50%);
}

/* - - - Tourdaten Tabele - - - */

.tourdaten .items {
    display: flex;
    grid-gap: 24px;
    align-content: center;
    justify-content: space-between;
	border-bottom: 1px solid var(--ci-gold);
    padding: 12px 0;
	font-size: 18px;
}

.tourdaten .items div{
    width:30%;
}

.tourdaten .items div:last-child{
    width:10%;
}

.tickets a,
.tickets.none a:hover {
	color:var(--ci-dark);
	background:var(--ci-beige);
	padding:  3px 12px;
	text-decoration: none;
	border: 2px solid var(--ci-beige);
	border-radius: 24px;
}

.tickets a:hover {
	color:var(--ci-beige);
	background:var(--ci-dark);
	border: 2px solid var(--ci-beige);
}

.tickets.none a {
	filter: blur(4px);
	cursor: not-allowed;
	opacity: 0.4;
}

.tourdaten .items.onelistrow {
	font-size: 24px;
}

/* - - - Top Button - - - */

.us-btn-style_3, .w-toplink {
	padding: 0.5em 0.8em !important;
}


/* - - - Video Container Home - - - */

.w-grid-list .new-video-container .left-content {
	margin-right: 3%;
}

.w-grid-list .new-video-container .right-content {
	margin-left: 3%;
}

.w-grid-list .new-video-container {
	align-items: center;
}

.playbutton img {
	width: 98px;
}


/* - - - Navi - - - */

.w-nav li a:focus,
.w-nav li a:hover {
	box-shadow: 2px 2px 24px rgba(3,5,7, 0.55) !important;
}

.wpmenucart-contents:focus,
.wpmenucart-contents:hover {
	box-shadow: 0 0 0 rgba(3,5,7, 0.0) !important;
}

.w-nav  li ul li a:focus,
.w-nav li ul li a:hover {
	box-shadow: 0 0 0  rgba(3,5,7, 0.55) !important;
}

/* - - - Shop - - - */

.wc-block-components-checkout-place-order-button,
.wc-block-components-order-summary-item {
	color: var(--ci-dark);
}

.woocommerce .button, .woocommerce .actions .button, 
.us-nav-style_2>*, 
.navstyle_2>.owl-nav button, 
.us-btn-style_2,
#buttons-container .paypal-button-container .paypal-button.paypal-button-shape-rect {
		border-radius: 0 !important;	
}

.wc-block-components-checkout-place-order-button {
	background: rgba(255, 220, 164, 0.5);
}
.wc-block-components-checkout-place-order-button:hover {
	background: rgba(255, 220, 164, 0.0);
	color:rgba(255, 220, 164, 0.5);
}



.flexline a {
	display: inline-block;
	border:2px solid var(--ci-gold);
	margin-bottom:24px;
	text-decoration: none;
	font-size: 25px;
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    padding: 1.0em 2.0em;
}


/* - - - Checkout - - - */

.woocommerce-checkout .shop_table {
    background-color: #333 !important;
}

.wc-block-components-product-metadata__description a {
	color: #333;
	display: none;
}

/* - - - Ausblenden - - - */

.product_meta .posted_in,
.desktop-none {
	display: none !important;
}

/* - - - Popup - - - */

.mfp-figure figure {
	background: #040609 !important;
}

/* - - - Main - - - */

main a {
	text-decoration: underline;
}
main a:hover,
main .w-btn,
h3 a {
	text-decoration: none;
}

/* - - - Bilder before - - - */

.play-button, .w-popup-trigger {
	position: relative;
}

.play-button a:before,
.w-popup-trigger:before {
	content:" ";
	background: url(/wp-content/uploads/2025/11/video-play.png) center center no-repeat;
	background-size: 100px auto;
	width:120px;
    height: 120px;
	display: block;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:10;
}

/* - - - Button - - - */
.us-btn-style_1:hover {
	color:var(--ci-beige);
}

/* - - - Formular - - - */

.formstyle .abstand {
    margin-top:12px;
}

.formstyle select {
    -moz-appearance:none !important; /* Firefox */
    -webkit-appearance:none !important;/* Safari and Chrome */
    appearance:none !important;
}

.formstyle  .flex-container select, .formstyle .flex-container input {
    border:2px solid var(--ci-gold);
	height: 58px;
}
.formstyle .flex-container textarea {
   border:2px solid var(--ci-gold);
}

.formstyle select {
    -webkit-appearance: textfield;
}


.formstyle select {
  padding-right: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ddc68d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

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

.formstyle .hr {
	margin: 20px 0;
    font-size: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #e4e4e4;
}

.formstyle .captcha-image {
    width: 100% !important;
	border-color:var(--ci-gold);
	width:100% !important;
	background: #fff !important;
}

.formstyle .cf7ic_instructions, .formstyle svg,
.formstyle .flex-container input::placeholder,
.formstyle .flex-container input,
.formstyle .flex-container textarea,
.formstyle .flex-container select,
.formstyle .flex-container textarea::placeholder,
.formstyle .flex-container input[type="checkbox"],
.formstyle .flex-container .wpcf7-list-item-label,
.formstyle .flex-container .pflichtfelder{
	color:var(--ci-gold); 
}


.formstyle .flex-container input[type="radio"],
.formstyle .flex-container input[type="checkbox"] {
	height:24px;
	width:24px;
}

.formstyle .captcha-image .cf7ic_instructions span {
	color:red !important;
}

.formstyle .flex-container.dual-check-none {
	display:none !important;
}

.formstyle label.no-height,
.form-elements label.no-height {
	font-size: 0 !important;
	height: 0 !important;
	display: flex;
}

.formstyle .flex-container {
    display:flex;
	margin-bottom:12px !important;
}
.formstyle .flex-container div:not(.iti-flag) {
	display: flex;
	width: 100%;
    align-items: center;
}

.formstyle .flex-container div.select-arrow {
	justify-content: center;
}

.formstyle .flex-container div p {
    margin-bottom:0 !important;
	width: 100%;
}

.formstyle .flex-container .width-75 {
    width:75% !important;
    margin-right: 6px;
}

.formstyle .flex-container .width-50 {
    width:50% !important;
    margin-right: 6px;
}

.formstyle .flex-container .width-33 {
    width:33% !important;
    margin-right: 6px;
	position: relative;
}

.formstyle .flex-container .width-25 {
    width:25% !important;
    margin-right: 6px;
}

.formstyle .flex-container .width-25:last-child,
.formstyle .flex-container .width-33:last-child,
.formstyle .flex-container .width-50:last-child {
    margin-right: 0px;
}


.formstyle .flex-container input:focus::placeholder,
.formstyle .flex-container textarea:focus::placeholder {
    color: rgba(0,0,0,0)
}


.formstyle .submit-spinner {
	position:relative;
}

.formstyle .wpcf7-spinner {
    position:absolute;
    right: 100px;
    height: 40px;
    width: 40px;
    top: 3px;
    background-color: #e4e4e4;
}

.formstyle .flex-container .wpcf7-radio label {
	display: flex;
	align-items: center;
}

.formstyle .flex-container .wpcf7-radio input[type="radio" ] {
	margin: 0 6px 0 0;
}

.formstyle .flex-container .wpcf7-form-control-wrap small {
    color:var(--ci-gold);
}

.formstyle .flex-container .wpcf7-submit  {
    border:2px solid var(--ci-gold);
    width:280px !important;
	height: auto;
    text-transform:uppercase !important;
    color:var(--ci-dark);
	background:var(--ci-gold);
	font-family: 'Raleway', sans-serif !important;
}

.formstyle .flex-container .wpcf7-submit:hover {
	border:2px solid var(--ci-gold);
}

.formstyle .wpcf7 form.invalid .wpcf7-response-output,
.formstyle .wpcf7 form.unaccepted .wpcf7-response-output,
.formstyle .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: var(--ci-gold);
}

.formstyle .flex-container.abstand-top {
	padding-top:24px;
}

.formstyle .flex-container input.wpcf7-validates-as-date::-webkit-calendar-picker-indicator {
    filter: invert();
	position: absolute;
	z-index:3;
    right: 0px;
    top: 0%;
	opacity:0;
	font-size: 50px;
	cursor: pointer;
}
.formstyle .flex-container input.wpcf7-validates-as-date {
    position: relative;
    padding-right: 30px; /* Platz für Icon */
}
.formstyle .flex-container input.wpcf7-validates-as-date::after {
    content: '\f073'; /* FontAwesome Kalender-Icon Unicode */
    font-family: 'FontAwesome';
    position: absolute;
	z-index:2;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ci-gold);
    pointer-events: none;
}

.formstyle .flex-container .submit-button,
.formstyle .flex-container .wpcf7 form.invalid .wpcf7-response-output {
	text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red !important;
	text-align: center;
}

/* Das muss ggf. an dein Layout angepasst werden */
.formstyle .flex-container input.wpcf7-date {
    position: relative;
    background: transparent;
}


.formstyle .flex-container .custom-placeholder {
	color: var(--ci-gold);
    left: 20px;
    top: 15px;
    background: #000;
    width: 80% !important;
}

.formstyle .flex-container ::placeholder {
	opacity:1;
}

.formstyle .captcha-image {
    background: transparent !important;
}

/* - - - Newsletter - - - */

.newsletter .sib_signup_box_inside_1 .nl-block  {
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsletter .sib_signup_box_inside_1 .nl-block  div  {
	display:flex;
    flex-direction:column;
    padding:0 10px 10px 0;
	border-radius: 0;
}

.newsletter .sib_signup_box_inside_1 .nl-block  div input {
	border-radius: 0;
	height: 48px !important;
    border: 2px solid var(--ci-gold) !important;
	margin-top:0;
    background: fixed;
    color: var(--ci-gold) !important;
}

.newsletter form#sib_signup_form_1 input[type=text], 
.newsletter form#sib_signup_form_1 input[type=email], 
.newsletter form#sib_signup_form_1 select {
	margin-top:0 !important;
}

.newsletter .sib_signup_box_inside_1 .nl-block  div ::-webkit-input-placeholder {
	color:  var(--ci-gold);
}

.newsletter form#sib_signup_form_1 .sib-default-btn {
    margin: 0 0;
    border: 2px solid var(--ci-beige)  !important;
	background: var(--ci-beige) !important;
    padding: 6px 12px;
    color: var(--ci-dark) !important;
    font-size: 18px;
	height: 54px !important;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border-radius: 0px;
	background: transparent;
}
.newsletter form#sib_signup_form_1 .sib-default-btn:hover {
    border: 2px solid var(--ci-gold) !important;
	background: transparent !important;
    color: var(--ci-gold) !important;
}

.newsletter input:not([type=submit]), textarea, select {
    background: var(--ci-dark) !important;
    border-color: var(--ci-gold) !important;
    border-width: 3px;
}

.newsletter p.sib-OPT_IN-area {
	display: flex;
	margin-bottom: 24px !important;
}

.display-none {
	display: none !important;
}


/* - - - Responsiv - - - */

@media (min-width: 1025px) and (max-width: 1340px) {
	.unterstuetzer .g-cols.cols_6 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 900px) and (max-width: 1024px) {
    .l-subheader.at_middle {
        background-image: url(/wp-content/uploads/2025/11/Hintergrund-top.webp) !important;
    	background-position: center 49% !important;
    	background-size: 49% auto !important;
    }
	.l-subheader {
		border-bottom: 1px solid var(--ci-gold);
		padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
	.w-nav-control {
        color: var(--ci-gold) !important;
    }

}

@media screen and (max-width:1024px) {
	.l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
		/*background:rgba(246,225,177,0.95) !important;*/
	}
	.w-nav .current_page_item,
	.w-nav li a:hover {
		box-shadow: 1px 1px 12px var(--ci-dark);
	}
	
	.wpmenucart-contents {
		padding-left: 14px;
	}
	
	.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
		padding: 0.7rem 0.7rem 0.1rem;
	}
	.desktop-none {
		display: block !important;
	}
	.unterstuetzer .g-cols.cols_6 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.unterstuetzer .g-cols.cols_2 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.unterstuetzer .g-cols.cols_4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width:900px) {
	.l-subheader {
		background:#040609 !important;
		border-bottom:1px solid var(--ci-gold);
	}
	
	.w-nav-control {
		color: var(--ci-gold) !important;
	}
	
	.icon-ornament img, .icon-ornament-header img{
		width:85px !important;
	}
	
	.new-video-container {
		display: flex;			
		flex-direction: column;
	}
	
	.w-grid-list .new-video-container .left-content,
	.w-grid-list .new-video-container .right-content {
		width: 100%;
	}
	.w-grid-list .new-video-container .left-content {
		margin-right: 0;
		order: 2;
	}

	.w-grid-list .new-video-container .right-content {
		margin-left: 0;
		order: 1;
	}
	
	.video-page .w-grid-list .new-video-container .left-content {
		margin-right: 0;
		order: 1;
	}
	.video-page .w-grid-list .new-video-container .right-content {
		margin-left: 0;
		order: 2;
	}
	
	.w-filter.state_mobile .w-filter-list {
		background: var(--ci-dark);
	}
	
	.play-button a:before {
		background-size: 80px auto;
		width:100px;
		height: 100px;
	}
	

}

@media screen and (max-width: 768px) {
	.tourdaten .items {
		flex-direction: column;
		grid-gap: 3px;
		font-size: 18px;
        text-align: center;
	}
	.tourdaten .items div{
		width:100%;
	}
	
	.tickets {
        margin: 12px auto 6px;
	}
	
	.items.onelistrow {
		display: none;
	}
	
	.video-page .w-grid-list {
		gap: 24px !important;
	}
	
	.news-from-shop .w-hwrapper,
	.news-from-shop .w-hwrapper .wp-post-elm {
    	flex-direction: column;
	}
	
	.news-from-shop .w-hwrapper .w-vwrapper {
		width: 100%;
	}
	
	.formstyle .flex-container {
		flex-direction: column;
	}
	
	.formstyle .flex-container .width-25,
	.formstyle .flex-container .width-33,
	.formstyle .flex-container .width-50 {
		width:100% !important;
	}
	
	.newsletter .sib_signup_box_inside_1 .nl-block {
		flex-direction: column;
	}
	.newsletter .sib_signup_box_inside_1 .nl-block  div  {
		width:100%;
	}
}

@media screen and (max-width: 560px) {

	.w-socials-item-link {
		width: 1.5em;
	}
}

@media screen and (max-width: 360px) {

	.w-socials-item-link {
		width: 1.2em;
	}
}