/*
Theme Name: Wagenrad und Wiesenhexe
Description: Child theme for Avada theme
Author: artislab.de
Author URI: https://artislab.de
Template: Avada
Version: 1.0.0
Text Domain:  Pension
*/


html {
	font-size: 1.125rem !important;
}

body{
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.fusion-sticky-container.fusion-sticky-transition{
    backdrop-filter: blur(10px)!important;
    -webkit-backdrop-filter: blur(10px)!important;
    transition: background .3s, border .3s, backdrop-filter .3s, border-radius .3s, box-shadow .3s, min-height .1s ease-in-out;
}
ul.fusion-checklist{
	font-size: 1rem!important;
}

/*FORM*/

.formrow p{
	margin-bottom:0px!important;
}
.formrow{
	display:flex;
}
.formrow .formleft{
	width:50%;
	padding-right:30px;
	display: flex;
	flex-direction: column;
}
.formrow .formright{
	width:50%;
	padding-left: 30px;
}
.formrow input,.formrow select{
	margin-bottom:20px!important;
}
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text {
	border-radius: 10px!important;	
	color:var(--awb-color6)!important;
}
.wpcf7-not-valid-tip{
	display:none!important;
}
.anschrift p {
	display:flex;
}
.anschrift .wpcf7-form-control-wrap{
	width: calc(100% - 120px);
}
.anschrift .wpcf7-form-control-wrap:first-child{
	width:100px;
	margin-right:20px;
}
#wrapper .select-arrow{
    font-size: calc((var(--form_text_size)) * 1.15)!important;
	background: none!important;
	color:var(--awb-color6)!important;
	border-left: none;
}
.wpcf7-not-valid{
	background: #ffbfbf!important;
}
.wpcf7-checkbox.wpcf7-not-valid{
	background:none!important;
}
.wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-itemx{
	color:#ffbfbf!important;
}

