/*
Theme Name: dynaio
Version: 1.0
Description: A child theme of GeneratePress
Template: generatepress
Author: Administrator
*/
@import url("../generatepress/style.css");
/* Your awesome customization starts here */

@font-face {
  font-family: 'Gabarito';
  src: url('./fonts/Gabarito-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.gabarito-regular-400 {
  font-family: "Gabarito", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.gabarito-medium-500 {
  font-family: "Gabarito", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.gabarito-bold-700 {
  font-family: "Gabarito", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


h1,
h2,
h3,
h4,
h5,
h6,
body,
p,
div {
  font-family: 'Gabarito';
}

body {
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3 {
  color: var(--dynpetrol);
}

@media (max-width: 399px) {
  h1, h2, h3{
    max-width: 100%;
    hyphens: manual;         /* manuelle Trennung via ­*/
    overflow-wrap: normal; 
    word-break: normal;     
 	}
}
body, p{
	color: var(--dyntext);
	}

a {
  text-underline-offset: .1578em;
  color: var(--dynblue);
}

a:hover {
  text-decoration-thickness: max(3px, .1875rem, .12em);
}

.svg-nofill svg{
	fill: none !important;
	}

.line-height-125{
	line-height:1.25;
	}
@media (min-width: 1024px) {
.sticky-container{
	position: sticky;
	top:100px;
	}
}


:root {
  --site-header-height: 100px;
  --site-footer-height: 480px;
}


p.textlink-anwendungsgebiete{
	margin-bottom:0px;
	}

.cta-fill-hover{
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  transition: color 0.3s ease;
  border-radius: 6px; 
}

.cta-fill-hover::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: #010101; /* Farbe beim Hover */
  z-index: -1;
  transition: height 0.4s ease;
  border-radius: inherit; /* Ecken übernehmen */
}

.cta-fill-hover:hover::before {
  height: 100%;
}

.cta-fill-hover:hover {
  color: #fff; /* Textfarbe beim Hover */
}

@media (min-width: 399px) {
	figcaption{
		text-align: center;
    	position: relative;
    	top: -105px;
    	background-color: var(--dyncreamwhite);
    	margin: 0 auto;
    	padding: 20px;
    	width: fit-content;
    	border-radius: 15px;
	}
}

/* nav menu*/
/* cursor modification for Anwendungsgebiete and Wissen */
li#menu-item-3435 a, li#menu-item-2907 a{
	cursor:default;
	}

#primary-menu .sub-menu a{
	cursor:pointer;
	}

/*breadcrumbs*/
nav.woocommerce-breadcrumb, .yoast-breadcrumbs, nav.woocommerce-breadcrumb a, .yoast-breadcrumbs a{
	color: #686666 !important;
	}


/*popup*/
/* Hintergrund-Scroll verhindern */
body.popup-open {
  overflow: hidden;
}

/* Popup-Overlay zentriert und scrollbar im Inhalt */
.popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.popup-overlay.active {
  display: flex;
}

.popup-content {
  background: #fff;
  padding: 2em;
  border-radius: 8px;
  max-width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
}

button.open-popup {
	 cursor:pointer;
	 text-decoration:underline !important;
	 text-underline-offset: .1578em;
	 background:none;
}

button.open-popup:hover {
	text-decoration-thickness: max(3px, .1875rem, .12em) !important;
}

.tabelle-naehrwerte{
	overflow-x: initial;
	}

/*anwendungsgebiete*/
/* Macht alle Kachel-Container gleich hoch */
.equal-height > .gb-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.equal-height {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/*accordion*/
 .gb-accordion__item{
	border-bottom: 2px rgba(115, 179, 250, 0.1) solid;
	}



/*pricing table*/
#table .gb-block-is-current{
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
	}

.pricing-table-column-header{
	width: 100%;
	width: -webkit-fill-available;
	width: -moz-available;
	}


/* 404 Page full hight*/
body.error404 .site-content {
  min-height: calc(100vh - var(--site-header-height) - var(--site-footer-height));
  display: flex;
  justify-content: center;
  align-items: center;
}

body.error404 .site-main {
  width: 100%;
}

/* blog */
.post h3 a{
	text-decoration:none;
	}
.post a.read-more{
	display:block;
	}


/*TNP The Newsletter Plugin Customization begin*/

.tnp.tnp-subscription>form>div.tnp-field.tnp-field-button>input {
  width: 100%;
  background-color: var(--dynpetrol);
  font-weight: 700;
  border-radius: 99px;
}



input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  color: var(--contrast) !important;
  background-color: var(--base-2) !important;
  border: 1px solid !important;
  border-color: var(--dynteal) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  background-color: var(--dynwhite) !important;
}


/*CF7 contact form*/

.wpcf7-form-control,
.wpcf7-submit,
.has-spinner {
  border-radius: 99px;

}




.newsletter-container>div>form>div.tnp-field.tnp-field-button {
  margin-top: 2em;
}

/*TNP The Newsletter Plugin Customization end*/


.bgnoise {
  background-image: url(data:image/png;base64,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);

}



/* Login und Registrierung Formulare */
.dynaio-login-form,
.dynaio-register-form {
    max-width: 400px;
    margin: 2em auto;
    padding: 2em;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dynaio-login-form form,
.dynaio-register-form form {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.dynaio-login-form label,
.dynaio-register-form label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: 500;
    color: #333;
}

.dynaio-login-form input[type="text"],
.dynaio-login-form input[type="password"],
.dynaio-login-form input[type="email"],
.dynaio-register-form input[type="text"],
.dynaio-register-form input[type="password"],
.dynaio-register-form input[type="email"] {
    width: 100%;
    padding: 0.8em;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1em;
    transition: border-color 0.3s ease;
}

.dynaio-login-form input[type="text"]:focus,
.dynaio-login-form input[type="password"]:focus,
.dynaio-login-form input[type="email"]:focus,
.dynaio-register-form input[type="text"]:focus,
.dynaio-register-form input[type="password"]:focus,
.dynaio-register-form input[type="email"]:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

.dynaio-login-form .button,
.dynaio-register-form .button {
    width: 100%;
    padding: 0.8em;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dynaio-login-form .button:hover,
.dynaio-register-form .button:hover {
    background: #0056b3;
}

.dynaio-login-form .forgot-password,
.dynaio-login-form .register-link {
    text-align: center;
    margin-top: 1em;
}

.dynaio-login-form .forgot-password a,
.dynaio-login-form .register-link a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dynaio-login-form .forgot-password a:hover,
.dynaio-login-form .register-link a:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Fehlermeldungen */
.login .message,
.register .message {
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 4px;
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Erfolgsmeldungen */
.login .message.success,
.register .message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

/* Partner Dashboard */
.partner-clients-table thead tr th{
  text-align: left;
}
.partner-clients-table{
  background-color: var(--dynwhite);

}

/*Forminator*/
h2.forminator-title {
	margin-top: 30px;
	margin-bottom:-10px;
	}

@media (max-width: 782px) {
    .forminator-pagination-steps{
    	display:none !important;
    	}
}

.forminator-radio-label, .forminator-checkbox-label{
	font-size:16px;
	}	
	
.forminator-field .forminator-error-message{
	font-size:16px !important;
	}
		
.forminator-button-back{
	color: var(--dynteal);
	background-color: var(--dynwhite);
	stroke: 1px var(--dynteal);
	}
	
div.forminator-response-message.forminator-show.forminator-success > p{
	font-size: 24px !important;
	}
	
	
.forminator-all-group-copies input[type=radio]{
	transform: scale(1.4);
	}
	
.forminator-all-group-copies input[type=checkbox]{
	transform: scale(1.3);
	}

/*WOOCOMMERCE*/

.woocommerce-cart .entry-content .alignwide,
.woocommerce-checkout .entry-content .alignwide {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0px;
}

.wc-block-components-button,
.wp-element-button,
.wc-block-cart__submit-button,
.contained,
.woocommerce ul.products li.product .button,
#wc-sticky-cart-panel > div > div.checkout > a {
  border-radius: 15px
}



#radio_5973090811 > label, #content_1477771135 > label, #content-1532640176 > label, #content_2796986523 > label{
	display:none;
	}

 
.wcpa_wrap .wcpa_group_field {
    display: flex !important;
}
    
.wcpa_radio label{
	font-size: 18px !important;
    font-weight: 400;
    color: var(--dyntext) !important;
}

#product-1472 > div.summary.entry-summary > p {
	margin-bottom:-28px;
	}
	
#radio_5973090811{
	margin-top:4px;
	margin-bottom:-4px;
	}


