/*!
    Theme Name: PräFit | Heilmassage & Fitness
    Theme URI: http://www.webinatic.at/
    Author: Web!natic - Karlheinz Müller-Guttenbrunn
    Author URI: http://www.webinatic.at
    Description: Web!natic Theme for PräFit
    Version: 1.0.0
    Tags: web!natic-design
*/

* {
    margin: 0;
    padding: 0;
}

/* Navigation Button "Termin buchen" */

.menu-item-881 a {
    padding: 7px !important;
    border: solid 2px #063F63 !important;
}

.menu-item-881 a:hover {
    border: solid 2px #063F63 !important;
    background-color: #063F63;
    color: #ffffff !important;
}

.menu-item-881 .elementor-item:after {
    background-color: transparent !important;
    height: 0px !important;
}

@media screen and (max-width:767px) {
    
.menu-item-881 a {
    margin: 0px 90px;
    border: solid 2px #ffffff !important;
}

.menu-item-881 a:hover {
    border: solid 2px #063F63 !important;
    background-color: #063F63;
    color: var(--e-global-color-primary ) !important;
}    
    
}

/* CTA Button - "Jetzt buchen" */
.leistungenLinkWrapper {
    text-align: center;
    padding-top: 10px;
}

.linie {
    width: 100px;
    height: 2px;
    background-color: var(--e-global-color-primary );
    margin: 5px auto 0 auto;
    transition: 0.2s all ease-out;
}

.leistungenLink {
    color: var(--e-global-color-primary );
    font-family: "Open Sans (lokal)", Sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    transition: 0.2s all ease-out;
}

@media screen and (max-width:1024px) {
	.leistungenLink {	
    font-size: 1.15rem;
	}
}

.leistungenLink2 {
	font-size: 1.625rem;
}

.leistungenLink:hover {
    color: var(--e-global-color-secondary);
}

.leistungenLink:hover + .linie {
	transform: scaleX(1.3);
    background-color: var(--e-global-color-secondary);
}


/* Header Animation */
.header-2 {
 transform: translatey(-120px);
 -moz-transition: all .3s ease!important;
 -webkit-transition: all .3s ease!important;
 transition: all .3s ease!important;
}


.elementor-sticky--effects.header-2  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
 display: none!important;
}

@media screen and (max-width:1024px) {
.header-2 {
 transform: translatey(-90px);
	}		
}
	
/* Toggle List - List items */
.toggleListBullets li {
    margin-left: 30px;
}

/* Termin Buchen Frame */
.terminBuchenFrame {
    min-height: 2000px;
}

@media screen and (max-width:1024px) {.terminBuchenFrame {
    min-height: 2300px;
}
}    

@media screen and (max-width:767px) {.terminBuchenFrame {
    min-height: 2850px;
}
}

/* Kontakt Button */
.kontaktButton {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: var(--e-global-color-primary );
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 999; 
    bottom: 35px; 
    right: -110px;
    box-shadow: 2.5px 2.5px 5px #4e7991;
	transition: .5s all ease-out;
}

.kontaktButton:hover {
    transform: scale(1.03);
}

/* Kontaktformular */
.kontaktformular {
	width: 100%;
}

.kontaktformular td {
	width: calc(100% - 20px);
	padding: 0 20px 20px 0;
    vertical-align: top;
}

.inputField {
	width: 100%;
	max-width: 100%;
    font-size: 18px;
    padding: 5px;
    outline: none;
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;
    border-radius: 5px;
}

.kontaktTextarea {
	width: 100%;
	max-width: 100%;
    padding: 5px;
    height: 200px;
    resize: none;
    outline: none;
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 10px 0;
}

.kontaktformularButton {
	margin-top: 20px;
    font-size: 20px;
    padding: 10px 15px;
    background-color: var(--e-global-color-primary);
    color: #ffffff;
    cursor: pointer;
    transition: 0.2s all ease;
    border-style: solid;
    border-width: 1px;
    border-color: var(--e-global-color-primary);
    transition: 0.2s all ease;
    border-radius: 10px;
}

.kontaktformularButton:hover {	
    background-color: #ffffff;
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px;
    border-color: var(--e-global-color-primary);
    transition: 0.2s all ease;
}

.datenschutzButton {
	width: 15px;
	height: 15px;
	cursor: pointer;
	margin: 10px 0 0 0;
}

.datenschutzButtonText, .datenschutzButtonText a {
    color: var(--e-global-color-text);
	font-size: 15px;
	line-height: 15px;
}

@media screen and (max-width:767px) {
.kontaktformular td {
    display: block;
}
	
.kontaktformular td {
	width: 100%;
}
}

/* Datenschutz / Impressum Wrapper */
.dsgvoImpressumWrapper ul {
	padding: 5px 0;
}

.dsgvoImpressumWrapper li {
	margin-left: 30px;
}

.dsgvoImpressumWrapper a {
	color: var(--e-global-color-primary);
	font-style: italic;
}

.dsgvoImpressumWrapper a:hover {
	text-decoration: underline;
}

/* Shop */
/* Home */
.categoryKleidung img {
    object-position: center -10px; 
}

.buttonHoverShop, .buttonHoverShop2 {
    transition: .2s all ease-out;
}

.buttonHoverShop:hover  {
    transform: scale(1.01);
    transition: .2s all ease-out;
}

.buttonHoverShop2:hover  {
    transform: scale(1.03);
    transition: .2s all ease-out;
}

.categoryButton a {
    width: 100%;
    text-align: left;
}

/* Produktseite */

.elementor-product-variable select  {
    min-width: 120px !important;
    height: 25px !important;
    border-radius: 5px !important;
    margin: 5px 10px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #033f63 !important;
    outline: none !important;
}

.single_variation_wrap {
    margin-top: -30px;
}

.single_add_to_cart_button {
    width: 100%;
}

.reset_variations {
    visibility: hidden !important;
}

.woocommerce-variation-description p {
    color: #4E7991;
    font-family: "Open Sans (lokal)", Sans-serif;
}

.woocommerce-product-gallery__trigger {
    display: none;
}

ul.products li.product {
	transition: .2s all ease-out;
}

ul.products li.product:hover {
	transform: scale(1.02);
	transition: .2s all ease-out;
}

span.price {
    color: var(--e-global-color-primary ) !important;
    font-family: "Open Sans (lokal)", Sans-serif;
}

.woocommerce-variation-price {
	margin: -40px 0 20px 0;
}


/* Cookie-Banner */

.cky-consent-container, .cky-preference-center {
	font-family: var(--e-global-typography-text-font-family ), Sans-serif;
}