.abholung{
    display:flex;
    padding-bottom: 20px;
	position:relative;
}
.abholung .sub1{
    color: var(--awb-color8);
    width: 120px;
    align-self: center;
    justify-content: left;
}
.abholung.border{
    border-bottom: 1px solid var(--awb-color5) !important;
    margin-bottom: 20px;
}
.abholung .sub2{
    color:#fff;
    width:200px;
    padding-right: 20px;
}
.abholung #datetimepicker2,.abholung #datetimepicker1{
    color:#fff;
    width:calc(100% - 120px);
}
.abholung #datetimepicker2 input,.abholung #datetimepicker1 input{
    cursor: pointer!important;
}
.abholung #datetimepicker2 span.fa-solid,.abholung #datetimepicker1 span.fa-solid{
    font-family: "Font Awesome 5 Free";
    font-style: normal !important;
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 20px;
}
.abholung #datetimepicker2 span.fa-solid:before,.abholung #datetimepicker1 span.fa-solid:before {
    content: "\f073"!important;
    color:var(--awb-color5);
}
.abholung .input-group.log-event{
    position: relative;
    max-height: 50px;
}
.wpcf7-list-item{
	position:relative;
	margin-left: 0px;
	padding-left: 40px;
	color: var(--awb-color8);
    font-size: 14px;
    line-height: 1.4;
	padding-top: 0px;
    text-align: left;
    clear: both;
    margin-bottom: 20px;
}
.wpcf7-list-item input{
	position:absolute;
	top:1px;
	left: 0px;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{
	background-color: #cc0000!important;
    border: 1px solid #cc0000!important;
    color: #fff!important;
	border-radius: 10px;
	overflow: hidden;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    background-color: #12b878!important;
    border: 1px solid #12b878!important;
    color: #fff!important;
    border-radius: 10px;
    overflow: hidden;
}
.cap{
	padding-top:0px;
	margin-top: auto;
    min-height: 50px;
	
}
.wpcf7-text[name="text-km"]{
	margin-top:20px;
}
.cap img.wpcf7-captchac {
    float: left!important;
    width: 130px!important;
    height: 50px!important;
	border-radius: 10px;
	margin-right: 20px;
}
.cap .wpcf7-form-control-wrap{
	float:left;
	width: calc(100% - 150px);
}
.cap input{
	border:none!important;
	font-size:18px!important;
}
.formbottom{
	text-align: center;
	position: relative;
	padding-top: 0px;
	display:flex;
}
.formbottom p{
	margin-bottom: 0px!important;
}
.formbottom .formleft{
	width: 50%;
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.4;
	color:#fff;
	text-align: left;
}
.formbottom .formright{
	width: 50%;
	padding-left: 30px;
}
.formbottom2{
	text-align: center;
}
.formbottom2 input{
	text-align: center;
	background: #000!important;
	padding-left: 50px!important;
	padding-right: 50px!important;
	border-radius: 10px!important;
}
.formbottom2 input:hover{
	background: rgba(0,0,0,0.6)!important;
}
.formbottom .wpcf7-form-control-wrap{
    display:block;
}
.wpcf7-spinner {
    background-color: rgba(255,255,255,0.3)!important;
    position: absolute!important;
    bottom: 31px!important;
    margin-left: -35px!important;
}
.wpcf7-form textarea {
    height: 190px!important;
}
.fusion-builder-placeholder, .fusion-builder-placeholder:active, .fusion-builder-placeholder:hover, .fusion-builder-placeholder:visited {
    background: none!important;
    color: var(--awb-color6)!important;
    text-align: center;
    font-size: 20px;
}
.wpcf7-form .info{
    font-family: var(--awb-custom_typography_5-font-family)!important;
    font-size: var(--awb-custom_typography_5-font-size)!important;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
    border-top:1px solid var(--awb-color5)!important;
    color:var(--awb-color6)!important;
	position: relative;
}
.wpcf7-form .info .reset {
    position: absolute;
    right: 0;
    font-size: 0.9rem;
    background: var(--awb-color6);
    border-radius: 8px;
    padding: 2px 14px 2px 28px;
    color: #fff;
    top: 14px;
	display: none;
}
.wpcf7-form .info .reset:hover {
    background: var(--awb-color7);
}
.wpcf7-form .info .reset.visible {
	display: block;
}
.wpcf7-form .info .reset::before {
	content:"";
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23ffffff"><path d="M480-437.85 277.08-234.92q-8.31 8.3-20.89 8.5-12.57.19-21.27-8.5-8.69-8.7-8.69-21.08 0-12.38 8.69-21.08L437.85-480 234.92-682.92q-8.3-8.31-8.5-20.89-.19-12.57 8.5-21.27 8.7-8.69 21.08-8.69 12.38 0 21.08 8.69L480-522.15l202.92-202.93q8.31-8.3 20.89-8.5 12.57-.19 21.27 8.5 8.69 8.7 8.69 21.08 0 12.38-8.69 21.08L522.15-480l202.93 202.92q8.3 8.31 8.5 20.89.19 12.57-8.5 21.27-8.7 8.69-21.08 8.69-12.38 0-21.08-8.69L480-437.85Z"/></svg>');
	width: 20px;
	height: 20px;
	position: absolute;
    left: 6px;
    top: 6px;
}
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text,.wpcf7-form .wpcf7-textarea {
    border-color: #a8ad58!important;
}
.formleft.dark{
    color:var(--awb-color8)!important;
    padding-top: 15px;
}
.wpcf7 input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #fff;
    width: 24px;
    height: 24px;
    border: 1px solid #a8ad58 !important;
    border-radius: 6px;
    display: grid;
    place-content: center;
    cursor: pointer;
    position: absolute;
    left: 0px;
}
.wpcf7 input[type="checkbox"]::before {
    content: "";
    width: 17px;
    height: 15px;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: center center;
    transition: 120ms transform ease-in-out;
    background-color: var(--awb-color1) !important;
}
.wpcf7 input[type="checkbox"]:checked {
    background: var(--awb-color6) !important; 
	border: 1px solid var(--awb-color6) !important;
}
.wpcf7 .wpcf7-checkbox.wpcf7-not-valid input[type="checkbox"]{
	background: #ffbfbf !important; 
}
.wpcf7 input[type="checkbox"]:checked::before {
    transform: scale(0.8);
}
.wpcf7-list-item-label a{
	text-decoration: underline;
}
.wpcf7-list-item-label a:hover{
	text-decoration: none;
	color:var(--awb-color8)!important;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,.wpcf7 .wpcf7-form.sent .wpcf7-response-output{
	border-radius: 10px!important;
}
.wpcf7 .fa-calendar{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23768e20"><path d="M212.31-100Q182-100 161-121q-21-21-21-51.31v-535.38Q140-738 161-759q21-21 51.31-21h55.38v-84.61h61.54V-780h303.08v-84.61h60V-780h55.38Q778-780 799-759q21 21 21 51.31v535.38Q820-142 799-121q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-375.38H200v375.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM200-607.69h560v-100q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v100Zm0 0V-720v112.31Zm280 210.77q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35Zm-185.04-10.35q-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35t-25.04-10.35ZM640-396.92q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35ZM480-240q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q494.69-240 480-240Zm-185.04-10.35q-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q334.69-240 320-240t-25.04-10.35ZM640-240q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q654.69-240 640-240Z"/></svg>');
	
	cursor:pointer;
	width: 30px;
    height: 30px;
    display: block;
    position: absolute!important;
    top: 9px!important;
    right: 10px!important;
}
.wpcf7 .fa-calendar::before{
	display:none!important;
}
element.style {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.footer p{
    margin-top: 0!important;
}
.ilightbox-toolbar.metro-white a:hover {
    background-color: var(--awb-color5)!important;
}

.awb-imageframe-caption-title{
	width: auto;
    background: rgba(118,142,32,0.7)!important;
    display: inline-block;
    padding: 6px 10px!important;
	border-radius: 8px;
}

@media screen and (max-width: 1700px) {
    :root{
        --awb-typography1-font-size:3.2rem!important;
        --awb-typography2-font-size:1.75rem!important;
        --awb-custom_typography_1-font-size:2rem!important;
        --awb-custom_typography_2-font-size:1.5rem!important;
        --awb-custom_typography_4-font-size:1rem!important;
        --awb-custom_typography_8-font-size:1.125rem!important;
    }
    .hero-content > .fusion-column-wrapper{
        --awb-padding-top:140px!important;
        --awb-padding-bottom:140px!important;
    }
    
}
@media screen and (max-width: 1400px) {
    :root{
        --awb-typography1-font-size:2.8rem!important;
        --awb-typography2-font-size:1.5rem!important;
        --awb-typography3-font-size::1.125rem!important;
        --awb-custom_typography_3-font-size:1.125rem!important;
        
    }
    .hero-content > .fusion-column-wrapper{
        --awb-padding-right:calc((100vw - 800px) / 2)!important;
        --awb-padding-left:calc((100vw - 800px) / 2)!important;
        --awb-padding-top:120px!important;
        --awb-padding-bottom:140px!important;
    }
    .hero_spacer{
        --awb-min-height: 20px!important;
    }
    .header_main{
        --awb-position-top:20px!important;
        --awb-padding-top:5px!important;
        --awb-padding-bottom:5px!important;
    }
    .logo .fusion-imageframe{
        max-width: 160px;
    }
    .fusion-sticky-container.fusion-sticky-transition .logo .fusion-imageframe {
        max-width: 160px;
    }
    
}

@media screen and (max-width: 1024px) {
	.header_main{
		background-color: var(--awb-sticky-background-color)!important;
    }
    body .fusion-sticky-container.fusion-sticky-scroll-transition.fusion-scrolling-down.header_main{
		opacity: 1!important;
		transform: translateY(0)!important;
		pointer-events: auto!important;
	}	
	.fusion-sticky-container.fusion-sticky-transition {
		background-color: var(--awb-sticky-background-color);
		transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, min-height .3s ease-in-out;
		min-height: var(--awb-sticky-height);
	}
	.logo .fusion-imageframe,.fusion-sticky-container.fusion-sticky-transition .logo .fusion-imageframe  {
        max-width: 200px;
    }
	.formrow {
        flex-wrap: wrap;
    }
    .formrow .formleft {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .formrow .formright{
        width: 100%;
        padding-left: 0;
    }
    .formbottom {
        flex-wrap: wrap;
    }
    .formbottom .formleft {
        width: 100%;
        order:1;
        padding-right: 0!important;
        padding-top: 0!important;
    }
    .formbottom .formright {
       width: 100%;
        order:0;
        padding-left: 0!important;
    }
    #menu-hauptmenue li a{
        padding-left: 55px!important;
    }
    .awb-imageframe-style-schantel .awb-imageframe-caption-container {
		padding: 1em!important;
	}
}

@media screen and (max-width: 640px) {
    :root{
        --awb-typography1-font-size:2rem!important;
        --awb-typography2-font-size:1.25rem!important;
        --awb-typography3-font-size::1.125rem!important;
        --awb-custom_typography_3-font-size:1.125rem!important;
        --awb-custom_typography_1-font-size:1.75rem!important;
        --awb-custom_typography_8-font-size:1rem!important;
    }
    .logo .fusion-imageframe{
        max-width: 140px;
    }
    .fusion-sticky-container.fusion-sticky-transition .logo .fusion-imageframe {
        max-width: 140px;
    }
    #menu-hauptmenue{
        --awb-mobile-nav-trigger-bottom-margin:0!important;
    }
    #menu-hauptmenue li a{
        padding-left: 25px!important;
    }
    .wpcf7-form .info.first{
        border-top:none!important;
    }
	.awb-imageframe-style-schantel .awb-imageframe-caption-container {
		padding: 5px!important;
	}
	.awb-imageframe-caption-container .awb-imageframe-caption-title {
		font-size: 0.8rem!important;
	}
	.awb-imageframe-caption-title {
		background: rgba(118, 142, 32, 0.8) !important;
		padding: 4px 6px !important;
	}
}