.elementor-kit-6{--e-global-color-primary:#54595F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#98DDC1;--e-global-color-ff01747:#F1B814;--e-global-color-419876c:#98DDC1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#000000;font-size:18px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(90deg, #3CEAFB 0%, #3D91C4 100%);}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#12D6EB;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#00C6D1;}.elementor-kit-6 a:hover{color:#23DAE4;}.elementor-kit-6 h1{font-family:"Instaupgrade 2.0", Sans-serif;font-weight:500;}.elementor-kit-6 h2{color:#000000;font-size:24px;font-weight:600;}.elementor-kit-6 h3{color:#000000;font-size:16px;font-weight:700;}.elementor-kit-6 h4{color:#000000;font-size:18px;font-weight:600;}.elementor-kit-6 h5{font-family:"Instaupgrade 2.0", Sans-serif;font-size:14px;}.elementor-kit-6 h6{font-family:"Castoro", Sans-serif;font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:14px;}.elementor-kit-6 h2{font-size:18px;}.elementor-kit-6 h4{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* Formular GF Styling */




/* Formular GF Vor & Zurück Buttons */

.gform_next_button {
    background-color: rgba(202, 173, 204, 0)!Important;
    border: solid 2px #CAADCC!Important;
     color: rgb(189, 138, 192)!Important;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2)!Important;   
     width: 100%!Important;
}

.gform_next_button:hover {
    background-color: #CAADCC!Important;
    border: solid 2px #CAADCC!Important;
     color:#fff!Important;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2)!Important;
        width: 100%!Important;
}

.gform_previous_button {
    background-color: rgba(202, 173, 204, 0)!Important;
    border: solid 2px #CAADCC!Important;
     color: rgb(189, 138, 192)!Important;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2)!Important;
        width: 100%!Important;
}

.gform_previous_button:hover {
    background-color: #CAADCC!Important;
    border: solid 2px #CAADCC!Important;
     color:#fff!Important;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2)!Important;
     width: 100%!Important;
}


.elementor-655011 .elementor-element.elementor-element-3684544e .pp-gravity-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    text-align: center ! Important;
    display: inline-block!Important;
}





/* Formular GF Abschließen Button */

.gform_button.button{
   width: 100%!Important;
}

.gform_button {
    margin-top: 30px!Important;
}

.pp-gravity-form-pagination-buttons-full-width .gform_wrapper .gform_page_footer input[type=button] {
    margin-top: 20px;
    width: 100%!Important;
}






/* Formular GF Text Überschrift des Felds */

label.gfield_label.gform-field-label {
    font-family: "Instaupgrade 2.0", Sans-serif;
    font-size: 16px !Important;
    font-weight: 700!Important;
    display: block!Important;
    text-align: center!Important;
}


legend.gfield_label.gform-field-label {
    display: inline-block;
    font-size: 16px!Important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}



/* Formular GF Schritt von Text*/
.gf_progressbar_title {
    color: #767676!Important;
    font-size: 12.992px!Important;
    font-weight: 400!Important;
    margin: 0 0 4.8px!Important;
}

.gform_wrapper .gf_progressbar {
    background-color: #FCEEFE!Important;
}

.gform_wrapper.gravity-theme .gf_progressbar {
    background: #e8e8e8;
    border-radius: 10.5px;
    margin-bottom: 16px;
    position: relative;
}


.elementor-element .pp-gravity-form .gform_wrapper .gf_progressbar_percentage {
    background-color: #BD8AC0 ! Important;
}


/* Formular GF Platzhalter Text farbe*/

/* Other Fields */
.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {color: #A4A4A4;}

/* Paragraph Text Area */
.gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {color: #A4A4A4!Important;}





/* Formular GF Benutzer ändern mittig*/

.gform_wrapper {
    text-align: center !Important;
}




/* Formular GF Text Felder */

.pp-gravity-form .gfield input[type="text"], .pp-gravity-form .gfield textarea {
    text-align: center !Important;
}
.gform_wrapper.gravity-theme * {
    text-align: center ! Important;
}





/* Formular GF Pflichtfeld Stern ausblenden */

.gform_required_legend{
    display:none!important;
}






/* Downgrade aktiver Plan ausblenden */
div.client_plan.active {
    display:none!important;
}





/* radiobutton bilder mittig */

.gfield_radio {
    display: block!Important;
    gap: var(--gf-field-choice-gap);
}






/* Couponwheel Styling */

#couponwheel45cc7a .couponwheel_popup_background {
background-color: rgb(128,128,128)!Important;
background-color: linear-gradient(rgb(247, 151, 30), rgb(255, 210, 0));
}

#couponwheel45cc7a {
font-family: "Instaupgrade", Sans-serif !Important;
}


