body {
font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
line-height: 1.6;
color: #333;
} .mathe-trainer-container { 
background-color: #f7f9fc;
border: 1px solid #e0e6ed;
border-radius: 16px;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
padding: 35px; 
max-width: 600px;
margin: 40px auto; 
text-align: center;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
isolation: isolate; 
position: relative;
}
.mathe-trainer-container:hover {
transform: translateY(-5px); 
}    .mathe-info {
font-size: 1.2em;
color: #4a5568; 
margin-bottom: 25px;
border-bottom: 3px solid #b3cde0; 
padding-bottom: 15px;
font-weight: 700; 
display: flex;
justify-content: space-between; 
align-items: center;
background-color: #eaf1f8; 
padding: 10px 15px;
border-radius: 8px;
}
.mathe-info .aufgabe-zaehler, .mathe-info .anzahl-gesamt {
font-weight: 900;
color: #1a75ff;
font-size: 1.3em;
padding: 2px 8px;
background-color: #ffffff; 
border-radius: 4px;
} .mathe-frage {
font-size: 1.8em; 
color: #2c3e50; 
font-weight: 800; 
margin-bottom: 30px;
padding: 20px;
background: linear-gradient(135deg, #ffffff, #e6f7ff);
border-radius: 10px;
border: 2px solid #b3cde0;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}
.mathe-frage strong {
font-size: 1em;
} .eingabe-bereich {
display: flex;
gap: 20px;
margin-bottom: 30px;
align-items: center;
justify-content: center;
}   .mathe-eingabe {
flex-grow: 1;
max-width: 220px; 
padding: 15px;
border: 3px solid #1a75ff; 
border-radius: 10px;
font-size: 1.5em; 
text-align: center;
outline: none;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}
.mathe-eingabe:focus {
border-color: #ff8c00;
box-shadow: 0 0 0 4px rgba(255, 140, 0, 0.2); 
} .pruef-button, .neue-aufgabe-button { 
padding: 15px 30px;
border: none;
border-radius: 10px;
font-weight: 800;
font-size: 1.15em;
color: white;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); 
text-transform: uppercase;
transition: background-color 0.3s, transform 0.1s, box-shadow 0.3s;
} .pruef-button {
background-color: #1a75ff;
}
.pruef-button:hover:not(:disabled) {
background-color: #005ce6;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.pruef-button:disabled {
background-color: #a0b0c0;
box-shadow: none;
transform: none;
cursor: not-allowed;
}   .ergebnis-feedback { 
margin-top: 25px;
padding: 18px;
border-radius: 10px;
font-weight: 700;
font-size: 1.4em; 
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); 
}
.feedback.korrekt {
background-color: #e9fbe9;
color: #2e8b57;
border: 2px solid #2e8b57;
}
.feedback.fehler {
background-color: #fee9e9;
color: #c93737;
border: 2px solid #c93737;
}   .mathe-einstellungen {
padding: 30px;
border: 2px solid #b3cde0;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.mathe-einstellungen h4 {
font-size: 1.6em;
color: #1a75ff;
margin-bottom: 25px;
font-weight: 800;
}
.einstell-option {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin-bottom: 30px;
}
.einstell-option label {
font-size: 1.2em;
font-weight: 600;
color: #4a5568;
}
.anzahl-input {
width: 80px;
padding: 10px 15px;
border: 2px solid #ccc;
border-radius: 6px;
font-size: 1.2em;
text-align: center;
-moz-appearance: textfield; 
}
.anzahl-input::-webkit-outer-spin-button,
.anzahl-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.start-test-button {
background-color: #28a745;
color: white;
padding: 15px 40px;
border: none;
border-radius: 10px;
font-weight: 800;
font-size: 1.2em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); 
cursor: pointer;
transition: background-color 0.3s, transform 0.1s;
}
.start-test-button:hover {
background-color: #218838;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}    .end-ergebnis-bereich {
text-align: center;
padding: 30px 10px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
.end-ergebnis {
font-size: 1.8em;
color: #dc3545; 
font-weight: 900;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
.ergebnis-summary {
font-size: 2.2em; 
color: #2e8b57; 
font-weight: 900;
margin-top: 10px;
line-height: 1.2;
padding: 10px 0;
border-bottom: 2px solid #b3cde0;
margin-bottom: 20px;
}
.aufgaben-protokoll {
margin-top: 20px;
padding-top: 0;
border-top: none;
text-align: left;
}
.aufgaben-protokoll h4 {
font-size: 1.4em;
color: #2c3e50;
margin-bottom: 20px;
text-align: center;
font-weight: 700;
}
.protokoll-eintrag {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 18px;
margin-bottom: 10px;
border-radius: 8px;
font-size: 1.1em;
transition: background-color 0.2s;
}
.protokoll-korrekt {
background-color: #f0fff0; 
border-left: 6px solid #2e8b57;
}
.protokoll-fehler {
background-color: #fff0f0; 
border-left: 6px solid #c93737;
}
.protokoll-eintrag strong {
flex-grow: 1;
font-weight: 700;
color: #444;
}
.protokoll-eintrag span {
font-weight: 600;
margin-left: 20px;
white-space: nowrap; 
}    .mathe-modal-overlay, .mathe-modal-content {
display: none !important; 
}.mein-herzrisiko-test {
background-color: #ffffff; padding: 30px;
border-radius: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); max-width: 700px; margin: 40px auto; font-family: 'Arial', sans-serif; line-height: 1.6;
color: #333; }
.mein-herzrisiko-test h2 {
font-size: 2.2em; color: #2c3e50; text-align: center;
margin-bottom: 30px;
border-bottom: 3px solid #3498db; padding-bottom: 10px;
display: block; }   .mein-herzrisiko-test .disclaimer {
background-color: #fce4e4; border: 1px solid #fcc0c0; color: #c0392b; padding: 18px 25px; margin-bottom: 30px; border-radius: 8px; font-size: 0.95em; line-height: 1.6;
font-weight: normal; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); text-align: center;
animation: pulseWarning 2s infinite alternate; }
.mein-herzrisiko-test .disclaimer .disclaimer-title {
color: #e74c3c; font-size: 1.1em; font-weight: bold; display: block; margin-bottom: 5px; } @keyframes pulseWarning {
from {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
to {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
}   .mein-herzrisiko-test .form-group {
margin-bottom: 20px;
padding: 10px 0; border-bottom: 1px dashed #eee; }
.mein-herzrisiko-test .form-group:last-of-type {
border-bottom: none; }
.mein-herzrisiko-test label {
display: block; margin-bottom: 8px;
font-weight: bold;
color: #555;
font-size: 1.05em;
}
.mein-herzrisiko-test input[type="number"],
.mein-herzrisiko-test select {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1em;
box-sizing: border-box; transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.mein-herzrisiko-test input[type="number"]:focus,
.mein-herzrisiko-test select:focus {
border-color: #3498db; box-shadow: 0 0 8px rgba(52, 152, 219, 0.3);
outline: none;
} .mein-herzrisiko-test input[type="radio"] {
margin-right: 8px;
margin-left: 15px; vertical-align: middle; width: auto; height: auto; }
.mein-herzrisiko-test label[for^="mhrt_gender_"],
.mein-herzrisiko-test label[for^="mhrt_smoker_"],
.mein-herzrisiko-test label[for^="mhrt_diabetes_"],
.mein-herzrisiko-test label[for^="mhrt_medication_"],
.mein-herzrisiko-test label[for^="mhrt_diet_"] {
display: inline-block; font-weight: normal; color: #333;
cursor: pointer; margin-bottom: 0; }   .mein-herzrisiko-test button[type="submit"],
.mein-herzrisiko-test button[type="button"] {
background-color: #28a745; color: white;
padding: 15px 25px;
border: none;
border-radius: 5px;
font-size: 1.1em;
cursor: pointer;
transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
width: auto; display: block; margin: 25px auto 10px auto; }
.mein-herzrisiko-test button[type="submit"]:hover,
.mein-herzrisiko-test button[type="button"]:hover {
background-color: #218838; transform: translateY(-2px); }
.mein-herzrisiko-test button#mhrt-reset-button {
background-color: #6c757d; }
.mein-herzrisiko-test button#mhrt-reset-button:hover {
background-color: #5a6268;
}   .validation-message {
color: #e74c3c; font-size: 0.85em;
margin-top: 5px;
display: none; } .mein-herzrisiko-test input.is-invalid,
.mein-herzrisiko-test select.is-invalid {
border-color: #e74c3c !important; }
.mein-herzrisiko-test .form-group.is-invalid .validation-message {
display: block; }
.mein-herzrisiko-test #mhrt-loading {
text-align: center;
color: #3498db;
font-size: 1.1em;
margin-top: 20px;
}
.mein-herzrisiko-test #mhrt-error {
text-align: center;
color: #e74c3c;
font-weight: bold;
margin-top: 20px;
font-size: 1.1em;
}   #mhrt-results {
background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px;
padding: 25px;
margin-top: 30px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-align: center; }
.mein-herzrisiko-test .results-title {
font-size: 1.8em; color: #2c3e50; text-align: center; margin: 0 auto 15px auto; font-weight: bold; padding-bottom: 5px; border-bottom: 2px solid #3498db; display: inline-block; width: fit-content;  } .mein-herzrisiko-test .results-title::after {
content: '';
position: absolute;
bottom: -5px; left: 10%; width: 80%; height: 8px; background: rgba(0,0,0,0.1);
filter: blur(4px);
z-index: -1;
border-radius: 50%; }
#mhrt-risk-score {
font-size: 2.2em; font-weight: bold;
margin-top: 20px;
margin-bottom: 15px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.1); }  .mein-herzrisiko-test #mhrt-risk-score.risk-category-Niedrig {
color: #27ae60; }
.mein-herzrisiko-test #mhrt-risk-score.risk-category-Mittel {
color: #f39c12; }
.mein-herzrisiko-test #mhrt-risk-score.risk-category-Hoch {
color: #e74c3c; }
#mhrt-recommendations {
font-size: 1.1em;
line-height: 1.6;
color: #555;
text-align: left; margin-top: 20px;
}   @media (max-width: 768px) {
.mein-herzrisiko-test {
padding: 20px;
margin: 20px auto;
}
.mein-herzrisiko-test h2 {
font-size: 1.8em;
}
.mein-herzrisiko-test .results-title {
font-size: 1.5em;
}
#mhrt-risk-score {
font-size: 1.8em;
}
}
@media (max-width: 480px) {
.mein-herzrisiko-test {
padding: 15px;
}
.mein-herzrisiko-test h2 {
font-size: 1.6em;
}
.mein-herzrisiko-test .disclaimer {
padding: 15px;
}
.mein-herzrisiko-test button {
padding: 12px 20px;
font-size: 1em;
}
}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:auto;src:url(//zelx.de/wp-content/uploads/omgf/google-fonts-roboto/roboto-normal-latin.woff2?ver=1759931591)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:auto;src:url(//zelx.de/wp-content/uploads/omgf/google-fonts-roboto/roboto-normal-latin.woff2?ver=1759931591)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:auto;src:url(//zelx.de/wp-content/uploads/omgf/google-fonts-roboto/roboto-normal-latin.woff2?ver=1759931591)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}.mpr-pulsrechner-container {
background-color: #ffffff; border: 1px solid #e0e0e0; padding: 25px; border-radius: 8px; max-width: 900px; margin: 30px auto; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: 'Arial', sans-serif; color: #333333; } .mpr-pulsrechner-container h2 {
color: #0073aa; margin-top: 0;
margin-bottom: 25px;
text-align: center;
font-size: 2em; border-bottom: 2px solid #eee; padding-bottom: 15px;
} .mpr-pulsrechner-container label {
display: block; margin-bottom: 8px;
font-weight: bold; font-size: 1.05em;
} .mpr-pulsrechner-container input[type="number"],
.mpr-pulsrechner-container select {
width: calc(100% - 22px); padding: 12px;
margin-bottom: 20px; border: 1px solid #cccccc; border-radius: 5px; box-sizing: border-box; font-size: 1em;
} .mpr-pulsrechner-container input[type="radio"] {
margin-right: 5px; vertical-align: middle; }
.mpr-pulsrechner-container .radio-label {
display: inline-block; margin-right: 15px; font-weight: normal; font-size: 1em; cursor: pointer; } .mpr-pulsrechner-container p:last-of-type {
display: flex; gap: 15px; justify-content: space-between; }
.mpr-pulsrechner-container input[type="submit"],
.mpr-pulsrechner-container input[type="reset"] {
flex-grow: 1; padding: 12px 25px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
transition: background-color 0.3s ease;
}
.mpr-pulsrechner-container input[type="submit"] {
background-color: #28a745; color: white;
}
.mpr-pulsrechner-container input[type="submit"]:hover {
background-color: #218838;
}
.mpr-pulsrechner-container input[type="reset"] {
background-color: #6c757d; color: white;
}
.mpr-pulsrechner-container input[type="reset"]:hover {
background-color: #5a6268;
} .mpr-pulsrechner-ergebnisse {
margin-top: 30px;
padding: 20px;
border: 1px solid #0073aa;
background-color: #e6f7ff;
border-radius: 5px;
}
.mpr-pulsrechner-ergebnisse h3 {
color: #0073aa;
margin-top: 0;
margin-bottom: 15px;
font-size: 1.5em;
}
.mpr-pulsrechner-ergebnisse h4 {
color: #005f7f;
margin-top: 20px;
margin-bottom: 10px;
font-size: 1.2em;
border-bottom: 1px dashed #a0d4ec;
padding-bottom: 5px;
}
.mpr-pulsrechner-ergebnisse p,
.mpr-pulsrechner-ergebnisse ul {
margin-bottom: 10px;
line-height: 1.5;
}
.mpr-pulsrechner-ergebnisse ul {
list-style: disc inside;
padding-left: 0;
}
.mpr-pulsrechner-ergebnisse li {
margin-bottom: 5px;
}
.mpr-pulsrechner-ergebnisse small {
display: block;
margin-top: 15px;
color: #666;
font-size: 0.85em;
text-align: center;
} .mpr-pulszonen-tabelle {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-size: 0.95em;
background-color: #fcfcfc;
border: 1px solid #ddd;
}
.mpr-pulszonen-tabelle th,
.mpr-pulszonen-tabelle td {
border: 1px solid #eee;
padding: 10px 12px;
text-align: left;
}
.mpr-pulszonen-tabelle thead th {
background-color: #f2f2f2;
font-weight: bold;
color: #555;
text-transform: uppercase;
}
.mpr-pulszonen-tabelle tbody tr:nth-child(even) {
background-color: #f9f9f9;
}
.mpr-pulszonen-tabelle tbody tr:hover {
background-color: #eaf6ff;
}
.mpr-pulszonen-tabelle tbody td:first-child {
font-weight: bold;
text-align: center;
width: 5%;
}
.mpr-pulszonen-tabelle tbody td:nth-child(3) {
font-weight: bold;
color: #0073aa;
} .mpr-error {
color: #dc3545;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
text-align: center;
} .mpr-success {
color: #28a745;
background-color: #d4edda;
border: 1px solid #c3e6cb;
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
text-align: center;
}.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; }  .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }  .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width:1px; }  .ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } .ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover {
position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; } .ui-widget { font-family: Verdana,Arial,sans-serif ; font-size: 1.1em ; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif ; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa ; background: #ffffff url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x ; color: #222222 ; }
.ui-widget-content a { color: #222222 ; }
.ui-widget-header { border: 1px solid #aaaaaa ; background: #cccccc url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x ; color: #222222 ; font-weight: bold; }
.ui-widget-header a { color: #222222 ; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3 ; background: #e6e6e6 url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x ; font-weight: normal ; color: #555555 ; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555 ; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999 ; background: #dadada url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x ; font-weight: normal ; color: #212121 ; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121 ; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa ; background: #ffffff url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x ; font-weight: normal ; color: #212121 ; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121 ; text-decoration: none; }
.ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1 ; background: #fbf9ee url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x ; color: #363636 ; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636 ; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a ; background: #fef1ec url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x ; color: #cd0a0a ; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a ; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a ; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }  .ui-icon { width: 16px; height: 16px; background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_222222_256x240.png) ; }
.ui-widget-content .ui-icon {background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_222222_256x240.png) ; }
.ui-widget-header .ui-icon {background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_222222_256x240.png) ; }
.ui-state-default .ui-icon { background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_888888_256x240.png) ; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_454545_256x240.png) ; }
.ui-state-active .ui-icon {background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_454545_256x240.png) ; }
.ui-state-highlight .ui-icon {background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_2e83ff_256x240.png) ; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-icons_cd0a0a_256x240.png) ; } .ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px ; -webkit-border-top-left-radius: 4px ; -khtml-border-top-left-radius: 4px ; border-top-left-radius: 4px ; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px ; -webkit-border-top-right-radius: 4px ; -khtml-border-top-right-radius: 4px ; border-top-right-radius: 4px ; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px ; -webkit-border-bottom-left-radius: 4px ; -khtml-border-bottom-left-radius: 4px ; border-bottom-left-radius: 4px ; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px ; -webkit-border-bottom-right-radius: 4px ; -khtml-border-bottom-right-radius: 4px ; border-bottom-right-radius: 4px ; } .ui-widget-overlay { background: #aaaaaa url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x ; opacity: .3;filter:Alpha(Opacity=30) ; }
.ui-widget-shadow { margin: -8px 0 0 -8px ; padding: 8px ; background: #aaaaaa url(//zelx.de/wp-content/plugins/userswp/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x ; opacity: .3;filter:Alpha(Opacity=30) ; -moz-border-radius: 8px ; -khtml-border-radius: 8px ; -webkit-border-radius: 8px ; border-radius: 8px ; }.country-select .flag{width:16px;height:11px;background:url(//zelx.de/wp-content/plugins/userswp/assets/images/flags.png)}.country-select .zw{background-position:0 0}.country-select .zm{background-position:-16px 0}.country-select .za{background-position:0 -11px}.country-select .yt{background-position:-16px -11px}.country-select .ye{background-position:-32px 0}.country-select .ws{background-position:-32px -11px}.country-select .wf{background-position:0 -22px}.country-select .vu{background-position:-32px -22px}.country-select .vn{background-position:0 -33px}.country-select .vi{background-position:-16px -33px}.country-select .vg{background-position:-32px -33px}.country-select .ve{background-position:-48px 0}.country-select .vc{background-position:-48px -11px}.country-select .va{background-position:-48px -22px}.country-select .uz{background-position:-48px -33px}.country-select .uy{background-position:0 -44px}.country-select .us{background-position:-16px -44px}.country-select .um{background-position:-16px -44px}.country-select .ug{background-position:-32px -44px}.country-select .ua{background-position:-48px -44px}.country-select .tz{background-position:-64px 0}.country-select .tw{background-position:-64px -11px}.country-select .tv{background-position:-64px -22px}.country-select .tt{background-position:-64px -33px}.country-select .tr{background-position:-64px -44px}.country-select .to{background-position:0 -55px}.country-select .tn{background-position:-16px -55px}.country-select .tm{background-position:-32px -55px}.country-select .tl{background-position:-48px -55px}.country-select .tk{background-position:-64px -55px}.country-select .tj{background-position:0 -66px}.country-select .th{background-position:-16px -66px}.country-select .tg{background-position:-32px -66px}.country-select .tf{background-position:-48px -66px}.country-select .td{background-position:-64px -66px}.country-select .tc{background-position:-80px 0}.country-select .sz{background-position:-80px -11px}.country-select .sy{background-position:-80px -22px}.country-select .sx{background-position:-80px -33px}.country-select .sv{background-position:-80px -44px}.country-select .st{background-position:-80px -55px}.country-select .ss{background-position:-80px -66px}.country-select .sr{background-position:0 -77px}.country-select .so{background-position:-16px -77px}.country-select .sn{background-position:-32px -77px}.country-select .sm{background-position:-48px -77px}.country-select .sl{background-position:-64px -77px}.country-select .sk{background-position:-80px -77px}.country-select .si{background-position:-96px 0}.country-select .sh{background-position:-96px -11px}.country-select .sg{background-position:-96px -22px}.country-select .se{background-position:-96px -33px}.country-select .sd{background-position:-96px -44px}.country-select .sc{background-position:-96px -66px}.country-select .sb{background-position:-96px -77px}.country-select .sa{background-position:0 -88px}.country-select .rw{background-position:-16px -88px}.country-select .ru{background-position:-32px -88px}.country-select .rs{background-position:-48px -88px}.country-select .ro{background-position:-64px -88px}.country-select .qa{background-position:-80px -88px}.country-select .py{background-position:-96px -88px}.country-select .pw{background-position:0 -99px}.country-select .pt{background-position:-16px -99px}.country-select .ps{background-position:-32px -99px}.country-select .pr{background-position:-48px -99px}.country-select .pn{background-position:-64px -99px}.country-select .pm{background-position:-80px -99px}.country-select .pl{background-position:-96px -99px}.country-select .pk{background-position:-112px 0}.country-select .ph{background-position:-112px -11px}.country-select .pg{background-position:-112px -22px}.country-select .pf{background-position:-112px -33px}.country-select .pe{background-position:-112px -44px}.country-select .pa{background-position:-112px -55px}.country-select .om{background-position:-112px -66px}.country-select .nz{background-position:-112px -77px}.country-select .nu{background-position:-112px -88px}.country-select .nr{background-position:-112px -99px}.country-select .no{background-position:0 -110px}.country-select .bv{background-position:0 -110px}.country-select .sj{background-position:0 -110px}.country-select .nl{background-position:-16px -110px}.country-select .ni{background-position:-32px -110px}.country-select .ng{background-position:-48px -110px}.country-select .nf{background-position:-64px -110px}.country-select .ne{background-position:-80px -110px}.country-select .nc{background-position:-96px -110px}.country-select .na{background-position:-112px -110px}.country-select .mz{background-position:-128px 0}.country-select .my{background-position:-128px -11px}.country-select .mx{background-position:-128px -22px}.country-select .mw{background-position:-128px -33px}.country-select .mv{background-position:-128px -44px}.country-select .mu{background-position:-128px -55px}.country-select .mt{background-position:-128px -66px}.country-select .ms{background-position:-128px -77px}.country-select .mr{background-position:-128px -88px}.country-select .mq{background-position:-128px -99px}.country-select .mp{background-position:-128px -110px}.country-select .mo{background-position:0 -121px}.country-select .mn{background-position:-16px -121px}.country-select .mm{background-position:-32px -121px}.country-select .ml{background-position:-48px -121px}.country-select .mk{background-position:-64px -121px}.country-select .mh{background-position:-80px -121px}.country-select .mg{background-position:-96px -121px}.country-select .me{background-position:0 -132px;height:12px}.country-select .md{background-position:-112px -121px}.country-select .mc{background-position:-128px -121px}.country-select .ma{background-position:-16px -132px}.country-select .ly{background-position:-32px -132px}.country-select .lv{background-position:-48px -132px}.country-select .lu{background-position:-64px -132px}.country-select .lt{background-position:-80px -132px}.country-select .ls{background-position:-96px -132px}.country-select .lr{background-position:-112px -132px}.country-select .lk{background-position:-128px -132px}.country-select .li{background-position:-144px 0}.country-select .lc{background-position:-144px -11px}.country-select .lb{background-position:-144px -22px}.country-select .la{background-position:-144px -33px}.country-select .kz{background-position:-144px -44px}.country-select .ky{background-position:-144px -55px}.country-select .kw{background-position:-144px -66px}.country-select .kr{background-position:-144px -77px}.country-select .kp{background-position:-144px -88px}.country-select .kn{background-position:-144px -99px}.country-select .km{background-position:-144px -110px}.country-select .ki{background-position:-144px -121px}.country-select .kh{background-position:-144px -132px}.country-select .kg{background-position:0 -144px}.country-select .ke{background-position:-16px -144px}.country-select .jp{background-position:-32px -144px}.country-select .jo{background-position:-48px -144px}.country-select .jm{background-position:-64px -144px}.country-select .je{background-position:-80px -144px}.country-select .it{background-position:-96px -144px}.country-select .is{background-position:-112px -144px}.country-select .ir{background-position:-128px -144px}.country-select .iq{background-position:-144px -144px}.country-select .io{background-position:-160px 0}.country-select .in{background-position:-160px -11px}.country-select .im{background-position:-160px -22px;height:9px}.country-select .il{background-position:-160px -31px}.country-select .ie{background-position:-160px -42px}.country-select .id{background-position:-160px -53px}.country-select .hu{background-position:-160px -64px}.country-select .ht{background-position:-160px -75px}.country-select .hr{background-position:-160px -86px}.country-select .hn{background-position:-160px -97px}.country-select .hk{background-position:-160px -108px}.country-select .gy{background-position:-160px -119px}.country-select .gw{background-position:-160px -130px}.country-select .gu{background-position:-160px -141px}.country-select .gt{background-position:0 -155px}.country-select .gs{background-position:-16px -155px}.country-select .gr{background-position:-32px -155px}.country-select .gq{background-position:-48px -155px}.country-select .gp{background-position:-64px -155px}.country-select .gn{background-position:-80px -155px}.country-select .gm{background-position:-96px -155px}.country-select .gl{background-position:-112px -155px}.country-select .gi{background-position:-128px -155px}.country-select .gh{background-position:-144px -155px}.country-select .gg{background-position:-160px -155px}.country-select .ge{background-position:-176px 0}.country-select .gd{background-position:-176px -11px}.country-select .gb{background-position:-176px -22px}.country-select .ga{background-position:-176px -33px}.country-select .fr{background-position:-176px -44px}.country-select .gf{background-position:-176px -44px}.country-select .re{background-position:-176px -44px}.country-select .mf{background-position:-176px -44px}.country-select .bl{background-position:-176px -44px}.country-select .fo{background-position:-176px -55px}.country-select .fm{background-position:-176px -66px}.country-select .fk{background-position:-176px -77px}.country-select .fj{background-position:-176px -88px}.country-select .fi{background-position:-176px -99px}.country-select .eu{background-position:-176px -121px}.country-select .et{background-position:-176px -132px}.country-select .es{background-position:-176px -143px}.country-select .er{background-position:-176px -154px}.country-select .eh{background-position:-16px -166px}.country-select .eg{background-position:-32px -166px}.country-select .ee{background-position:-48px -166px}.country-select .ec{background-position:-64px -166px}.country-select .dz{background-position:-80px -166px}.country-select .do{background-position:-96px -166px}.country-select .dm{background-position:-112px -166px}.country-select .dk{background-position:-128px -166px}.country-select .dj{background-position:-144px -166px}.country-select .de{background-position:-160px -166px}.country-select .cz{background-position:-176px -166px}.country-select .cy{background-position:0 -177px}.country-select .cx{background-position:-16px -177px}.country-select .cw{background-position:-32px -177px}.country-select .cv{background-position:-48px -177px}.country-select .cu{background-position:-64px -177px}.country-select .cs{background-position:-80px -177px}.country-select .cr{background-position:-96px -177px}.country-select .co{background-position:-112px -177px}.country-select .cn{background-position:-128px -177px}.country-select .cm{background-position:-144px -177px}.country-select .cl{background-position:-160px -177px}.country-select .ck{background-position:-176px -177px}.country-select .ci{background-position:-192px 0}.country-select .cg{background-position:-192px -11px}.country-select .cf{background-position:-192px -22px}.country-select .cd{background-position:-192px -33px}.country-select .cc{background-position:-192px -44px}.country-select .ca{background-position:-192px -66px}.country-select .bz{background-position:-192px -77px}.country-select .by{background-position:-192px -88px}.country-select .bw{background-position:-192px -99px}.country-select .bt{background-position:-192px -110px}.country-select .bs{background-position:-192px -121px}.country-select .br{background-position:-192px -132px}.country-select .bq{background-position:-192px -143px}.country-select .bo{background-position:-192px -154px}.country-select .bn{background-position:-192px -165px}.country-select .bm{background-position:-192px -176px}.country-select .bj{background-position:0 -188px}.country-select .bi{background-position:-16px -188px}.country-select .bh{background-position:-32px -188px}.country-select .bg{background-position:-48px -188px}.country-select .bf{background-position:-64px -188px}.country-select .be{background-position:-80px -188px}.country-select .bd{background-position:-96px -188px}.country-select .bb{background-position:-112px -188px}.country-select .ba{background-position:-128px -188px}.country-select .az{background-position:-144px -188px}.country-select .ax{background-position:-160px -188px}.country-select .aw{background-position:-176px -188px}.country-select .au{background-position:-192px -188px}.country-select .hm{background-position:-192px -188px}.country-select .at{background-position:-208px 0}.country-select .as{background-position:-208px -11px}.country-select .ar{background-position:-208px -22px}.country-select .ao{background-position:-208px -33px}.country-select .an{background-position:-208px -44px}.country-select .am{background-position:-208px -55px}.country-select .al{background-position:-208px -66px}.country-select .ai{background-position:-208px -77px}.country-select .ag{background-position:-208px -88px}.country-select .af{background-position:-208px -99px}.country-select .ae{background-position:-208px -110px}.country-select .ad{background-position:-208px -121px}.country-select .np{background-position:-208px -132px}.country-select .ch{background-position:-208px -143px}.country-select .xs{background-position:-96px -55px}.country-select .xw{background-position:-16px -22px}.country-select{position:relative;display:inline-block}.country-select *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.country-select .hide{display:none}.country-select .v-hide{visibility:hidden}.country-select input{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-left:44px}.country-select .flag-dropdown{position:absolute;top:0;bottom:0}.country-select .flag-dropdown:hover{cursor:pointer}.country-select .flag-dropdown:hover .selected-flag{background-color:#000;background-color:rgba(0,0,0,0.05)}.country-select input[disabled]+.flag-dropdown:hover{cursor:default}.country-select input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.country-select .selected-flag{z-index:1;position:relative;width:38px;height:100%;padding:0 0 0 8px}.country-select .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.country-select .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.country-select .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.country-select .country-list{list-style:none;position:absolute;z-index:2;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #ccc;width:430px;max-height:200px;overflow-y:scroll}.country-select .country-list .flag{display:inline-block}.country-select .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.country-select .country-list .country{line-height:11px;padding:7px 10px}.country-select .country-list .country .dial-code{color:#999}.country-select .country-list .country.highlight{background-color:#000;background-color:rgba(0,0,0,0.05)}.country-select .country-list .flag,.country-select .country-list .country-name{margin-right:6px}.country-select.inside .flag-dropdown{padding:1px}.country-select.inside{width:100%;margin-bottom:15px}.country-select.inside .uwp_textfield{margin-right:0;padding-right:0;padding-left:40px !important}.uwp-cs .flag,.uwp-cs .uwp-country-name{display:inline-block}.uwp-cs .uwp-country-name{margin-left:5px}.vitamin-rechner-wrapper {
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
max-width: 100%;
margin: 20px auto;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-sizing: border-box;
} .vitamin-rechner-wrapper h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
} .form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #555;
}
.form-group input[type="number"],
.form-group select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
} .calculate-button {
display: block;
width: 100%;
padding: 12px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s ease;
}
.calculate-button:hover {
background-color: #0056b3;
} .results {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.results h3 {
color: #333;
margin-bottom: 15px;
text-align: center;
}
.results p {
margin-bottom: 10px;
line-height: 1.6;
color: #444;
}
.results ul {
list-style-type: none;
padding: 0;
}
.results ul li {
background-color: #e2f0ff;
margin-bottom: 8px;
padding: 10px 15px;
border-radius: 4px;
border-left: 5px solid #007bff;
} .reference-table {
width: 100%;
border-collapse: collapse;
margin-top: 30px;
}
.reference-table th,
.reference-table td {
border: 1px solid #ddd;
padding: 10px;
text-align: left;
}
.reference-table th {
background-color: #f2f2f2;
font-weight: bold;
color: #333;
}
.reference-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.reference-table tr:hover {
background-color: #f1f1f1;
} .help-tooltip-container {
position: relative;
display: inline-block;
cursor: pointer;
margin-left: 5px;
vertical-align: middle;
font-size: 0.9em;
}
.help-tooltip-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #007bff;
color: white;
font-style: normal;
font-weight: bold;
font-family: serif;
line-height: 1;
}
.help-tooltip-content {
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-10px);
background-color: #333;
color: #fff;
padding: 8px 12px;
border-radius: 5px;
z-index: 1000;
white-space: normal;
text-align: left;
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
width: auto;
min-width: 180px;
max-width: 320px;
box-sizing: border-box;
font-size: 0.9em;
line-height: 1.4;
}
.help-tooltip-content::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 8px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.help-tooltip-container:hover .help-tooltip-content,
.help-tooltip-container:focus-within .help-tooltip-content,
.help-tooltip-content.visible {
visibility: visible;
opacity: 1;
transform: translateX(-50%) translateY(0);
} .help-tooltip-content.tooltip-align-left {
left: 5px;
right: auto;
transform: translateX(0) translateY(-10px);
}
.help-tooltip-content.tooltip-align-right {
right: 5px;
left: auto;
transform: translateX(0) translateY(-10px);
} @media screen and (max-width: 768px) {
.help-tooltip-content {
min-width: 140px;
max-width: 90vw;
left: 50%;
transform: translateX(-50%) translateY(-10px);
padding: 6px 10px;
font-size: 0.85em;
}
} .vitamin-rechner-disclaimer {
margin-top: 25px;
padding: 15px 20px;
background-color: #fff3cd;
border: 1px solid #ffeeba;
border-left: 5px solid #ffc107;
border-radius: 5px;
color: #664d03;
font-size: 0.95em;
line-height: 1.5;
font-weight: 600;
text-align: left;
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
.vitamin-rechner-disclaimer strong {
font-weight: 700;
color: #a00;
}*{
margin:0;
padding:0;
outline:none;
}
:root {
--first-theme-color: #015AA3;
--second-theme-color: #042146;
}  
body{
margin:0;
padding:0;
font-size:15px;
color: #000000;
font-family: "Outfit", sans-serif;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow-x: hidden !important;
overflow-y: scroll !important;
background-color: #ffffff;
}
img{
border:none;
margin:0;
padding:0;
height:auto;
max-width:100%;
}
a{
color: #000000;
text-decoration:none;
word-wrap: break-word;
cursor: pointer;
}
a:hover{
color:#000000;
text-decoration:none;
}
ol,ul{
margin:0;
padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
margin:0;
padding:0;
max-width:100% !important;
}
.sticky{
background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
margin-left:15px;
}
.entry-content a, .contentsecwrap a,.footer-text.widget a{
text-decoration: underline;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
color: #000000;
word-wrap: break-word;
line-height: 1.1;
font-family: "Orbitron", sans-serif;
}
h1{
font-size:32px;
}
h2{
font-size:30px;
}
h3{
font-size:24px;
}
h4{
font-size:20px;
}
h5{
font-size:18px;
}
h6{
font-size:14px;
}
:hover{
transition-duration: 0.5s;
}
.clear{
clear:both;
}
.alignnone{
width:100% !important;
}
img.alignleft, .alignleft{
float:left;
margin:0 15px 0 0;
padding:5px;
border:1px solid #cccccc;
}
img.alignright, .alignright{
float:right;
margin:0 0 0 15px;
padding:5px;
border:1px solid #cccccc;
}
.left{
float:left;
}
.right{
float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
float:none !important;
margin:10px 0;
}
h2#reply-title {
padding-top: 20px;
}
ol.comment-list li{
list-style:none;
margin-bottom:5px;
}
.comment-content p {
color: #3A3A3A;
}
p{
color: #3A3A3A;
}
.woocommerce nav.woocommerce-pagination ul, .single-product.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder{
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li a:hover{
background: var(--first-theme-color);
color: #ffffff;
padding: 10px 12px;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
background: #ffffff;
color: var(--first-theme-color) !important;
padding: 10px 12px;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers{
font-weight: 700;
border: 1px solid var(--first-theme-color);
}
.woocommerce-page p{
color: #000000;
}
.woocommerce-account .woocommerce-notices-wrapper + h2{
text-align: center;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-form.woocommerce-form-login{
width: 60%;
margin: 0 auto;
}
.single-product .product_meta{
margin-top: 20px;
}
.single-product .woocommerce-product-gallery__wrapper img{
height: 500px !important;
width: 500px !important;
}
.boxlayout{
width: 1140px;
margin: 0 auto;
background-color: #fff;
position: relative;
box-shadow: 0 -8px 8px #8e8e8e;
}
.single-post .comment-respond .comment-form-cookies-consent,
.woocommerce.single-product #reviews .comment-form-cookies-consent{
display: flex;
gap: 10px;
align-items: flex-start;
}
.single-post .comment-respond .comment-form-cookies-consent input{
margin-top: 5px;
} .wishlist_table.mobile{
padding-left: 0;
}
.wishlist_table.mobile table{
width: auto;
}
.wishlist_table.mobile li{
padding: 15px;
border: 1px solid #000000;
}
.cart.wishlist_table .additional-info-wrapper{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
display: grid;
grid-template-columns: 2fr 50%;
gap: 10px;
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.wishlist_table.modern_grid li .item-details table.item-details-table td.label{
font-size: 16px !important;
font-weight: 500;
}
.wishlist_table.mobile li .item-details table.item-details-table td,.wishlist_table.mobile li .additional-info .value{
font-size: 14px !important;
padding: 0 0 0 10px !important;
font-family: "Orbitron", sans-serif;
vertical-align: middle !important;
}
.wishlist_table .product-name a,
.wishlist_table .product-price,
.wishlist_table .product-stock-status .wishlist-in-stock{
font-size: 18px;
font-weight: 600;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail,
.wishlist_table.mobile li .item-wrapper .item-details{
display: block;
width: 100%;
}
.wishlist_table.mobile li .item-wrapper .item-details .item-details-table .label{
padding: 0 !important;
width: auto !important;
}
.wishlist_table .product-add-to-cart a,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart{
margin-bottom: 0 !important;
} .format-gallery .wp-block-gallery, .format-video figure{
margin-bottom: 15px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus{
outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul.sub-menu li a:focus, .main-nav ul ul a:focus{
border:2px solid var(--first-theme-color);
outline: none;
}
.main-nav a:focus, .search-box button:focus, .search-outer button.search-close:focus, .header-bg .top-search input.search-submit:focus, .header-bg .top-search .woocommerce-product-search button:focus{
border: 2px solid #000000;
outline: none;
}
input:focus{
border:2px solid #ffffff;
}
.textwidget p a,.entry-content p a,.entry-summary a,.widget_block p a,.widget_block h1 a,.widget_block h2 a,.widget_block h3 a,.widget_block h4 a,.widget_block h5 a,.widget_block h6 a{
text-decoration: underline !important;
}
.comment-content p a, .description p a {
text-decoration: underline !important;
}
.single-post .entry-content p{
color: #3A3A3A;
} .single-post .alignfull, .single-post .alignwide {
margin-left: 0 !important;
margin-right: 0 !important;
} .site-main .alignfull, .site-main .alignwide{
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px;
}
.site-main .alignfull img{
width: 100% !important
}
.site-main .alignnone, .site-main .aligncenter{
width: auto !important;
}
.site-main .alignleft{
margin-right: 10px;
}
.postsec-list .wp-block-button a:hover, .site-main .wp-block-button a:hover,
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
background: var(--first-theme-color) !important;
color: #ffffff !important;
}
.postsec-list .wp-block-button.is-style-squared a, .site-main .wp-block-button.is-style-squared a{
border-radius: 0px !important;
}
.postsec-list .wp-block-button__link, .site-main .wp-block-button__link{
background: var(--first-theme-color);
color:#ffffff !important;
border-radius: 30px;
font-weight: 500 !important;
}
.site-main .wp-block-button.is-style-outline a, .postsec-list .wp-block-button.is-style-outline a{
background:none;
border:1px solid var(--first-theme-color);
color: #fff !important;
}
.site-main img.alignleft, .site-main .alignleft, .site-main img.alignright, .site-main .alignright,
.postsec-list img.alignleft, .postsec-list .alignleft, .postsec-list img.alignright, .postsec-list .alignright{
border:none;
}
.tags a {
text-decoration: none!important;
font-weight: 400;
color: #ffffff !important;
background: var(--first-theme-color);
box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
text-shadow: none;
line-height: 3.5;
padding: 8px;
margin: 5px;
border-radius: 5px;
font-size: 15px;
}
.tags a:hover{
background-color: #000000;
color: #fff !important;
}
.modal-content{
background: transparent;
border: 0;
}
.modal-dialog{
pointer-events: all;
}
.modal-body{
padding: 0;
}
#myModal, .modal-open {
padding: 0 !important;
}
.modal-open{
overflow-y: scroll;
}
body.admin-bar .closepop{
top:30px;
} #button{
background: var(--first-theme-color);
color: #ffffff;
cursor: pointer;
width: fit-content;
padding: 5px;
padding-top: 22px;
height: 60px;
aspect-ratio: 1;
text-align: center;
position: fixed;
border-radius: 50%;
bottom: 60px;
right: 20px;
-moz-border-radius: 0;
font-size: 15px;
font-weight: 700;
display: none;
opacity: 1 !important;
z-index: 999;
} #preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999999;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(//zelx.de/wp-content/themes/robotics-services/images/status.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
} h1.site-title, p.site-title{
font-size: 20px;
margin-bottom: 0;
font-weight: 500;
color: #ffffff;
}
p.site-title a, h1.site-title a {
color: #ffffff;
font-size: 20px;
text-transform: capitalize;
}
.page-template-template-home-page p.site-title a, .page-template-template-home-page h1.site-title a{
color: #ffffff;
font-family: "Orbitron", sans-serif;
}
p.site-title{
line-height: 1.3;
}
.logo span.site-description{
font-size: 13px;
font-weight: 500;
color:#ffffff;
}
.page-template-template-home-page .logo span.site-description{
color: #ffffff;
}
#mySidenav {
display: inline;
}
.main-nav ul {
margin: 0;
padding: 0;
}
.main-nav li {
display: inline-flex;
position: relative;
align-items: center;
padding: 0px 8px;
}
.main-nav .current-menu-item a{
color: var(--first-theme-color);
}
.main-nav a {
font-size: 15px;
display: block;
text-transform: capitalize;
color: #000000;
font-weight: 500;
padding: 12px 10px;
}
.main-nav a:hover{
color: var(--first-theme-color);
}
.main-nav .sub-menu a{
color:#111 !important;
}
.main-nav li ul li.current_page_item li a{
color: #111 !important;
}
.main-nav li ul li.current_page_item a{
color:#fff !important;
}
.main-nav ul ul li.current_page_item a{
color: #000000 !important;
}
.page-template-template-home-page li.main-nav .current_page_item{
color:#ffffff;
background-color:var(--first-theme-color);
}
.page-template-template-home-page .main-nav .sub-menu .current_page_item a{
background:none;
}
.main-nav ul.sub-menu .current_page_item a::before,
.main-nav ul.sub-menu .current-menu-item a::before,
.main-nav ul ul .menu-item a:before{
content: none;
}
.main-nav ul ul .menu-item-has-children > a::after{
margin-top: 2px;
}
.main-nav .menu-item-has-children > a::after {
content: '\f107';
font-family: 'Font Awesome 7 Free';
font-weight: 900; 
display: inline-block;
width: 0;
height: 0;
position: absolute;
top: auto;
bottom: auto;
right: auto;
margin-left: 3px;
margin-top: 3px;
transform: translateY(-50%);
pointer-events: none;
font-size: 12px;
}
.main-nav .menu-item-has-children.current-menu-parent > a::after,
.main-nav .menu-item-has-children.current-menu-ancestor > a::after,
.main-nav .menu-item-has-children.current_page_parent > a::after {
transform: translateY(-50%) rotate(0deg);
}
.main-nav ul.sub-menu li a:hover {
background-color: var(--first-theme-color) !important;
color: #ffffff !important;
border-radius: 0;
}
.main-nav ul ul {
position: absolute;
background: #fff;
min-width: 250px;
z-index: 9999;
top: 98%;
line-height: 30px;
opacity: 0;
}
.main-nav ul ul ul {
left: 100%;
top: 0%;
}
.main-nav ul ul a {
color: #1f1f1f;
border: none;
padding: 10px;
margin-bottom: 0;
}
.main-nav ul ul li {
float: none;
display: block;
text-align: left;
border-left: none;
border-right: none !important;
padding: 0;
border-bottom: solid 1px #f1f1f1;
}
.main-nav li ul {
border-top: 3px solid var(--first-theme-color);
box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover {
background: transparent;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
opacity: 1;
}
.main-nav ul li:hover > ul {
opacity: 1;
}
.main-nav li.menu-item-has-children:hover > ul,
.main-nav li.menu-item-has-children:focus > ul,
.main-nav li.menu-item-has-children.focus > ul {
opacity: 1;
}
.main-nav .sub-menu {
opacity: 0;
left: -9999px;
z-index: 99999;
width: 200px !important;
}
.main-nav ul.sub-menu li a {
background: #ffffff !important;
color: #000 !important;
}
ul.sub-menu ul.sub-menu {
left: 200px !important;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
}
ul.sub-menu ul.sub-menu {
left: -9999px;
}
.toggle-nav,
a.close-button {
display: none;
} .page-header {
margin-bottom: 20px;
}
.page-header h1{
color: #000000;
margin-bottom: 10px;
font-size: 35px;
word-wrap: break-word;
}
.page-header span, .page-header span a {
font-size: 18px;
word-wrap: break-word;
display: inline;
margin-bottom: 10px;
} .main-header{
background: linear-gradient(77.48deg, var(--first-theme-color) -4.19%, var(--second-theme-color) 100.77%);
}
.page-template-template-home-page .main-header{
position: absolute;
z-index: 1;
width: 100%;
background: transparent;
}
.main-header .header-right{
position: relative;
background-color: #ffffff;
box-shadow: 0px 4px 4px 0px #00000026;
border-radius: 0 50px 50px 0;
display: grid;
}
.main-header .header-right:before{
content: '';
position: absolute;
background-image: url(https://zelx.de/wp-content/themes/robotics-services/images/top-img.png);
left: -12px;
top: 51%;
transform: translateY(-50%);
z-index: 9999;
height: 102%;
width: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
} .box-image .single-page-img{
position: relative;
}
.box-image .single-page-img:after{
content: '';
position: absolute;
height: 300px;
width: 100%;
background-color: #000000;
top: 0;
opacity: 0.6;
}
.box-image {
position: relative;
}
.box-image .page-header{
position: absolute;
bottom: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
margin-bottom: 0;
width: 100%;
padding: 10px;
}
.box-image .page-header h2,
.box-image .page-header h1{
color: #fff;
text-transform:uppercase;
}
.box-image .page-header .breadcrumb, .box-image .page-header .woocommerce-breadcrumb a, .box-image .page-header .woocommerce-breadcrumb{
justify-content: center;
color: #ffffff;
align-items: center;
}
.box-image .page-header .breadcrumb a, 
.box-image .page-header .breadcrumb span, 
.box-image .page-header .woocommerce-breadcrumb a, 
.box-image .page-header .woocommerce-breadcrumb{
background-color: transparent;
margin: 0;
}
.box-image .page-header .entry-title span{
font-size: 35px;
}
.archive.woocommerce .single-page-img{
margin-bottom: 20px;
} #banner-cat{
background: linear-gradient(77.48deg, var(--first-theme-color) -4.19%, var(--second-theme-color) 100.77%);
height: 700px;
}
#banner-cat .banner-bg{
height: 100%;
width: 100%;
}
#banner-cat .banner-outer-box{
left: 0;
bottom: 50%;
transform: translateY(50%);
width: 100%;
}
#banner-cat{
width: 100%;
height: 800px;
object-fit: cover;
-webkit-mask-image: url(https://zelx.de/wp-content/themes/robotics-services/images/mask.png);
mask-image: url(https://zelx.de/wp-content/themes/robotics-services/images/mask.png);
-webkit-mask-position: center center;
mask-position: top center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
}
#banner-cat .banner-right-img{
height: 800px;
}
#banner-cat .banner-right-img img{
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 570px;
width: auto;
transition: 0.8s;
}
#banner-cat .bannerbox .banner-title a, 
#banner-cat .bannerbox .banner-content, 
#banner-cat .bannerbox .bannerbtn a,
#banner-cat .bannerbox .bnr-sub-heading{
color: #ffffff;
}
#banner-cat .bannerbox .banner-title a{
font-size: 36px;
font-weight: 600;
line-height: 1.5;
}
#banner-cat .bannerbox .banner-content{
font-weight: 300;
}
#banner-cat .bannerbox .bannerbtn a, #case-study-section .services-box .services-btn, #case-study-section .explore-btn a, .main-header .header-top-btn a{
display: inline-flex;
align-items: center;
}
.main-header .header-top-btn a{
margin: 7px 0;
}
#case-study-section .explore-btn a{
justify-content: flex-end;
}
#banner-cat .bannerbox .bannerbtn .btn-text, #case-study-section .services-box .services-btn .service-btn-text, #case-study-section .explore-btn .case-btn, .main-header .header-top-btn a .header-btn{
background-color: #000000;
border-radius: 25px 0 0 25px;
padding: 10px 20px;
transition: 1.2s;
color: #ffffff;
}
#banner-cat .bannerbox .bannerbtn i, #case-study-section .services-box .services-btn i, #case-study-section .explore-btn i, .main-header .header-top-btn i{
background-color: #ffffff;
border-radius: 0 25px 25px 0;
padding-right: 8px;
margin-left: 3px;
color: #000000;
font-size: 20px;
height: 42px;
width: 53px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 1.2s;
}
#banner-cat .bannerbox .bannerbtn a:hover i, #case-study-section .services-box:hover .services-btn i, #case-study-section .explore-btn:hover i, .main-header .header-top-btn:hover i{
background-color: #000000;
color: #ffffff;
}
#banner-cat .bannerbox .bannerbtn a:hover .btn-text{
color: #000000;
background-color: #ffffff;
}
#case-study-section .services-box:hover .services-btn .service-btn-text, #case-study-section .explore-btn:hover .case-btn, .main-header .header-top-btn:hover .header-btn{
color: #ffffff;
background-color: var(--first-theme-color);
}
#case-study-section .services-box .services-btn i, #case-study-section .explore-btn i, .main-header .header-top-btn i{
background-color: var(--first-theme-color);
color: #ffffff;
} #case-study-section .blog-bx .case-study-text{
color: var(--first-theme-color);
font-weight: 600;
}
#case-study-section .blog-bx .case-study-title{
font-weight: 700;
}
#case-study-section .services-box .post-bg-img svg{
height: 100%;
width: 100%;
}
#case-study-section .services-box .case-content{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 95%;
}
#case-study-section .services-box .services-main-content .post-head a,
#case-study-section .services-box .services-main-content .services-description{
color: #000000;
}
#case-study-section .services-box .services-main-content .services-description{
font-weight: 300;
}
#case-study-section .services-box .services-main-content .post-head a{
font-size: 20px;
font-weight: 700;
}
#case-study-section .services-box:hover .services-main-content .post-head a{
color: var(--first-theme-color);
}
#case-study-section .services-box .services-main-content .services-content .case-cat {
font-weight: 600;
}
#case-study-section .services-box .service-img img{
border-radius: 8px;
height: 210px;
object-fit: cover;
transition: 1.2s;
}
#banner-cat .bannerbox .banner-title a,
#banner-cat .bannerbox .banner-content,
#case-study-section .services-box .services-main-content .post-head,
#case-study-section .services-box .services-main-content .services-description{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical
}
#case-study-section .services-box .services-main-content .post-head{
-webkit-line-clamp: 2;
line-height: 1.5;
}
#banner-cat .bannerbox .banner-content,
#case-study-section .services-box .services-main-content .services-description{
-webkit-line-clamp: 3;
}
#banner-cat .bannerbox .banner-title a{
-webkit-line-clamp: 2;
}
#case-study-section .services-box .service-img{
border-radius: 8px;
}
#case-study-section .services-box .service-img .case-img-overlay{
background-color: var(--first-theme-color);
height: 0;
width: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
border-radius: 8px;
transition: 1s;
}
#case-study-section .services-box:hover .service-img .case-img-overlay{
height: 100%;
width: 100%;
}
#banner-cat .banner-right-img:hover img{
transform: scale(0.9) translateX(-50%);
}
.woocommerce.single-product .summary.entry-summary .product_title{
margin-bottom: 16px;
}
.woocommerce.single-product .yith-add-to-wishlist-button-block--single{
padding: 0 !important;
}
.woocommerce a.yith-wcwl-add-to-wishlist-button,
.woocommerce .related.products a.yith-wcwl-add-to-wishlist-button {
padding: 8px 15px;
}
.woocommerce .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg{
color: #ffffff;
height: 22px;
width: 22px;
margin-right: 5px;
}
.woocommerce .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg{
color: #ffffff !important;
}
.woocommerce .yith-add-to-wishlist-button-block {
justify-content: flex-start;
margin: 7px 0;
}
.single-product .summary button.woosw-btn, .single-product .related.products button.woosw-btn, .woocommerce-shop button.woosw-btn, .woosw-popup-content .add_to_cart_inline .added_to_cart, .woosw-list .woosw-item--actions .added_to_cart, .woosw-list .woosw-copy #woosw_copy_btn{
padding: 7px 15px;
background: var(--first-theme-color);
color: #ffffff;
display: inline-block;
font-size: 14px;
text-transform: capitalize;
border-radius: 4px;
font-weight: 500;
text-align: center;
border: none;
}
.single-product .summary button.woosw-btn:hover, .single-product .related.products button.woosw-btn:hover, .woocommerce-shop button.woosw-btn:hover, .woosw-popup-content .add_to_cart_inline .added_to_cart:hover, .woosw-list .woosw-item--actions .added_to_cart:hover, .woosw-list .woosw-copy #woosw_copy_btn:hover{
background: #000000;
}
.woosw-list .woosw-copy #woosw_copy_btn{
margin-left: 10px;
}
.woosw-list .woosw-copy #woosw_copy_url{
padding: 5px;
}
.woosw-popup-content .add_to_cart_inline .added_to_cart{
margin-top: 10px;
}
.woosw-list .woosw-item .woosw-item--actions{
text-align: center;
}
.woosw-list .woosw-item--actions .added_to_cart{
margin-left: 10px;
}
.woosw-list .woosw-item .woosw-item--actions a.add_to_cart_button, .woosw-list .woosw-item--actions .added_to_cart{
text-decoration: none !important;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a{
font-size: 20px;
text-decoration: none;
} .postsec-list input.search-field,
.postsec-list input.search-submit {
padding: 11px 10px;
}
.postsec-list .search-form input.search-submit, #sidebar form .wp-block-search__button{
background: var(--first-theme-color);
color: #ffffff;
border: 2px solid var(--first-theme-color);
font-weight: 700;
border-radius: 4px;
}
.postsec-list .search-form input.search-submit:hover, #sidebar form .wp-block-search__button:hover{
background: #000000;
border-color: #000000;
color: #ffffff;
}
.contentsecwrap{
padding:35px 0;
clear: both;
}
.contentsecwrap p{
margin-bottom:20px;
}
.type-page .entry-content p {
color: #3A3A3A;
}
#sidebar aside.widget{
padding: 20px;
border-radius: 5px;
}
#sidebar #search .search-submit{
margin-top: 10px;
}
.listarticle{
border-radius: 5px;
}
.listarticle h2 a{
color: #3A3A3A;
font-size: 30px;
text-decoration: none;
word-wrap: break-word;
}
.listarticle h2 a:hover{
color: var(--first-theme-color);
}
.single_title{
margin-bottom: 15px;
font-size: 20px;
}
.post-thumb{
margin:15px 0;
}
.nav-links .page-numbers{
border: 1px solid var(--first-theme-color);
color: var(--first-theme-color) !important;
padding:10px 15px;
text-decoration: none;
font-weight: 700;
}
span.page-numbers.current, .nav-links .page-numbers:hover{
background: var(--first-theme-color);
color: #ffffff !important;
} label{
margin-bottom: 0;
}
#footer .search-form label, #sidebar .search-form label{
width: 100%;
}
aside.widget ul, .entry-summary li{
list-style:none;
}
.listarticle .alignfull, .listarticle .alignwide{
margin-left: 0;
margin-right: 0;
}
#recentcomments li{
background-image:none !important;
}
#recentcomments li a{
padding-left:0px !important;
}
.textwidget select,table{
width:100%;
}
nav.navigation.pagination {
margin: 30px auto;
} #sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
border: solid 2px var(--first-theme-color);
padding: 10px;
width: 100%;
}
#footer input[type="search"]{
color: #000000;
border: 1px solid #ffffff;
}
#footer .search-form input::placeholder{
color: #000000;
}
#footer input.search-submit{
background-color: #000000;
padding: 10px;
width: 100%;
border:none;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
}
#sidebar input.search-submit,
form.woocommerce-product-search button {
padding: 14px;
width: 100%;
border:none;
background: var(--first-theme-color);
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
}
input.search-submit{
background: var(--first-theme-color);
color: #ffffff;
border:none;
padding: 10px 20px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
clear: both;
content: "";
display: table;
}
#sidebar .widget-title, #sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6, #sidebar form label.wp-block-search__label {
font-size: 28px;
font-weight: 500;
padding-bottom: 10px;
position: relative;
text-align: left;
text-transform: capitalize;
color: #262626;
font-family: "Orbitron", sans-serif;
}
.entry-title h2:before{
content: "\f185";
display: inline-block;
font-family: FontAwesome;
margin-right: 5px;
}
#sidebar ul {
list-style: outside none none;
padding: 0;
margin: 0;
}
#sidebar ul ul {
border-bottom:none;
padding-bottom: 0;
}
#sidebar ul li {
padding: 5px;
padding-left: 30px;
padding-top: 5px;
position: relative;
color: #000000;
}
#sidebar ul li::before {
color: var(--first-theme-color);
content: "\f192";
display: inline-block;
font-family: 'Font Awesome 7 Free';
font-weight: 900;
font-size: 7px;
left: 0;
position: absolute;
top: 12px;
margin-left: 2px;
}
#sidebar .widget_nav_menu ul li::before{
top: 18px;
}
#sidebar .widget a,
#sidebar .widget a:visited {
color: #000000;
text-decoration: none;
}
#sidebar .widget_text p a,
#sidebar .wp-block-heading a{
color: var(--first-theme-color) !important;
}
#sidebar .widget a:hover,
#sidebar .widget a:active {
color: var(--first-theme-color);
}
#sidebar .widget {
padding: 20px;
background: #fff;
border-radius: 12px;
box-shadow: 0 0 4px #cfcfcf;
border-bottom: 3px solid var(--first-theme-color);
margin-bottom: 30px;
}
#sidebar .widget:hover{
box-shadow: 0 0 20px #cfcfcf;
}
#sidebar .widget_nav_menu ul li{
padding: 3px 15px 5px 20px;
}
#sidebar .widget_nav_menu ul li a{ 
line-height: 2.5;
} .page-links {
float: unset !important;
display: inline-flex;
gap: 5px;
align-items: center;
margin:20px auto;
}
.page-links a, .page-links span{
padding: 10px 15px;
background: var(--first-theme-color);
color: #ffffff;
}
.page-links .post-page-numbers.current, .page-links a:hover{
background-color: #000000;
color:#fff;
} .widget_calendar {
text-align: center;
}
.widget_calendar h3{
text-align: left;
}
.widget_calendar caption {
background: var(--first-theme-color) none repeat scroll 0 0;
color: #ffffff;
padding: 5px;
}
.widget_calendar .pad {
background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today a{
color: #ffffff;
}
.widget_calendar #today {
background: var(--first-theme-color) none repeat scroll 0 0;
color: #ffffff;
}
.widget .tagcloud a {
background: var(--first-theme-color);
color: #ffffff !important;
border: 1px solid var(--first-theme-color);
display: inline-block;
font-size: 16px !important;
line-height: 1.5;
margin-bottom: 5px;
padding: 5px 15px;
}
.widget .tagcloud a:hover {
background-color: #ffffff;
color: var(--first-theme-color) !important;
border: 1px solid var(--first-theme-color);
}
.widget_categories li > a,
.widget_archive li > a {
display: inline-block;
min-width: 85%;
}
.search-form .search-submit:focus {
box-shadow: inherit;
outline: none;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 5px;
color:#252525;
}
#footer td, #footer th{
color: #fff;
}
select {
width: 100%;
padding: 5px;
}
#footer .tagcloud a {
border: solid 1px #fff;
font-size: 14px !important;
margin: 2px 0;
display: inline-block;
color: #fff !important;
padding: 5px 10px;
font-weight: 500;
}
#footer .tagcloud a:hover{
color: var(--first-theme-color) !important;
background-color: #ffffff;
border-color: var(--first-theme-color);
}
.tagcloud a:hover{
background: var(--first-theme-color);
border-color: var(--first-theme-color);
color: #ffffff !important;
} #footer ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#footer ul li {
font-size: 15px;
padding: 3px 15px 3px 13px;
position: relative;
color: #fff;
}
#footer ul li::before {
color: #fff;
content: "\f105";
display: inline-block;
font-family: 'Font Awesome 7 Free';
font-weight: 900;
font-size: 14px;
left: 0;
position: absolute;
top: 3px;
}
#footer a .footer-widget-area {
float: left;
padding: 0 25px;
width: 25%;
}
#footer a,
#footer p {
color:#fff;
}
#footer h6 {
color: var(--first-theme-color);
}
#footer .footer-block .widget_text p a, #footer .footer-block .widget_block .wp-block-heading a{
color: #000000;
} .postsec-list article.hentry,
.search-results .postsec-list article{
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 4px #cfcfcf;
padding: 30px;
position: relative;
border-radius: 12px;
margin-bottom: 30px;
}
.postsec-list article.hentry:hover,
.search-results .postsec-list article:hover{
box-shadow: 0 0 20px #cfcfcf;
} #footer{
background-color: var(--first-theme-color);
color: #ffffff;
}
#footer h1, #footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {
color: #fff;
}
.ftr-4-box{
width:100%;
float:left;
margin:0 4% 2% 0;
box-sizing:border-box;
padding:20px;
}
.widget-column-4 {
margin-right:0px !important;
}
.ftr-4-box h5{
font-size:28px;
color:var(--first-theme-color);
margin-bottom:0;
border-bottom:1px solid #000000;
padding-bottom:20px;
}
.ftr-4-box h5 span{
font-weight:300;
color: #3dd4e5;
}
.ftr-4-box ul{
margin:0;
padding:0;
list-style:inside disc;
}
.ftr-4-box ul li {
display:block;
padding:6px 0;
}
.ftr-4-box ul li a,.ftr-4-box a.readmore span {
color:#ffffff;
}
.ftr-4-box p{
margin-bottom:15px;
}
.copywrap {
font-size: 18px;
padding: 14px 10px !important;
background: var(--first-theme-color);
border-top: 1px solid #ffffff;
}
.copywrap p, .copywrap p a{
color:#ffffff !important;
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
}
#footer .copywrap a:hover{
color:#000000;
}
.entry-content .tags a{
color:#ffffff !important;
}
.entry-content .tags a:hover{
background-color: #000000;
color: #ffffff !important;
} .is-sticky-on.header-sticky .main-header .header-bg{
padding: 15px 0 !important;
margin-bottom: 0 !important;
}
.page-template-template-home-page .is-sticky-on.header-sticky p.site-title a, .page-template-template-home-page .is-sticky-on.header-sticky h1.site-title a{
-webkit-text-fill-color: #ffffff;
background: transparent;
}
.is-sticky-on.header-sticky .main-header .topbar,
.page-template-template-home-page .is-sticky-on.header-sticky .main-header .header-bg .logo-box .logo-right-img{
display: none;
}
.page-template-template-home-page .is-sticky-on.header-sticky .main-header .header-bg .logo-box {
background-color: #0000;
box-shadow: unset;
}
.is-sticky-on.header-sticky .main-header{
position: fixed;
right:0;
width: 100%;
background: linear-gradient(77.48deg, #015AA3 -4.19%, #042146 100.77%);
z-index: 9;
border: none;
box-shadow: 0px 4px 6px 0px #00000040;
padding: 0;
margin: 0 !important;
}
.is-sticky-on.header-sticky .main-header .main-menu-box{
align-self: center;
}
.copywrap .copywrap-info{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.copywrap .copywrap-info.center-content {
justify-content: center;
text-align: center;
} @media screen and (max-width: 1000px){
#banner-cat .bannerbox .banner-title a{
-webkit-line-clamp: 3;
}
body.admin-bar.page-template-template-home-page .search-close{
top: 36px;
}
.main-nav li ul li.current_page_item li a {
color: #ffffff !important;
}
p.site-title a, h1.site-title a{
font-size: 23px;
}
.main-nav ul ul, .main-nav .sub-menu{
opacity: 1;
width: auto;
}
.page-template-template-home-page .main-nav .current_page_item a{
color: var(--first-theme-color);
}
.main-nav .current_page_item a::before{
content: none;
}
.logo span.site-description{
font-size: 12px;
}
.main-nav ul ul li{
margin-bottom: 0;
}
.page-template-template-home-page .main-nav a,.main-nav ul.sub-menu li a{
color: #fff !important;
text-align: center;
padding-left: 0;
background-color: transparent !important;
}
.main-nav ul.sub-menu li a{
padding-left: 0;
}
.page-template-template-home-page .sidenav .main-nav{
background-color: #0000;
}
.main-nav ul{
text-align: left;
}
.main-nav ul.sub-menu li a:focus, .main-nav ul ul a:focus,.main-nav a:focus{
border:2px solid #fff;
outline: none;
}
.main-nav li ul{
border:none;
box-shadow: none;
border-top: none !important;
}
.main-nav .sub-menu li{
border-bottom: none;
}
.toggle-nav button {
font-weight: 400;
border: none;
font-size: 14px;
padding: 8px 25px;
color: #ffffff;
display: inline-block;
background: var(--first-theme-color);
border-radius: 25px;
position: relative;
z-index: 1;
}
.sidenav {
height: 100%;
width: 100%;
position: fixed !important;
z-index: 99999; 
left: 0;
top: -110%;
overflow-x: hidden; 
transition: 0.5s top ease-in-out;
overflow-y: scroll;
background: #000;
visibility: hidden; 
opacity: 0.9;
}
.main-nav ul li a:hover{
color: #242527;
}
.main-nav li {
padding: 0 15px;
display: block;
border-bottom: none;
border-right: none;
height: auto;
}
body.show-main-menu .sidenav{
visibility: visible;
top: 0;
transition: 0.5s top ease-in-out;
background: #000 !important;
}
.sidenav .close-button {
margin-bottom:30px !important;
font-size: 36px; 
display: block !important;
color: #fff; 
padding: 10px !important;
text-align: center;
margin-top: 25px;
}
.sidenav #site-navigation {
width: 100%; 
margin-top: 45px;
}
.toggle-nav span{
font-size:30px; 
cursor:pointer; 
text-align: right;
}
.main-nav ul ul li,.menubar .nav ul li{
display: block;
text-align: center !important;
}
.toggle-nav{
display: block;
}
.main-nav li.current_page_item a{
color: #ffffff;
}
.main-nav ul li a{
padding: 8px;
text-decoration: none;
font-size: 15px;
color: #fff;
display: block;
float: none;
margin: 5px 0;
border-right: none; 
text-align: center;
}
.main-nav ul li ul li a:before{
content:"\00BB \00a0";
}
.main-nav ul.sub-menu a:hover{
color:#000000;
}
.main-nav ul ul{
position: static; 
width: 100%; 
background: transparent;
border-top-width: 0px; 
border-bottom-width: 0px;
box-shadow: none; 
}
.main-nav ul ul a{
border-bottom: none; 
padding-left: 40px;
}
.main-nav ul ul li.current_page_item a {
color: #ffffff !important;
}
.main-nav ul ul ul.sub-menu a{
padding-left: 0;
}
#mySidenav {
text-align: left; 
display: inline;
}
.main-menu {
padding: 0em;
display: flex;
flex-direction: column;
align-items: center;
}
.main-nav ul.sub-menu>li>a:before {
content: unset;
}
.main-nav ul.sub-menu>li>a:hover:before{
opacity: 0;
left: 0px;
width: 0px;
}
.page-template-template-home-page .main-nav .current_page_item a, .main-nav .current_page_item a, .main-nav .current_page_item a:hover{
background:none;
}
}
@media screen and (max-width: 599px){
.admin-bar .is-sticky-on{
top: 0px;
}
}
@media screen and (max-width: 600px){
.is-sticky-on.header-sticky .main-header{
top: 0;
}
}
@media screen and (max-width: 575px){
.main-header .logo-box .logo{
justify-content: center;
}
.main-header .header-right .header-top-btn{
text-align: center !important;
margin-top: 15px;
}
.main-header .menu-sec .toggle-nav{
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.toggle-nav button{
background-color: #ffffff;
color: #000000;
}
.page-template-template-home-page .main-header{
position: static;
}
.main-header .header-right{
background-color: #0000;
box-shadow: unset;
border-radius: 0;
}
.main-header .header-right:before, .main-header .logo-box .logo:after{
content: none;
}
.page-template-template-home-page .main-header, .main-header{
background: linear-gradient(77.48deg, var(--first-theme-color) -4.19%, var(--second-theme-color) 100.77%);
border-bottom: 2px solid #ffffff;
}
#banner-cat{
height: 650px;
}
#banner-cat .banner-outer-box{
bottom: 0;
transform: none;
}
#banner-cat .bannerbox .banner-content{
margin-bottom: 18px !important;
}
#banner-cat .bannerbox .banner-title a{
font-size: 28px;
}
#banner-cat .banner-right-img img{
transform: none;
position: static !important;
}
#banner-cat .banner-right-img {
height: auto;
margin-top: 20px;
}
#banner-cat .banner-right-img img{  
height: 300px;
}
#banner-cat{
mask-image: none;
}
#case-study-section .services-box .post-bg-img{
display: none;
}
#case-study-section .services-box .case-content{
position: static !important;
transform: none;
width: 100%;
background-color: #E6EFF6;
padding: 12px;
border-radius: 10px;
}
#case-study-section .services-box .service-img img{
height: 200px;
}
#case-study-section .services-box .service-img{
margin-bottom: 20px;
}
#case-study-section .case-content .services-main-content .services-content,
#case-study-section .services-box .service-img,
#case-study-section .blog-bx,
#case-study-section .explore-btn{
text-align: center;
}
#case-study-section .blog-bx .case-study-title{
font-size: 24px;
}
#case-study-section .blog-bx{
margin-bottom: 25px;
}
.woocommerce-account .woocommerce-form.woocommerce-form-login{
width: 100%;
}
.wishlist_table .product-add-to-cart a{
padding: 8px 8px !important;
}
#footer .footer-widget{
text-align: center;
}
#footer ul li{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 6px 0;
}
#footer ul li::before{
content: none;
}
.single-product .woocommerce-product-gallery__wrapper img{
width: 100% !important;
height: auto !important;
}
.woocommerce ul.products li{
width: 100% !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
}
.ftr-4-box{
width: 100%;
}
.boxlayout{
width: 270px;
}
.admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
top:0;
}
.page-template-template-home-page .product-cart .cart-count{
background: var(--first-theme-color);
color: #ffffff;
}
ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
grid-template-columns: 100%;
}
.sidenav .close-button{
margin-bottom: 20px !important; 
}
.admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
top: 0;
}
tr.wc-block-cart-items__row {
gap: 0.4em;
}
td.wc-block-cart-item__total{
padding-left: 0px !important;
}
li.wc-block-grid__product{
max-width:100% !important;
float:none;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
max-width: 100% !important;
margin: 0 8.8% 2.992em 0;
}
.header.main.sticky-head{
position: static;
box-shadow:none;
}
.header.main.sticky-head{
position: static;
transform: none;
}
#sidebar{
margin-top: 30px;
}
.copywrap .copywrap-info{
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.copywrap .copywrap-info p,
.copywrap .footer-social {
flex: 1 1 100%; 
justify-content: center;
align-items: center;
}
.copywrap .footer-social{
margin-top: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.main-header .menu-sec .toggle-nav{
text-align: left !important;
}
#banner-cat, #banner-cat .banner-right-img{
height: 650px;
}
#banner-cat .banner-right-img img{
height: auto;
}
#banner-cat .bannerbox .banner-title a{
font-size: 28px;
}
#case-study-section .blog-bx .case-study-title{
font-size: 26px;
}
#case-study-section .services-box .services-main-content .post-head,
#case-study-section .services-box .services-main-content .services-description{
-webkit-line-clamp: 1;
}
#case-study-section .services-box .services-main-content .services-description {
font-size: 13px;
margin: 4px 0 10px !important;
}
#case-study-section .services-box .services-main-content .post-head a{
font-size: 15px;
}
#case-study-section .services-box .services-btn .service-btn-text{
padding: 5px 12px;
font-size: 13px;
}
#case-study-section .services-box .services-content .case-cat{
font-size: 12px;
}
#case-study-section .services-box .services-btn i{
height: 29px;
width: 40px;
font-size: 16px;
}
#case-study-section .services-box .services-main-content .services-content .case-cat{
margin-bottom: 4px !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
max-width: 50% !important;
margin: 0 1.8% 2.992em 0;
}
.toggle-nav button{
font-size: 15px;
padding: 5px 25px;
}
p.site-title a, h1.site-title a, h1.site-title, p.site-title {
font-size: 20px;
}
.single-product .woocommerce-product-gallery__wrapper img{
width: 100% !important;
height: auto !important;
}
.is-sticky-on.mobile.sticky-head{
top: 40px;
}
.admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
top: 47px;
}
.admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
top:42px;
}
.boxlayout{
width: 650px;
}
.ftr-4-box{
display: inline-grid;
float: none;
}
tr.wc-block-cart-items__row {
gap: 1em;
}
li.wc-block-grid__product{
max-width: 48% !important;
float: left;
clear: both;
margin: 0 1% 2.992em;
flex: 1 0 48% !important;
}
.woocommerce ul.products li.product {
width: 48% !important;
margin: 0 6px 2.992em;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#banner-cat .bannerbox .banner-title a{
font-size: 32px;
}
#banner-cat .banner-right-img img{
height: 540px;
}
#case-study-section .blog-bx .case-study-title{
font-size: 28px;
}
#case-study-section .services-box .services-main-content .post-head{
-webkit-line-clamp: 2;
}
#case-study-section .services-box .services-main-content .services-description {
-webkit-line-clamp: 1;
}
#case-study-section .services-box .services-main-content .post-head a{
font-size: 18px !important;
}
#case-study-section .services-box .services-btn .service-btn-text{
padding: 7px 20px;
}
#case-study-section .services-box .services-btn i{
height: 37px;
font-size: 18px;
}
.related.products .product-content .product-btn,
.woocommerce-shop .product-content .product-btn{
width: 90px;
}
.related.products .product-content .product-btn a,
.woocommerce-shop .product-content .product-btn a{
font-size: 25px;
margin-left: 30px;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
max-width: 21.75% !important;
}
p.site-title a, h1.site-title a, h1.site-title, p.site-title {
font-size: 20px;
}
.main-nav a, .main-nav .menu-item-has-children > a::after{
font-size: 14px;
}
.main-nav .menu-item-has-children > a::after{
margin-top: 2px;
}
.admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
top: 32px;
}
.admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
top: 30px;
}
tr.wc-block-cart-items__row {
gap: 1em;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
#banner-cat .banner-right-img img{
height: 560px;
}
#case-study-section .services-box .services-main-content .services-description {
-webkit-line-clamp: 2;
}
p.site-title a, h1.site-title a, h1.site-title, p.site-title {
font-size: 25px;
}
}
@media screen and (min-width: 1400px){
.single-product.woocommerce-page div.product div.summary{
width: 52%;
}
}
@media screen and (min-width:1600px) and (max-width:1900px){
.container{
max-width: 1520px;
}
}
@media screen and (min-width:1920px) {
.container{
max-width: 1620px;
}
}