.woocommerce-button, .woocommerce-Button.button,.button woocommerce-form-login__submit,	
.wc-block-components-button, .wp-element-button, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .button, .forminator-button,  .forminator-button-next, #submit {
	border-radius:99px !important;
	}
	
.product-template-default p.price{
	margin-bottom:0px;
	}

@media (min-width: 768px) {
.product-template-default h1.product_title.entry-title{
	font-size:2.75rem;
	}
.woocommerce-page h2, .product-template-default h2{
	font-size:2rem;
	}
}

.woocommerce table.shop_attributes td{
	font-style:normal;
	}
	
.woocommerce-message{
  color:#010101 !important;
}

/*Zusätzliche Ausgabe des Preises auf Kassen-Seite ausblenden*/
div.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper.wc-gzd-show-total-wrapper > div > div > div > div.wc-block-components-order-summary-item__description > span{
	display:none;
	}
	
/* Warenkorb Kurzbeschreibung im Warenkorb und auf Kassen Seite ausblenden */
div.wc-block-components-product-details > div > span.wc-block-components-product-details__value{
	display:none;
	}

/*Woocommerce Fehlermeldung*/	
/*helle version*/	
/*
.wc-block-store-notice.wc-block-components-notice-banner.is-error.is-dismissible{
	display:none;
	}
*/

.dynaio-login-notice__text{
	display:inline-block;
}

.dynaio-login-notice__button{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	margin-left:0.75rem;
	border-radius:99px;
	font-weight:600;
}