.couponwheel_stage1_submit_btn, .couponwheel_stage2_continue_btn {
margin-top: 1.5em;
background-image: linear-gradient(to right, #f63535, #b71c1c)!Important;
color: #fff!Important;
}

.couponwheel_stage1_submit_btn, .couponwheel_stage2_continue_btn:hover {
margin-top: 1.5em;
background-image: linear-gradient(to right, #e90000, #9e0f0f)!Important;
color: #fff!Important;
}





/* Mein Profil Rechnungen / Abo 100% Breite */
#my-account-menu.position-vertical-left~.woocommerce-MyAccount-content {
    width: 100% ! Important;
}




/* Checkout Warenkorb entfernen */
li.cart {
    display: none!Important;
}

.cfw-prev-tab {
    display: none!Important;
}







#cfw-cart .cart-item-row .cfw-cart-item-image .cfw-cart-item-quantity-bubble {
    display: none ! Important;
}


textarea#order_comments.input-text{
    display: none ! Important;
}


@media (min-width: 1160px) {
#cfw-logo-container-mobile .cfw-logo, #cfw-logo-container .cfw-logo {
    padding-top: 0;
    width: 50%;
	}
}



.automatewoo-optin form-row {
    display: none!important;
}


/* */



.gform_wrapper {
    text-align: center ! Important;
}



.pp-gravity-form .gform_page_footer input[type="submit"] {
    background-color: #CAADCC!Important;
    color: #FFFFFF!Important;
}

.pp-gravity-form .gform_page_footer input[type="submit"]:hover {
    background-color: #BD8AC0!Important;
}


/* Seite mit Passwort-Form erkennen und vollflächig stylen */
html, body { height: 100%; }

body:has(> form.post-password-form){
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px;
  box-sizing: border-box;

  /* Hintergrundbild */
  background-image: url("https://staging.instaupgrade.de/wp-content/uploads/2025/08/bg-pw-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Karte / Container */
.post-password-form{
  width: min(560px, 92vw);
  margin: 50px auto;
  padding: 2rem;
  background:#fff;
  border-radius:16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
  text-align:center;
  box-sizing: border-box;
}

/* Texteingabe & Button (wie zuvor) */
.post-password-form > p:first-of-type{
  font-size: clamp(18px,3vw,22px);
  color:#111;
  margin: 0 0 1rem;
}
.post-password-form p:last-child{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
}
.post-password-form label{
  display:block;
  margin: 0;
  font-size:14px;
  color:#4b5563;
  text-align: left;
}
.post-password-form label input[type="password"],
.post-password-form input[type="password"]{
  display:block;
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.2;
  box-sizing: border-box;
  outline: none;
}
.post-password-form input[type="password"]:focus{
  border-color:#cbd5e1;
  box-shadow: 0 0 0 4px rgba(99,102,241,.12);
}
.post-password-form input[type="submit"]{
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
  background: #111;
  color: #fff;
  transition: opacity .15s ease, transform .02s;
}
.post-password-form input[type="submit"]:hover{ opacity:.92; }
.post-password-form input[type="submit"]:active{ transform: translateY(1px); }

/* Kleine Screens */
@media (max-width: 768px){
  body:has(> form.post-password-form){ background-attachment: scroll; }
}
@media (max-width: 420px){
  .post-password-form{ padding: 1.25rem; }
}

/* Optional: leichte Abdunklung für bessere Lesbarkeit */
body:has(> form.post-password-form)::before{
  content:"";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.18);
  pointer-events: none;
}

/* Logo über dem Formulartext einfügen */
.post-password-form{
  position: relative; /* für saubere Platzierung (falls nötig) */
}

.post-password-form::before{
  content: "";
  display: block;
  width: min(220px, 60vw);      /* responsive Breite */
  height: clamp(36px, 8vw, 60px); /* fixe Höhe; passt die Bildfläche an */
  margin: 0 auto 16px;          /* zentriert + Abstand nach unten */
  background-image: url("https://staging.instaupgrade.de/wp-content/uploads/2024/04/instaupgrade-logo-black-3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;     /* Logo komplett sichtbar, skaliert */
}

/* nur die CheckoutWC-Notice ausblenden */
#cfw-alert-container,
#cfw-alert-container .cfw-alert {
  display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Instaupgrade 2.0';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging.instaupgrade.de/wp-content/uploads/2024/02/Calibri-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Instaupgrade 2.0';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://staging.instaupgrade.de/wp-content/uploads/2024/02/Calibri-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */