@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

                                                                  @font-face {
font-display: swap;
font-family: "Grandesign Neue Roman";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/grandesign-neuer-roman.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Nixie One";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/NixieOne-Regular.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Helvetica";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica.woff) format("woff"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Helvetica";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-bold.woff) format("woff"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-bold.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Helvetica";
font-style: normal;
font-weight: 300;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-light.woff) format("woff"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-light.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-light.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-light.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-regular.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-regular.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-bold.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-bold.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-light.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-light.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-regular.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-regular.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-bold.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-bold.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Verdana";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Verdana";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana-bold.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana-bold.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/material-icons-v143-latin-regular.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/material-icons-v143-latin-regular.ttf) format("truetype");
}
.google-material-icons,
.material-icons,
.material-symbols-outlined {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga";
font-weight: normal;
}
html {
font-family: "Helvetica", "Roboto", "Open Sans", "Verdana", sans-serif !important;
font-size: 16px;
}   :root {
--4u-primary: #003366;
--4u-secondary: #669999;
--4u-accent: #0066cc;
--4u-success: #10b981;
--4u-warning: #f59e0b;
--4u-danger: #ef4444;
--4u-text-dark: #1a1a1a;
--4u-text-gray: #666666;
--4u-text-light: #ffffff;
--4u-bg-white: #ffffff;
--4u-bg-light: #f8f9fa;
--4u-bg-gray: #e9ecef;
--4u-border: #e5e7eb;
--4u-shadow-sm: 0 5px 15px rgba(0,51,102,0.08);
--4u-shadow-md: 0 10px 30px rgba(0,51,102,0.15);
--4u-shadow-lg: 0 20px 60px rgba(0,0,0,0.3);
--4u-gradient: linear-gradient(135deg, #003366 0%, #669999 100%);
--4u-max-width: 1200px;
--4u-radius: 5px;
--4u-radius-lg: 12px;
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--4u-text-dark);
background: var(--4u-bg-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.2;
color: var(--4u-primary);
margin-bottom: 1rem;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
p {
margin-bottom: 1.5rem;
line-height: 1.8;
}
a {
color: var(--4u-accent);
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: var(--4u-primary);
}
a:focus:not(:focus-visible) {
outline: none;
}
a:focus-visible {
outline: 2px solid var(--4u-accent);
outline-offset: 3px;
border-radius: 3px;
transition: outline 0.2s ease;
}
strong, b {
font-weight: 700;
}
em, i {
font-style: italic;
}
small {
font-size: 0.875em;
} ul, ol {
margin-bottom: 1.5rem;
padding-left: 30px;
}
ul li, ol li {
margin-bottom: 0.5rem;
line-height: 1.8;
}
ul ul, ul ol, ol ul, ol ol {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
dl {
margin-bottom: 1.5rem;
}
dl dt {
font-weight: 700;
margin-bottom: 0.25rem;
}
dl dd {
margin-left: 20px;
margin-bottom: 1rem;
} input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=number],
input[type=date],
textarea,
select {
width: 100%;
padding: 12px 15px;
border: 1px solid var(--4u-border);
border-radius: var(--4u-radius);
font-size: 16px;
font-family: inherit;
transition: all 0.3s;
background: white;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
color: #adb5bd;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
textarea::placeholder,
select::placeholder {
color: #adb5bd;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
textarea:disabled,
select:disabled {
background: var(--4u-bg-light);
cursor: not-allowed;
opacity: 0.6;
}
textarea {
resize: vertical;
min-height: 120px;
}
select {
cursor: pointer;
}
label {
display: block;
margin-bottom: 8px;
font-weight: 500;
color: var(--4u-text-dark);
}
fieldset {
border: 1px solid var(--4u-border);
border-radius: var(--4u-radius);
padding: 20px;
margin-bottom: 1.5rem;
}
fieldset legend {
padding: 0 10px;
font-weight: 600;
}
button {
font-family: inherit;
cursor: pointer;
transition: all 0.3s;
} table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1.5rem;
}
table th, table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid var(--4u-border);
}
table th {
background: var(--4u-bg-light);
font-weight: 600;
color: var(--4u-primary);
}
table tr {
transition: background 0.3s;
}
table tr:hover {
background: var(--4u-bg-light);
}
table tbody tr:last-child td {
border-bottom: none;
} img {
max-width: 100%;
height: auto;
display: block;
}
img.inline-icon, img[width="14"], img[width="16"], img[width="20"], img[width="24"] {
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
}
figure {
margin: 0 0 1.5rem 0;
}
figure img {
margin-bottom: 0.5rem;
}
figure figcaption {
font-size: 0.875rem;
color: var(--4u-text-gray);
text-align: center;
}
iframe {
max-width: 100%;
}
video {
max-width: 100%;
height: auto;
} blockquote {
border-left: 4px solid var(--4u-primary);
padding-left: 20px;
margin: 30px 0;
font-style: italic;
color: var(--4u-text-gray);
}
blockquote cite {
display: block;
margin-top: 10px;
font-style: normal;
font-size: 0.875rem;
}
blockquote cite::before {
content: "— ";
}
pre {
background: var(--4u-bg-light);
padding: 20px;
border-radius: var(--4u-radius);
overflow-x: auto;
margin-bottom: 1.5rem;
}
pre code {
font-family: "Monaco", "Courier New", monospace;
font-size: 14px;
background: none;
padding: 0;
color: inherit;
}
code {
background: var(--4u-bg-light);
padding: 2px 6px;
border-radius: 3px;
font-size: 0.9em;
color: var(--4u-danger);
font-family: "Monaco", "Courier New", monospace;
}
kbd {
background: var(--4u-text-dark);
color: white;
padding: 2px 6px;
border-radius: 3px;
font-size: 0.875em;
font-family: "Monaco", "Courier New", monospace;
} hr {
border: none;
border-top: 1px solid var(--4u-border);
margin: 2rem 0;
} @media (max-width: 1024px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
}
@media (max-width: 480px) {
body {
font-size: 14px;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
} @media print {
body {
color: black;
background: white;
}
h1, h2, h3, h4, h5, h6 {
color: black;
}
a {
color: black;
text-decoration: underline;
}
pre, blockquote {
page-break-inside: avoid;
}
}  .fouruweb-header { background: rgba(255, 255, 255, 0.444);
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
box-shadow: 0 3px 10px -3px rgba(0, 51, 102, 0.4);
border-bottom: 1px solid rgba(0, 51, 102, 0.42);
padding: 0 6.667%;
position: sticky;
top: 0;
z-index: 1000;                  }
.fouruweb-header .nav-container {
max-width: var(--4u-max-width);
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.fouruweb-header .fouruweb-nav {
padding: 12px 20px;
}
.fouruweb-header .site-branding {
flex-shrink: 0;
display: flex;
align-items: center;
}
.fouruweb-header .site-title-link {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
position: relative;   }
.fouruweb-header .site-title-link .custom-logo {
height: auto !important;
width: auto !important;
max-height: 80px; display: block;
}
.fouruweb-header .site-title-link img.custom-logo[style*=width],
.fouruweb-header .site-title-link img.custom-logo[style*=height] {
max-height: 80px !important; }
.fouruweb-header .site-title-link .domain-label {
display: block;
font-size: 14.444px;
font-weight: 600;
letter-spacing: 0;
color: #000;
margin-bottom: 2px;
position: absolute;
left: 80px;
top: 35px;
}
.fouruweb-header .site-title-link .site-title {
color: var(--4u-primary);
font-size: 24px;
font-weight: normal;
top: 24px;
position: relative;
left: -34px;
}
.fouruweb-header .custom-logo-link {
display: flex;
align-items: center;
}
.fouruweb-header .custom-logo-link img {
height: 50px;
width: auto;
max-width: 200px;
}
.fouruweb-header .site-description {
color: var(--4u-text-gray);
font-size: 14px;
margin: 0;
}
.fouruweb-header .nav-menu,
.fouruweb-header #primary-menu,
.fouruweb-header ul.menu {
display: flex;
gap: 35px;
list-style: none;
margin: 0;
padding: 0;
}
.fouruweb-header .nav-menu > li,
.fouruweb-header .nav-menu > .menu-item,
.fouruweb-header #primary-menu > li,
.fouruweb-header #primary-menu > .menu-item,
.fouruweb-header ul.menu > li,
.fouruweb-header ul.menu > .menu-item {
position: relative;
}
.fouruweb-header .nav-menu > li > a,
.fouruweb-header .nav-menu > .menu-item > a,
.fouruweb-header #primary-menu > li > a,
.fouruweb-header #primary-menu > .menu-item > a,
.fouruweb-header ul.menu > li > a,
.fouruweb-header ul.menu > .menu-item > a {
color: var(--4u-text-gray);
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
padding: 10px 0;
display: block;
}
.fouruweb-header .nav-menu > li > a:hover,
.fouruweb-header .nav-menu > .menu-item > a:hover,
.fouruweb-header #primary-menu > li > a:hover,
.fouruweb-header #primary-menu > .menu-item > a:hover,
.fouruweb-header ul.menu > li > a:hover,
.fouruweb-header ul.menu > .menu-item > a:hover {
color: var(--4u-primary);
}
.fouruweb-header .nav-menu > li.menu-item-has-children > a::after,
.fouruweb-header .nav-menu > .menu-item.menu-item-has-children > a::after,
.fouruweb-header #primary-menu > li.menu-item-has-children > a::after,
.fouruweb-header #primary-menu > .menu-item.menu-item-has-children > a::after,
.fouruweb-header ul.menu > li.menu-item-has-children > a::after,
.fouruweb-header ul.menu > .menu-item.menu-item-has-children > a::after {
content: " ▼";
font-size: 10px;
margin-left: 5px;
}
.fouruweb-header .nav-menu > li.has-dropdown:hover .dropdown-menu, .fouruweb-header .nav-menu > li.has-dropdown:hover .sub-menu, .fouruweb-header .nav-menu > li.menu-item-has-children:hover .dropdown-menu, .fouruweb-header .nav-menu > li.menu-item-has-children:hover .sub-menu,
.fouruweb-header .nav-menu > .menu-item.has-dropdown:hover .dropdown-menu,
.fouruweb-header .nav-menu > .menu-item.has-dropdown:hover .sub-menu,
.fouruweb-header .nav-menu > .menu-item.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header .nav-menu > .menu-item.menu-item-has-children:hover .sub-menu,
.fouruweb-header #primary-menu > li.has-dropdown:hover .dropdown-menu,
.fouruweb-header #primary-menu > li.has-dropdown:hover .sub-menu,
.fouruweb-header #primary-menu > li.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header #primary-menu > li.menu-item-has-children:hover .sub-menu,
.fouruweb-header #primary-menu > .menu-item.has-dropdown:hover .dropdown-menu,
.fouruweb-header #primary-menu > .menu-item.has-dropdown:hover .sub-menu,
.fouruweb-header #primary-menu > .menu-item.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header #primary-menu > .menu-item.menu-item-has-children:hover .sub-menu,
.fouruweb-header ul.menu > li.has-dropdown:hover .dropdown-menu,
.fouruweb-header ul.menu > li.has-dropdown:hover .sub-menu,
.fouruweb-header ul.menu > li.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header ul.menu > li.menu-item-has-children:hover .sub-menu,
.fouruweb-header ul.menu > .menu-item.has-dropdown:hover .dropdown-menu,
.fouruweb-header ul.menu > .menu-item.has-dropdown:hover .sub-menu,
.fouruweb-header ul.menu > .menu-item.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header ul.menu > .menu-item.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.fouruweb-header .dropdown-menu,
.fouruweb-header .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: white;
box-shadow: var(--4u-shadow-md);
border-radius: 8px;
padding: 10px 0;
min-width: 220px;
margin-top: 10px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
}
.fouruweb-header .dropdown-menu li a,
.fouruweb-header .sub-menu li a {
display: block;
padding: 12px 20px;
color: var(--4u-text-gray);
text-decoration: none;
transition: all 0.3s;
}
.fouruweb-header .dropdown-menu li a:hover,
.fouruweb-header .sub-menu li a:hover {
background: var(--4u-bg-light);
color: var(--4u-primary);
padding-left: 25px;
}
.fouruweb-header .dropdown-menu li.coming-soon a,
.fouruweb-header .sub-menu li.coming-soon a {
opacity: 0.5;
cursor: default;
font-style: italic;
}
.fouruweb-header .dropdown-menu li.coming-soon a:hover,
.fouruweb-header .sub-menu li.coming-soon a:hover {
padding-left: 20px;
}
.fouruweb-header .main-navigation {
display: none;
}
.fouruweb-header .menu-container {
display: flex;
justify-content: center;
}
.fouruweb-header #primary-menu,
.fouruweb-header ul.menu {
display: flex;
gap: 35px;
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
}
.fouruweb-header .nav-actions {
flex-shrink: 0;
justify-self: end;
display: flex;
align-items: center;
gap: 15px; }
.fouruweb-header .nav-actions .widget {
margin: 0;
}
.fouruweb-header .nav-actions .btn-account {
background: var(--4u-primary);
color: white;
padding: 10px 25px;
border-radius: var(--4u-radius);
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
}
.fouruweb-header .nav-actions .btn-account:hover {
background: var(--4u-accent);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 51, 102, 0.3);
}
.fouruweb-header .header-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
font-size: 14px;
font-weight: 700;
border-radius: 33px;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 12px;
vertical-align: middle;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  }
.fouruweb-header .header-badge::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.fouruweb-header .header-badge:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.fouruweb-header .header-badge-plugins {
background: rgba(102, 153, 153, 0.15);
color: #669999;
border: 1px solid #669999;
}
.fouruweb-header .header-badge-plugins::before {
background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/img/twemoji_icons/1f9e9.svg);
}
.fouruweb-header .header-badge-webdev {
background: rgba(0, 51, 102, 0.15);
color: #003366;
border: 1px solid #003366;
}
.fouruweb-header .header-badge-webdev::before {
background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/img/twemoji_icons/1f4bb.svg);
}
.fouruweb-header .btn-account,
.fouruweb-header button.btn-account {
background: #073a6a;
color: white;
padding: 8px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.3s;
display: inline-flex;
align-items: center;
gap: 8px;
border: none;
cursor: pointer;
font-family: inherit;
line-height: normal;
}
.fouruweb-header .btn-account:hover,
.fouruweb-header button.btn-account:hover {
background: #669999; transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 153, 153, 0.3);
color: white;
}
.fouruweb-header .btn-account .dashicons,
.fouruweb-header button.btn-account .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 18px;
display: inline-block;
vertical-align: middle;
}
.fouruweb-header .btn-account .dashicons::before,
.fouruweb-header button.btn-account .dashicons::before {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 1;
display: inline-block;
}
.fouruweb-header .icon-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: transparent;
color: #003366;
text-decoration: none;
transition: all 0.3s;
margin-left: 10px;
border: none;
cursor: pointer;
padding: 0;  }
.fouruweb-header .icon-btn:hover {
background: rgba(0, 51, 102, 0.1);
color: #0066cc;
}
.fouruweb-header .icon-btn .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 1;
}
.fouruweb-header .icon-btn .dashicons-exit {
transform: scaleX(-1);
}
.fouruweb-header .icon-btn[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: white;
padding: 5px 10px;
border-radius: 4px;
white-space: nowrap;
font-size: 12px;
font-weight: normal;
pointer-events: none;
z-index: 1000;
}
.fouruweb-header .icon-btn[data-tooltip]:hover::before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #333;
pointer-events: none;
z-index: 1000;
}
.fouruweb-header .nav-actions {
display: flex;
align-items: center;
gap: 5px;
}
.fouruweb-header .mobile-menu-toggle {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 40px;
height: 40px;
background: transparent;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 5px;
transition: all 0.3s ease;
margin-left: 15px;
position: relative;
z-index: 1001;    }
.fouruweb-header .mobile-menu-toggle span {
width: 24px;
height: 3px;
background: #003366;
border-radius: 2px;
transition: all 0.3s ease;
transform-origin: center;
}
.fouruweb-header .mobile-menu-toggle:hover {
background: rgba(0, 51, 102, 0.1);
}
.fouruweb-header .mobile-menu-toggle:hover span {
background: #669999;
}
.fouruweb-header .mobile-menu-toggle.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.fouruweb-header .mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.fouruweb-header .mobile-menu-toggle.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.fouruweb-header .mobile-menu-toggle:focus {
outline: 2px solid #669999;
outline-offset: 2px;
} body.plugin-shop-site .fouruweb-header .nav-container {
grid-template-columns: auto 1fr auto;
} body.webdev-site .fouruweb-header .nav-container {
grid-template-columns: auto 1fr;
} button.icon-btn {
outline: none;
font-family: inherit;
}  .mobile-menu-panel {
position: fixed;
top: 0;
right: -100%;
width: 280px;
height: 100vh;
background: white;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
overflow-y: auto;
transition: right 0.3s ease;
padding: 80px 20px 20px;  }
.mobile-menu-panel.active {
right: 0;
}
.mobile-menu-panel .mobile-menu {
list-style: none;
margin: 0;
padding: 0; }
.mobile-menu-panel .mobile-menu li {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(0, 51, 102, 0.1);
}
.mobile-menu-panel .mobile-menu li a {
display: block;
padding: 10px 5px;
color: #003366;
text-decoration: none;
font-size: 16px;
font-weight: 500;
transition: all 0.3s;
}
.mobile-menu-panel .mobile-menu li a:hover {
background: rgba(102, 153, 153, 0.1);
color: #669999;
padding-left: 20px;
}
.mobile-menu-panel .mobile-menu li.current-menu-item a, .mobile-menu-panel .mobile-menu li.current_page_item a {
color: #669999;
font-weight: 600;
}
.mobile-menu-panel .mobile-menu .sub-menu,
.mobile-menu-panel .mobile-menu .dropdown-menu {
padding-left: 0px;
background: rgba(0, 51, 102, 0.05);
}
.mobile-menu-panel .mobile-menu .sub-menu li,
.mobile-menu-panel .mobile-menu .dropdown-menu li {
list-style: none;
}
.mobile-menu-panel .mobile-menu .sub-menu li a,
.mobile-menu-panel .mobile-menu .dropdown-menu li a {
font-size: 14px;
padding: 12px 10px;
} .mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
} body.mobile-menu-open {
overflow: hidden;
}  @media (max-width: 1024px) {
.fouruweb-header .nav-container {
grid-template-columns: 200px 1fr auto;
gap: 20px;
}
} @media (max-width: 768px) {
.fouruweb-header {
padding: 0;  }
.fouruweb-header .fouruweb-nav {
padding: 15px 5px;
}
.fouruweb-header .nav-container {
grid-template-columns: 1fr auto;
}
.fouruweb-header .mobile-menu-toggle {
display: flex;
}
.fouruweb-header .header-badge {
display: none;
}
} @media (max-width: 539px) {
.fouruweb-header {       }
.fouruweb-header .fouruweb-nav {
padding: 8px 12px;
}
.fouruweb-header .nav-container {
gap: 10px;
}
.fouruweb-header .site-title-link {   }
.fouruweb-header .site-title-link .custom-logo {
max-height: 50px !important;
}
.fouruweb-header .site-title-link .site-title {
color: var(--4u-primary);
font-size: 20px;
font-weight: normal;
top: 16px;
position: relative;
left: -28px;
display: block;
}
.fouruweb-header .site-title-link .domain-label {
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
color: #000;
margin-bottom: 2px;
position: absolute;
left: 53px;
top: 17px;
}
.fouruweb-header .btn-account,
.fouruweb-header button.btn-account {
padding: 8px 12px;
font-size: 0; gap: 0; }
.fouruweb-header .btn-account .dashicons,
.fouruweb-header button.btn-account .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
}
.fouruweb-header .icon-btn {
margin-left: 5px;
width: 32px;
height: 32px;
}
.fouruweb-header .mobile-menu-toggle {
margin-left: 8px;
width: 36px;
height: 36px;
}
.fouruweb-header .nav-actions {
gap: 3px;
}
} @media (max-width: 374px) {
.fouruweb-header {   }
.fouruweb-header .fouruweb-nav {
padding: 6px 8px;
}
.fouruweb-header .site-title-link {   }
.fouruweb-header .site-title-link .custom-logo {
max-height: 40px !important;
}
.fouruweb-header .site-title-link .site-title {
font-size: 16px;
top: 14px;
left: -26px;
}
.fouruweb-header .site-title-link .domain-label {
left: 43px;
top: 12px;
}
.fouruweb-header .icon-btn {
display: none;
}
}   .fouruweb-footer {
background: linear-gradient(180deg, rgb(16.5, 67.5, 110.7) 0%, #073a6a 50%, #00264d 100%);
color: white;
padding: 60px 5% 30px;
margin-top: 80px;
}
.fouruweb-footer .footer-container {
max-width: var(--4u-max-width);
margin: 0 auto;
}
.fouruweb-footer .footer-top {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 10px;
}
.fouruweb-footer .footer-top .footer-column #block-11 .wp-block-columns h4 {
margin-bottom: 3px;
}
.fouruweb-footer .footer-top .footer-column #block-11 .wp-block-columns ul {
padding-left: 22px;
}
.fouruweb-footer .footer-top .footer-column #block-11 .wp-block-columns ul li {
list-style: circle;
line-height: 1.2rem;
margin-bottom: 0;
font-size: 0.8rem;
}
.fouruweb-footer .footer-top .footer-column h4 {
margin-bottom: 10px;
font-size: 18px;
color: white;
}
.fouruweb-footer .footer-top .footer-column ul {
list-style: none;
padding: 0;
margin-left: 6px;
}
.fouruweb-footer .footer-top .footer-column ul li {
margin-bottom: 0;
}
.fouruweb-footer .footer-top .footer-column ul li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s;
}
.fouruweb-footer .footer-top .footer-column ul li a:hover {
color: white;
}
.fouruweb-footer .footer-top .footer-column ul li span {
color: rgba(255, 255, 255, 0.5);
}
.fouruweb-footer .footer-top .footer-column p {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 15px;
}
.fouruweb-footer .footer-logo {
display: flex;
align-items: center;
gap: 0px;
margin-bottom: 15px;
}
.fouruweb-footer .footer-logo p {
margin: 0;
}
.fouruweb-footer .footer-logo .logo-placeholder {
width: 40px;
height: 40px;
background: white;
color: var(--4u-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
}
.fouruweb-footer .footer-logo span {
font-size: 24px;
font-weight: bold;
}
.fouruweb-footer .footer-bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 20px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
opacity: 0.8;
}
.fouruweb-footer .footer-bottom p {
margin: 0;
color: white;
}
.fouruweb-footer .footer-info {
display: flex;
flex-direction: column;
gap: 5px;
}
.fouruweb-footer .footer-branding-text {
display: block;
}
.fouruweb-footer .footer-branding-text strong {
font-size: 18px;
font-weight: 700;
color: white;
margin-right: 0px;
}
.fouruweb-footer .footer-branding-text span {
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
}
.fouruweb-footer .footer-copyright {
font-size: 13px;
color: rgba(255, 255, 255, 0.8);
} @media (max-width: 768px) {
.fouruweb-footer .footer-top {
grid-template-columns: 1fr;
text-align: center;
}
.fouruweb-footer .footer-logo {
justify-content: center;
}
}    .ast-main-header-wrap,
#colophon,
.site-footer,
.ast-footer,
.ast-header,
.ast-mobile-header-wrap,
.ast-desktop-header-content,
.ast-primary-header-bar,
.ast-above-header,
.ast-below-header {
display: none !important;
} .fouruweb-header {
display: block !important;
} .container {
max-width: var(--4u-max-width);
margin: 0 auto;
padding: 0 20px;
}   .hero {
background: var(--4u-gradient);
padding: 80px 5%;
color: white;
position: relative;
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,106.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
background-size: cover;
background-position: bottom;
opacity: 0.3;
}
.hero .hero-content {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 1;
}
.hero .hero-text h1 {
font-size: 48px;
margin-bottom: 20px;
line-height: 1.2;
color: white;
}
.hero .hero-text .badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
padding: 5px 15px;
border-radius: 20px;
font-size: 14px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.hero .hero-text .tagline {
font-size: 24px;
margin-bottom: 10px;
opacity: 0.95;
}
.hero .hero-text p {
font-size: 20px;
margin-bottom: 30px;
opacity: 0.95;
color: white;
}
.hero .hero-buttons {
display: flex;
gap: 20px;
}
.hero .hero-buttons .btn {
padding: 15px 30px;
border-radius: var(--4u-radius);
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s;
display: inline-block;
}
.hero .hero-buttons .btn.btn-white {
background: white;
color: var(--4u-primary);
}
.hero .hero-buttons .btn.btn-white:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.hero .hero-buttons .btn.btn-outline {
background: transparent;
color: white;
border: 2px solid white;
}
.hero .hero-buttons .btn.btn-outline:hover {
background: white;
color: var(--4u-primary);
}
.page-hero-mini {
background: var(--4u-gradient);
padding: 60px 5%;
color: white;
text-align: center;
}
.page-hero-mini .page-title {
font-size: 42px;
margin: 0;
color: white;
} .demo-cookie-banner {
background: white;
border-radius: 8px;
padding: 0;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
max-width: 520px;
animation: float 6s ease-in-out infinite;
position: relative;
overflow: visible;
border: 1px solid #e0e0e0;
}
.demo-route-planner {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
max-width: 420px;
animation: float 6s ease-in-out infinite;
position: relative;
overflow: visible;
border: 1px solid #e0e0e0;
}
.demo-cookie-banner .demo-overlay,
.demo-route-planner .demo-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
cursor: not-allowed;
background: rgba(255, 255, 255, 0.01);
border-radius: 8px;
}
.demo-cookie-banner .demo-overlay:hover .demo-tooltip,
.demo-route-planner .demo-overlay:hover .demo-tooltip {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
}
.demo-cookie-banner .demo-tooltip,
.demo-route-planner .demo-tooltip {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
background: rgba(0, 0, 0, 0.85);
color: white;
padding: 10px 15px;
border-radius: 6px;
font-size: 14px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 101;
pointer-events: none;
}
.demo-cookie-banner .demo-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px 15px;
background: transparent;
}
.demo-cookie-banner .demo-modal-header h3 {
color: #37474f;
margin: 0;
font-size: 24px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.demo-cookie-banner .demo-modal-header h3 .inline-icon {
vertical-align: middle;
}
.demo-cookie-banner .demo-modal-header .demo-close-button {
background: transparent;
border: none;
font-size: 28px;
color: #9ca3af;
cursor: pointer;
padding: 0;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: all 0.2s;
margin-top: -5px;
box-shadow: none;
}
.demo-cookie-banner .demo-modal-header .demo-close-button:hover {
color: #374151;
}
.demo-cookie-banner .demo-modal-body {
padding: 0 24px;
}
.demo-cookie-banner .demo-modal-body .demo-description {
color: #6b7280;
margin: 0 0 20px;
font-size: 14px;
line-height: 1.6;
}
.demo-cookie-banner .demo-modal-body .demo-description a {
color: #00677f;
text-decoration: underline;
}
.demo-cookie-banner .demo-modal-body .demo-description a:hover {
text-decoration: none;
}
.demo-cookie-banner .demo-modal-body .demo-divider {
height: 1px;
background: #e5e7eb;
margin: auto;
width: 100%;
}
.demo-cookie-banner .demo-modal-body .cookie-services {
padding: 20px 0;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e7eb;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-header .service-name {
color: #374151;
font-size: 14px;
flex: 1;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-header .service-name strong {
font-weight: 600;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-description {
color: #6b7280;
font-size: 13px;
line-height: 1.5;
margin: 0 0 5px 60px;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-details {
color: #00677f;
font-size: 13px;
text-decoration: underline;
margin-left: 60px;
display: inline-block;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-details:hover {
text-decoration: none;
}
.demo-cookie-banner .cookie-toggle {
width: 48px;
height: 26px;
background: #cbd5e1;
border-radius: 13px;
position: relative;
cursor: pointer;
transition: background 0.3s;
flex-shrink: 0;
}
.demo-cookie-banner .cookie-toggle[data-service=necessary] {
cursor: not-allowed;
opacity: 0.7;
}
.demo-cookie-banner .cookie-toggle.active {
background: #10b981;
}
.demo-cookie-banner .cookie-toggle::after {
content: "";
position: absolute;
width: 22px;
height: 22px;
background: white;
border-radius: 50%;
top: 2px;
left: 2px;
transition: transform 0.3s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.demo-cookie-banner .cookie-toggle.active::after {
transform: translateX(22px);
}
.demo-cookie-banner .demo-modal-footer {
padding: 20px 24px;
background: transparent;
display: flex;
align-items: center;
justify-content: space-between;
}
.demo-cookie-banner .demo-modal-footer .btn-accept-selected {
background: #00acc1;
color: white;
border: none;
padding: 11px 24px;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
font-size: 14px;
}
.demo-cookie-banner .demo-modal-footer .btn-accept-selected:hover {
background: #0097a7;
}
.demo-cookie-banner .demo-modal-footer .powered-by {
color: #9ca3af;
font-size: 11px;
}
.demo-cookie-banner .demo-modal-footer .powered-by a {
color: #9ca3af;
text-decoration: underline;
}
.demo-cookie-banner .demo-modal-footer .powered-by a:hover {
color: #6b7280;
text-decoration: none;
}
.demo-cookie-banner * {
cursor: not-allowed !important;
}
.demo-map-widget {
background: white;
border-radius: var(--4u-radius-lg);
padding: 20px;
box-shadow: var(--4u-shadow-lg);
animation: float 6s ease-in-out infinite;
}
.demo-map-widget .map-header {
color: var(--4u-primary);
margin-bottom: 15px;
}
.demo-map-widget .map-header h3 {
margin: 0;
font-size: 18px;
}
.demo-map-widget .map-controls {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.demo-map-widget .map-controls .map-input {
padding: 10px;
border: 1px solid var(--4u-border);
border-radius: var(--4u-radius);
font-size: 14px;
}
.demo-map-widget .map-controls .btn-route {
padding: 10px;
background: var(--4u-primary);
color: white;
border: none;
border-radius: var(--4u-radius);
font-weight: 600;
cursor: pointer;
transition: background 0.3s;
}
.demo-map-widget .map-controls .btn-route:hover {
background: var(--4u-accent);
}
.demo-map-widget .map-preview {
height: 200px;
background: var(--4u-bg-light);
border-radius: 8px;
overflow: hidden;
position: relative;
}
.demo-map-widget .map-preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.demo-map-widget .map-preview .map-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.demo-map-widget .map-preview .map-placeholder .icon {
font-size: 48px;
margin-bottom: 10px;
}
.demo-map-widget .map-preview .map-placeholder p {
color: var(--4u-text-gray);
margin: 0;
} .features {
padding: 80px 5%;
background: var(--4u-bg-light);
}
.section-header {
text-align: center;
margin-bottom: 60px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.section-header h2 {
font-size: 36px;
color: var(--4u-primary);
margin-bottom: 15px;
}
.section-header p {
font-size: 18px;
color: var(--4u-text-gray);
}
.features-grid {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 40px;
}
.features-grid .feature-card {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: var(--4u-shadow-sm);
transition: all 0.3s;
}
.features-grid .feature-card:hover {
transform: translateY(-5px);
box-shadow: var(--4u-shadow-md);
}
.features-grid .feature-card .feature-icon {
font-size: 48px;
margin-bottom: 20px;
}
.features-grid .feature-card h3 {
font-size: 22px;
color: var(--4u-primary);
margin-bottom: 10px;
}
.features-grid .feature-card p {
color: var(--4u-text-gray);
line-height: 1.6;
} .pricing {
padding: 80px 5%;
background: white;
}
.pricing .pricing-grid {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-bottom: 30px;
}
.pricing .price-card {
border: 2px solid #e5e7eb;
border-radius: var(--4u-radius-lg);
padding: 40px 30px;
text-align: center;
position: relative;
transition: all 0.3s;
background: white;
}
.pricing .price-card:hover {
border-color: var(--4u-secondary);
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(102, 153, 153, 0.15);
}
.pricing .price-card.featured {
border-color: var(--4u-primary);
background: var(--4u-gradient);
color: white;
transform: scale(1.05);
}
.pricing .price-card.featured h3,
.pricing .price-card.featured .price,
.pricing .price-card.featured .price-features li {
color: white;
}
.pricing .price-card.featured .price-features li::before {
color: var(--4u-success) !important;
}
.pricing .price-card h3 {
font-size: 28px;
margin-bottom: 10px;
color: var(--4u-primary);
}
.pricing .price-card .price {
font-size: 48px;
font-weight: bold;
margin: 20px 0;
color: var(--4u-primary);
}
.pricing .price-card .price small {
font-size: 16px;
font-weight: normal;
opacity: 0.8;
}
.pricing .price-card .popular-badge {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: #ef4444;
color: white;
padding: 5px 20px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.pricing .price-card .price-features {
list-style: none;
margin: 30px 0;
padding: 0;
text-align: left;
}
.pricing .price-card .price-features li {
padding: 10px 0;
display: flex;
align-items: center;
gap: 10px;
color: var(--4u-text-gray);
}
.pricing .price-card .price-features li::before {
content: "✓";
color: var(--4u-success);
font-weight: bold;
font-size: 18px;
}
.pricing .price-card .btn-buy:disabled {
opacity: 0.5;
cursor: not-allowed;
} .fouruweb-main {
min-height: 60vh;
}
.fouruweb-main .page-content {
padding: 60px 5%;
}
.fouruweb-main .page-content .container {
max-width: var(--4u-max-width);
margin: 0 auto;
}
.fouruweb-main .page-content .content-wrapper {
max-width: 800px;
margin: 0 auto;
}
.fouruweb-main .page-content .content-wrapper h1,
.fouruweb-main .page-content .content-wrapper h2,
.fouruweb-main .page-content .content-wrapper h3,
.fouruweb-main .page-content .content-wrapper h4,
.fouruweb-main .page-content .content-wrapper h5,
.fouruweb-main .page-content .content-wrapper h6 {
color: var(--4u-primary);
margin-top: 30px;
margin-bottom: 15px;
}
.fouruweb-main .page-content .content-wrapper a {
color: var(--4u-accent);
}
.fouruweb-main .page-content .content-wrapper a:hover {
text-decoration: underline;
} .btn {
display: inline-block;
padding: 12px 30px;
border-radius: var(--4u-radius);
font-weight: 600;
text-decoration: none;
transition: all 0.3s;
cursor: pointer;
border: none;
font-size: 16px;
}
.btn-primary {
background: var(--4u-primary);
color: white;
}
.btn-primary:hover {
background: var(--4u-accent);
transform: translateY(-2px);
box-shadow: var(--4u-shadow-md);
}
.btn-secondary {
background: var(--4u-secondary);
color: white;
}
.btn-secondary:hover {
background: rgb(81.6, 122.4, 122.4);
transform: translateY(-2px);
}
.btn-outline {
background: transparent;
border: 2px solid var(--4u-primary);
color: var(--4u-primary);
}
.btn-outline:hover {
background: var(--4u-primary);
color: white;
}
.btn-white {
background: white;
color: var(--4u-primary);
}
.btn-white:hover {
background: var(--4u-bg-light);
transform: translateY(-2px);
box-shadow: var(--4u-shadow-md);
}
.btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none !important;
} .text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.mt-0 {
margin-top: 0;
}
.mt-1 {
margin-top: 10px;
}
.mt-2 {
margin-top: 20px;
}
.mt-3 {
margin-top: 30px;
}
.mt-4 {
margin-top: 40px;
}
.mt-5 {
margin-top: 50px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-1 {
margin-bottom: 10px;
}
.mb-2 {
margin-bottom: 20px;
}
.mb-3 {
margin-bottom: 30px;
}
.mb-4 {
margin-bottom: 40px;
}
.mb-5 {
margin-bottom: 50px;
}
.pt-0 {
padding-top: 0;
}
.pt-1 {
padding-top: 10px;
}
.pt-2 {
padding-top: 20px;
}
.pt-3 {
padding-top: 30px;
}
.pt-4 {
padding-top: 40px;
}
.pt-5 {
padding-top: 50px;
}
.pb-0 {
padding-bottom: 0;
}
.pb-1 {
padding-bottom: 10px;
}
.pb-2 {
padding-bottom: 20px;
}
.pb-3 {
padding-bottom: 30px;
}
.pb-4 {
padding-bottom: 40px;
}
.pb-5 {
padding-bottom: 50px;
}
.d-none {
display: none;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.d-flex {
display: flex;
}
.d-grid {
display: grid;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.align-center {
align-items: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.bg-white {
background: var(--4u-bg-white);
}
.bg-light {
background: var(--4u-bg-light);
}
.bg-primary {
background: var(--4u-primary);
}
.bg-secondary {
background: var(--4u-secondary);
}
.text-primary {
color: var(--4u-primary);
}
.text-secondary {
color: var(--4u-secondary);
}
.text-gray {
color: var(--4u-text-gray);
}
.text-white {
color: white;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.animate-fadeIn {
animation: fadeIn 0.5s ease-in;
}
.animate-slideInUp {
animation: slideInUp 0.5s ease-out;
}
.animate-float {
animation: float 6s ease-in-out infinite;
}
.animate-pulse {
animation: pulse 2s ease-in-out infinite;
} .wp-block-image {
margin: 30px 0;
}
.wp-block-image img {
max-width: 100%;
height: auto;
border-radius: var(--4u-radius);
}
.wp-block-gallery {
margin: 30px 0;
}
.wp-block-quote {
border-left: 4px solid var(--4u-primary);
padding-left: 20px;
margin: 30px 0;
font-style: italic;
color: var(--4u-text-gray);
} .skip-link {
position: absolute;
left: -9999px;
z-index: 999;
}
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
} @media (max-width: 1024px) {
.hero .hero-content {
gap: 40px;
}
}
@media (max-width: 768px) {
.hero {
padding: 60px 5%;
}
.hero .hero-content {
grid-template-columns: 1fr;
text-align: center;
}
.hero .hero-text h1 {
font-size: 36px;
}
.hero .hero-buttons {
justify-content: center;
flex-direction: column;
align-items: center;
}
.hero .hero-buttons .btn {
width: 100%;
max-width: 300px;
}
.demo-cookie-banner,
.demo-map-widget {
margin: 40px auto 0;
max-width: 100%;
}
.features-grid,
.pricing-grid {
grid-template-columns: 1fr;
}
.price-card.featured {
transform: scale(1);
}
.fouruweb-main .page-hero-mini .page-title {
font-size: 32px;
}
}
@media (max-width: 480px) {
.container {
padding: 0 15px;
}
.hero {
padding: 40px 5%;
}
.features,
.pricing {
padding: 60px 5%;
}
} .comparison-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
max-width: var(--4u-max-width);
margin: 40px auto;
}
@media (max-width: 768px) {
.comparison-grid {
grid-template-columns: 1fr;
}
}
.comparison-card {
padding: 30px;
border-radius: 10px;
background: white;
box-shadow: var(--4u-shadow-sm);
}
.comparison-card.osm {
border: 2px solid var(--4u-success);
background: #f0f9ff;
}
.comparison-card.osm h3 {
color: var(--4u-success);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.comparison-card.osm h3 img {
display: inline-block;
vertical-align: middle;
}
.comparison-card.google {
border: 2px solid var(--4u-danger);
background: #fff5f5;
}
.comparison-card.google h3 {
color: var(--4u-danger);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.comparison-card.google h3 img {
display: inline-block;
vertical-align: middle;
}
.comparison-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.comparison-card ul li {
padding: 10px 0;
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.comparison-card ul li:last-child {
border-bottom: none;
}
.comparison-card ul li img {
flex-shrink: 0;
display: inline-block;
} .why-osm {
padding: 60px 5%;
background: var(--4u-bg-light);
}
.why-osm .section-header {
margin-bottom: 40px;
} @media print {
.fouruweb-header,
.fouruweb-footer,
.hero-buttons,
.btn-buy,
.demo-cookie-banner,
.demo-map-widget,
.mobile-menu-toggle {
display: none !important;
}
}     .btn-checkout,
.btn-cta,
.btn-single,
.btn-first,
.btn-second,
.btn-third,
.btn-fourth,
.btn-download {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: inherit;
font-weight: 600;
text-align: center;
white-space: nowrap;
line-height: 16px;
border-radius: 8px;
transition: all 0.3s ease;
}
.btn-checkout img,
.btn-checkout svg,
.btn-cta img,
.btn-cta svg,
.btn-single img,
.btn-single svg,
.btn-first img,
.btn-first svg,
.btn-second img,
.btn-second svg,
.btn-third img,
.btn-third svg,
.btn-fourth img,
.btn-fourth svg,
.btn-download img,
.btn-download svg {
flex-shrink: 0;
filter: none !important;
opacity: 1 !important;
}
.btn-checkout:hover:not(.btn-disabled):not([disabled]),
.btn-cta:hover:not(.btn-disabled):not([disabled]),
.btn-single:hover:not(.btn-disabled):not([disabled]),
.btn-first:hover:not(.btn-disabled):not([disabled]),
.btn-second:hover:not(.btn-disabled):not([disabled]),
.btn-third:hover:not(.btn-disabled):not([disabled]),
.btn-fourth:hover:not(.btn-disabled):not([disabled]),
.btn-download:hover:not(.btn-disabled):not([disabled]) {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.btn-checkout:active:not(.btn-disabled):not([disabled]),
.btn-cta:active:not(.btn-disabled):not([disabled]),
.btn-single:active:not(.btn-disabled):not([disabled]),
.btn-first:active:not(.btn-disabled):not([disabled]),
.btn-second:active:not(.btn-disabled):not([disabled]),
.btn-third:active:not(.btn-disabled):not([disabled]),
.btn-fourth:active:not(.btn-disabled):not([disabled]),
.btn-download:active:not(.btn-disabled):not([disabled]) {
transform: translateY(0);
} .btn-large {
padding: 18px 36px;
font-size: 18px;
border-radius: 10px;
}
.btn-normal {
padding: 14px 28px;
font-size: 16px;
border-radius: 8px;
}
.btn-small {
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
}  .btn-checkout,
.btn-cta {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
color: #fff;
border: none;
}
.btn-checkout:hover:not(.btn-disabled):not([disabled]),
.btn-cta:hover:not(.btn-disabled):not([disabled]) {
background: linear-gradient(135deg, #669999 0%, #073a6a 100%);
box-shadow: 0 8px 25px rgba(7, 58, 106, 0.4);
} .btn-single {
background: #073a6a;
color: #fff;
border: 2px solid lightgray;
}
.btn-single:hover:not(.btn-disabled):not([disabled]) {
background: #669999;
} .btn-group-2 {
display: flex;
gap: 15px;
align-items: center;
}
.btn-group-2 .btn-first {
background: #fff;
color: #073a6a;
border: 2px solid #073a6a;
}
.btn-group-2 .btn-first:hover:not(.btn-disabled):not([disabled]) {
background: #ff6b35;
color: #fff;
border-color: #ff6b35;
}
.btn-group-2 .btn-second {
background: #669999;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-2 .btn-second:hover:not(.btn-disabled):not([disabled]) {
background: #fff;
color: #073a6a;
border-color: #ff6b35;
} .btn-group-3 {
display: flex;
gap: 15px;
align-items: center;
}
.btn-group-3 .btn-first {
background: #fff;
color: #073a6a;
border: 2px solid #073a6a;
}
.btn-group-3 .btn-first:hover:not(.btn-disabled):not([disabled]) {
background: #ff6b35;
color: #fff;
border-color: #fff;
}
.btn-group-3 .btn-second {
background: #669999;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-3 .btn-second:hover:not(.btn-disabled):not([disabled]) {
background: #fff;
color: #073a6a;
border-color: #ff6b35;
}
.btn-group-3 .btn-third {
background: #073a6a;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-3 .btn-third:hover:not(.btn-disabled):not([disabled]) {
background: #669999;
} .btn-group-4 {
display: flex;
gap: 15px;
align-items: stretch;
flex-direction: column;
width: 100%;
}
.btn-group-4 .btn-first,
.btn-group-4 .btn-second,
.btn-group-4 .btn-third,
.btn-group-4 .btn-fourth {
width: 100%;
white-space: nowrap;
}
.btn-group-4 .btn-first {
background: #fff;
color: #073a6a;
border: 2px solid #073a6a;
}
.btn-group-4 .btn-first:hover:not(.btn-disabled):not([disabled]) {
background: #ff6b35;
color: #fff;
border-color: #fff;
}
.btn-group-4 .btn-second {
background: #669999;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-4 .btn-second:hover:not(.btn-disabled):not([disabled]) {
background: #fff;
color: #073a6a;
border-color: #ff6b35;
}
.btn-group-4 .btn-third {
background: #073a6a;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-4 .btn-third:hover:not(.btn-disabled):not([disabled]) {
background: #669999;
}
.btn-group-4 .btn-fourth {
background: #ff6b35;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-4 .btn-fourth:hover:not(.btn-disabled):not([disabled]) {
background: #073a6a;
color: #fff;
border-color: #ff6b35;
}  .btn-download {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
color: #fff;
border: none;
}
.btn-download:hover:not(.btn-disabled):not([disabled]) {
background: linear-gradient(135deg, #669999 0%, #073a6a 100%);
box-shadow: 0 8px 25px rgba(7, 58, 106, 0.4);
}
.btn-download.loading {
opacity: 0.7;
cursor: not-allowed;
pointer-events: none;
}
.btn-download.loading span::after {
content: "...";
animation: loading-dots 1.5s infinite;
}  .btn-checkout.btn-disabled,
.btn-cta.btn-disabled,
.btn-single.btn-disabled,
.btn-first.btn-disabled,
.btn-second.btn-disabled,
.btn-third.btn-disabled,
.btn-fourth.btn-disabled,
.btn-download.btn-disabled,
button[disabled],
button:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.btn-checkout.btn-disabled:hover,
.btn-cta.btn-disabled:hover,
.btn-single.btn-disabled:hover,
.btn-first.btn-disabled:hover,
.btn-second.btn-disabled:hover,
.btn-third.btn-disabled:hover,
.btn-fourth.btn-disabled:hover,
.btn-download.btn-disabled:hover,
button[disabled]:hover,
button:disabled:hover {
transform: none;
box-shadow: none;
} .btn-loading {
opacity: 0.7;
cursor: not-allowed;
pointer-events: none;
position: relative;
}
.btn-loading span {
opacity: 0.5;
}
.btn-loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.6s linear infinite;
} @media (max-width: 768px) {
.btn-group-2,
.btn-group-3,
.btn-group-4 {
flex-direction: column;
}
.btn-group-2 .btn-first,
.btn-group-2 .btn-second,
.btn-group-2 .btn-third,
.btn-group-2 .btn-fourth,
.btn-group-3 .btn-first,
.btn-group-3 .btn-second,
.btn-group-3 .btn-third,
.btn-group-3 .btn-fourth,
.btn-group-4 .btn-first,
.btn-group-4 .btn-second,
.btn-group-4 .btn-third,
.btn-group-4 .btn-fourth {
width: 100%;
}
.btn-large {
padding: 16px 32px;
font-size: 16px;
}
.btn-normal {
padding: 12px 24px;
font-size: 15px;
}
.btn-small {
padding: 8px 16px;
font-size: 13px;
}
} @keyframes loading-dots {
0%, 20% {
content: ".";
}
40% {
content: "..";
}
60%, 100% {
content: "...";
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}  div#osm-leaflet-map[data-behavior=osm-leaflet-map] {
width: 100% !important;
max-width: 100% !important;
display: block !important;  }
div#osm-leaflet-map[data-behavior=osm-leaflet-map] #map {
width: 100% !important;
max-width: 100% !important;
height: 500px !important;
min-height: 320px !important;
background: #eee;
display: block !important;
box-sizing: border-box;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] #route-end,
div#osm-leaflet-map[data-behavior=osm-leaflet-map] label[for=route-end] {
display: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form {
display: flex;
gap: 8px;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 14px;
flex-direction: column;
position: relative;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form .input-autocomplete-wrapper {
position: relative;
display: block;
width: 100%;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form .input-autocomplete-wrapper .autocomplete-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 10000;
cursor: pointer;
background-color: #333;
border: 1px solid #ccc;
border-radius: 8px;
padding: 8px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
display: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form label {
font-weight: 600;
color: #222;
margin-bottom: 4px;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form input {
color: #333 !important;
background: #fff;
border: 1px solid #bbb;
border-radius: 6px;
padding: 7px 11px;
font-size: 1rem;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0666666667);
margin: 0;
width: 100%;
position: relative;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form button {
background: #222;
color: #fff;
font-weight: bold;
border-radius: 6px;
border: none;
padding: 8px 18px;
cursor: pointer;
transition: background 0.2s;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0666666667);
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form button:hover {
background: #444;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom a {
color: #333 !important;
text-decoration: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom a span {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom a:hover {
color: #000 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-attribution {
border: 1px solid #ccc !important;
color: #333 !important;
background: rgba(255, 255, 255, 0.85) !important;
font-size: 0.6rem;
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5333333333);
padding: 2px 10px;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-attribution a {
color: #333 !important;
text-decoration: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-attribution a:hover {
color: #000 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content a {
color: #333 !important;
text-decoration: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content a:hover {
color: #000 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend {
display: none;
margin: 18px 0 0 0;
padding: 16px 18px 12px 18px;
border-radius: 10px;
background: #f8f9fa;
color: #333 !important;
font-size: 1rem;
min-width: 250px;
line-height: 1.5;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend * {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend strong {
color: #333 !important;
margin-bottom: 15px;
display: inline-block;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend ol {
margin: 0 0 0 24px;
padding: 0;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend li {
margin-bottom: 0.5em;
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] .leaflet-tile-container img {
position: absolute !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] .spinner-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.5);
z-index: 1000;
pointer-events: all;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] .spinner-wrapper .spinner {
width: 32px;
height: 32px;
border: 4px solid #eee;
border-top: 4px solid #666;
border-radius: 50%;
animation: spinner-rotate 1s linear infinite;
box-sizing: content-box;
}
@keyframes spinner-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left    : 0;
top     : 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select   : none;
user-select        : none;
-webkit-user-drag  : none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width                   : 1600px;
height                  : 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width : none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width : none !important;
max-height: none !important;
width     : auto;
padding   : 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action    : pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action    : none;
touch-action    : pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action    : none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter    : inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width          : 0;
height         : 0;
-moz-box-sizing: border-box;
box-sizing     : border-box;
z-index        : 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width : 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display : inline-block;
position: absolute;
} .leaflet-control {
position      : relative;
z-index       : 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position      : absolute;
z-index       : 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity           : 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition   : opacity 0.2s linear;
transition        : opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin    : 0 0;
transform-origin        : 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition   : -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition        : transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition   : none;
transition        : none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background    : #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border    : 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size  : 12px;
font-size  : 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow   : 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom   : 1px solid #ccc;
width           : 26px;
height          : 26px;
line-height     : 26px;
display         : block;
text-align      : center;
text-decoration : none;
color           : black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat  : no-repeat;
display            : block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius : 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius : 4px;
border-bottom-right-radius: 4px;
border-bottom             : none;
}
.leaflet-bar a.leaflet-disabled {
cursor          : default;
background-color: #f4f4f4;
color           : #bbb;
}
.leaflet-touch .leaflet-bar a {
width      : 30px;
height     : 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius : 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius : 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font       : bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
box-shadow   : 0 1px 5px rgba(0, 0, 0, 0.4);
background   : #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/libs/leaflet/images/layers.png);
width           : 36px;
height          : 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/libs/leaflet/images/layers-2x.png);
background-size : 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width : 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display : block;
position: relative;
}
.leaflet-control-layers-expanded {
padding   : 6px 10px 6px 6px;
color     : #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y   : scroll;
overflow-x   : hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position  : relative;
top       : 1px;
}
.leaflet-control-layers label {
display  : block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height    : 0;
border-top: 1px solid #ddd;
margin    : 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/libs/leaflet/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin    : 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding    : 0 5px;
color      : #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display       : inline !important;
vertical-align: baseline !important;
width         : 1em;
height        : 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border         : 2px solid #777;
border-top     : none;
line-height    : 1.1;
padding        : 2px 5px 1px;
white-space    : nowrap;
-moz-box-sizing: border-box;
box-sizing     : border-box;
background     : rgba(255, 255, 255, 0.8);
text-shadow    : 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top   : 2px solid #777;
border-bottom: none;
margin-top   : -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border         : 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position     : absolute;
text-align   : center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding      : 1px;
text-align   : left;
border-radius: 12px;
}
.leaflet-popup-content {
margin     : 13px 24px 13px 20px;
line-height: 1.3;
font-size  : 13px;
font-size  : 1.08333em;
min-height : 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width         : 40px;
height        : 20px;
position      : absolute;
left          : 50%;
margin-top    : -1px;
margin-left   : -20px;
overflow      : hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width  : 17px;
height : 17px;
padding: 1px;
margin        : -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
-ms-transform    : rotate(45deg);
transform        : rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color     : #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position       : absolute;
top            : 0;
right          : 0;
border         : none;
text-align     : center;
width          : 24px;
height         : 24px;
font           : 16px/24px Tahoma, Verdana, sans-serif;
color          : #757575;
text-decoration: none;
background     : transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width : 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter    : progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border    : 1px solid #666;
}  .leaflet-tooltip {
position           : absolute;
padding            : 6px;
background-color   : #fff;
border             : 1px solid #fff;
border-radius      : 3px;
color              : #222;
white-space        : nowrap;
-webkit-user-select: none;
-moz-user-select   : none;
-ms-user-select    : none;
user-select        : none;
pointer-events     : none;
box-shadow         : 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor        : pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position      : absolute;
pointer-events: none;
border        : 6px solid transparent;
background    : transparent;
content       : "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left       : 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom          : 0;
margin-bottom   : -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top                : 0;
margin-top         : -12px;
margin-left        : -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top       : 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right            : 0;
margin-right     : -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left              : 0;
margin-left       : -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust        : exact;
}
}
                                                                   @font-face {
font-display: swap;
font-family: "Grandesign Neue Roman";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/grandesign-neuer-roman.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Nixie One";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/NixieOne-Regular.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Helvetica";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica.woff) format("woff"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Helvetica";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-bold.woff) format("woff"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-bold.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Helvetica";
font-style: normal;
font-weight: 300;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-light.woff) format("woff"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/helvetica-light.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-light.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-light.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-regular.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-regular.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-bold.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/opensans-bold.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-light.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-light.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-regular.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-regular.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-bold.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/roboto-bold.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Verdana";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Verdana";
font-style: normal;
font-weight: 700;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana-bold.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/verdana-bold.ttf) format("truetype");
}  @font-face {
font-display: swap;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/material-icons-v143-latin-regular.woff2) format("woff2"), url(//4uweb.de/wp-content/themes/astra-child/files4u/fonts/material-icons-v143-latin-regular.ttf) format("truetype");
}
.google-material-icons,
.material-icons,
.material-symbols-outlined {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga";
font-weight: normal;
}
html {
font-family: "Helvetica", "Roboto", "Open Sans", "Verdana", sans-serif !important;
font-size: 16px;
}   :root {
--4u-primary: #003366;
--4u-secondary: #669999;
--4u-accent: #0066cc;
--4u-success: #10b981;
--4u-warning: #f59e0b;
--4u-danger: #ef4444;
--4u-text-dark: #1a1a1a;
--4u-text-gray: #666666;
--4u-text-light: #ffffff;
--4u-bg-white: #ffffff;
--4u-bg-light: #f8f9fa;
--4u-bg-gray: #e9ecef;
--4u-border: #e5e7eb;
--4u-shadow-sm: 0 5px 15px rgba(0,51,102,0.08);
--4u-shadow-md: 0 10px 30px rgba(0,51,102,0.15);
--4u-shadow-lg: 0 20px 60px rgba(0,0,0,0.3);
--4u-gradient: linear-gradient(135deg, #003366 0%, #669999 100%);
--4u-max-width: 1200px;
--4u-radius: 5px;
--4u-radius-lg: 12px;
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--4u-text-dark);
background: var(--4u-bg-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.2;
color: var(--4u-primary);
margin-bottom: 1rem;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
p {
margin-bottom: 1.5rem;
line-height: 1.8;
}
a {
color: var(--4u-accent);
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: var(--4u-primary);
}
a:focus:not(:focus-visible) {
outline: none;
}
a:focus-visible {
outline: 2px solid var(--4u-accent);
outline-offset: 3px;
border-radius: 3px;
transition: outline 0.2s ease;
}
strong, b {
font-weight: 700;
}
em, i {
font-style: italic;
}
small {
font-size: 0.875em;
} ul, ol {
margin-bottom: 1.5rem;
padding-left: 30px;
}
ul li, ol li {
margin-bottom: 0.5rem;
line-height: 1.8;
}
ul ul, ul ol, ol ul, ol ol {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
dl {
margin-bottom: 1.5rem;
}
dl dt {
font-weight: 700;
margin-bottom: 0.25rem;
}
dl dd {
margin-left: 20px;
margin-bottom: 1rem;
} input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=number],
input[type=date],
textarea,
select {
width: 100%;
padding: 12px 15px;
border: 1px solid var(--4u-border);
border-radius: var(--4u-radius);
font-size: 16px;
font-family: inherit;
transition: all 0.3s;
background: white;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
color: #adb5bd;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
textarea::placeholder,
select::placeholder {
color: #adb5bd;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
textarea:disabled,
select:disabled {
background: var(--4u-bg-light);
cursor: not-allowed;
opacity: 0.6;
}
textarea {
resize: vertical;
min-height: 120px;
}
select {
cursor: pointer;
}
label {
display: block;
margin-bottom: 8px;
font-weight: 500;
color: var(--4u-text-dark);
}
fieldset {
border: 1px solid var(--4u-border);
border-radius: var(--4u-radius);
padding: 20px;
margin-bottom: 1.5rem;
}
fieldset legend {
padding: 0 10px;
font-weight: 600;
}
button {
font-family: inherit;
cursor: pointer;
transition: all 0.3s;
} table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1.5rem;
}
table th, table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid var(--4u-border);
}
table th {
background: var(--4u-bg-light);
font-weight: 600;
color: var(--4u-primary);
}
table tr {
transition: background 0.3s;
}
table tr:hover {
background: var(--4u-bg-light);
}
table tbody tr:last-child td {
border-bottom: none;
} img {
max-width: 100%;
height: auto;
display: block;
}
img.inline-icon, img[width="14"], img[width="16"], img[width="20"], img[width="24"] {
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
}
figure {
margin: 0 0 1.5rem 0;
}
figure img {
margin-bottom: 0.5rem;
}
figure figcaption {
font-size: 0.875rem;
color: var(--4u-text-gray);
text-align: center;
}
iframe {
max-width: 100%;
}
video {
max-width: 100%;
height: auto;
} blockquote {
border-left: 4px solid var(--4u-primary);
padding-left: 20px;
margin: 30px 0;
font-style: italic;
color: var(--4u-text-gray);
}
blockquote cite {
display: block;
margin-top: 10px;
font-style: normal;
font-size: 0.875rem;
}
blockquote cite::before {
content: "— ";
}
pre {
background: var(--4u-bg-light);
padding: 20px;
border-radius: var(--4u-radius);
overflow-x: auto;
margin-bottom: 1.5rem;
}
pre code {
font-family: "Monaco", "Courier New", monospace;
font-size: 14px;
background: none;
padding: 0;
color: inherit;
}
code {
background: var(--4u-bg-light);
padding: 2px 6px;
border-radius: 3px;
font-size: 0.9em;
color: var(--4u-danger);
font-family: "Monaco", "Courier New", monospace;
}
kbd {
background: var(--4u-text-dark);
color: white;
padding: 2px 6px;
border-radius: 3px;
font-size: 0.875em;
font-family: "Monaco", "Courier New", monospace;
} hr {
border: none;
border-top: 1px solid var(--4u-border);
margin: 2rem 0;
} @media (max-width: 1024px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
}
@media (max-width: 480px) {
body {
font-size: 14px;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
} @media print {
body {
color: black;
background: white;
}
h1, h2, h3, h4, h5, h6 {
color: black;
}
a {
color: black;
text-decoration: underline;
}
pre, blockquote {
page-break-inside: avoid;
}
}  .fouruweb-header { background: rgba(255, 255, 255, 0.444);
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
box-shadow: 0 3px 10px -3px rgba(0, 51, 102, 0.4);
border-bottom: 1px solid rgba(0, 51, 102, 0.42);
padding: 0 6.667%;
position: sticky;
top: 0;
z-index: 1000;                  }
.fouruweb-header .nav-container {
max-width: var(--4u-max-width);
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.fouruweb-header .fouruweb-nav {
padding: 12px 20px;
}
.fouruweb-header .site-branding {
flex-shrink: 0;
display: flex;
align-items: center;
}
.fouruweb-header .site-title-link {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
position: relative;   }
.fouruweb-header .site-title-link .custom-logo {
height: auto !important;
width: auto !important;
max-height: 80px; display: block;
}
.fouruweb-header .site-title-link img.custom-logo[style*=width],
.fouruweb-header .site-title-link img.custom-logo[style*=height] {
max-height: 80px !important; }
.fouruweb-header .site-title-link .domain-label {
display: block;
font-size: 14.444px;
font-weight: 600;
letter-spacing: 0;
color: #000;
margin-bottom: 2px;
position: absolute;
left: 80px;
top: 35px;
}
.fouruweb-header .site-title-link .site-title {
color: var(--4u-primary);
font-size: 24px;
font-weight: normal;
top: 24px;
position: relative;
left: -34px;
}
.fouruweb-header .custom-logo-link {
display: flex;
align-items: center;
}
.fouruweb-header .custom-logo-link img {
height: 50px;
width: auto;
max-width: 200px;
}
.fouruweb-header .site-description {
color: var(--4u-text-gray);
font-size: 14px;
margin: 0;
}
.fouruweb-header .nav-menu,
.fouruweb-header #primary-menu,
.fouruweb-header ul.menu {
display: flex;
gap: 35px;
list-style: none;
margin: 0;
padding: 0;
}
.fouruweb-header .nav-menu > li,
.fouruweb-header .nav-menu > .menu-item,
.fouruweb-header #primary-menu > li,
.fouruweb-header #primary-menu > .menu-item,
.fouruweb-header ul.menu > li,
.fouruweb-header ul.menu > .menu-item {
position: relative;
}
.fouruweb-header .nav-menu > li > a,
.fouruweb-header .nav-menu > .menu-item > a,
.fouruweb-header #primary-menu > li > a,
.fouruweb-header #primary-menu > .menu-item > a,
.fouruweb-header ul.menu > li > a,
.fouruweb-header ul.menu > .menu-item > a {
color: var(--4u-text-gray);
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
padding: 10px 0;
display: block;
}
.fouruweb-header .nav-menu > li > a:hover,
.fouruweb-header .nav-menu > .menu-item > a:hover,
.fouruweb-header #primary-menu > li > a:hover,
.fouruweb-header #primary-menu > .menu-item > a:hover,
.fouruweb-header ul.menu > li > a:hover,
.fouruweb-header ul.menu > .menu-item > a:hover {
color: var(--4u-primary);
}
.fouruweb-header .nav-menu > li.menu-item-has-children > a::after,
.fouruweb-header .nav-menu > .menu-item.menu-item-has-children > a::after,
.fouruweb-header #primary-menu > li.menu-item-has-children > a::after,
.fouruweb-header #primary-menu > .menu-item.menu-item-has-children > a::after,
.fouruweb-header ul.menu > li.menu-item-has-children > a::after,
.fouruweb-header ul.menu > .menu-item.menu-item-has-children > a::after {
content: " ▼";
font-size: 10px;
margin-left: 5px;
}
.fouruweb-header .nav-menu > li.has-dropdown:hover .dropdown-menu, .fouruweb-header .nav-menu > li.has-dropdown:hover .sub-menu, .fouruweb-header .nav-menu > li.menu-item-has-children:hover .dropdown-menu, .fouruweb-header .nav-menu > li.menu-item-has-children:hover .sub-menu,
.fouruweb-header .nav-menu > .menu-item.has-dropdown:hover .dropdown-menu,
.fouruweb-header .nav-menu > .menu-item.has-dropdown:hover .sub-menu,
.fouruweb-header .nav-menu > .menu-item.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header .nav-menu > .menu-item.menu-item-has-children:hover .sub-menu,
.fouruweb-header #primary-menu > li.has-dropdown:hover .dropdown-menu,
.fouruweb-header #primary-menu > li.has-dropdown:hover .sub-menu,
.fouruweb-header #primary-menu > li.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header #primary-menu > li.menu-item-has-children:hover .sub-menu,
.fouruweb-header #primary-menu > .menu-item.has-dropdown:hover .dropdown-menu,
.fouruweb-header #primary-menu > .menu-item.has-dropdown:hover .sub-menu,
.fouruweb-header #primary-menu > .menu-item.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header #primary-menu > .menu-item.menu-item-has-children:hover .sub-menu,
.fouruweb-header ul.menu > li.has-dropdown:hover .dropdown-menu,
.fouruweb-header ul.menu > li.has-dropdown:hover .sub-menu,
.fouruweb-header ul.menu > li.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header ul.menu > li.menu-item-has-children:hover .sub-menu,
.fouruweb-header ul.menu > .menu-item.has-dropdown:hover .dropdown-menu,
.fouruweb-header ul.menu > .menu-item.has-dropdown:hover .sub-menu,
.fouruweb-header ul.menu > .menu-item.menu-item-has-children:hover .dropdown-menu,
.fouruweb-header ul.menu > .menu-item.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.fouruweb-header .dropdown-menu,
.fouruweb-header .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: white;
box-shadow: var(--4u-shadow-md);
border-radius: 8px;
padding: 10px 0;
min-width: 220px;
margin-top: 10px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
}
.fouruweb-header .dropdown-menu li a,
.fouruweb-header .sub-menu li a {
display: block;
padding: 12px 20px;
color: var(--4u-text-gray);
text-decoration: none;
transition: all 0.3s;
}
.fouruweb-header .dropdown-menu li a:hover,
.fouruweb-header .sub-menu li a:hover {
background: var(--4u-bg-light);
color: var(--4u-primary);
padding-left: 25px;
}
.fouruweb-header .dropdown-menu li.coming-soon a,
.fouruweb-header .sub-menu li.coming-soon a {
opacity: 0.5;
cursor: default;
font-style: italic;
}
.fouruweb-header .dropdown-menu li.coming-soon a:hover,
.fouruweb-header .sub-menu li.coming-soon a:hover {
padding-left: 20px;
}
.fouruweb-header .main-navigation {
display: none;
}
.fouruweb-header .menu-container {
display: flex;
justify-content: center;
}
.fouruweb-header #primary-menu,
.fouruweb-header ul.menu {
display: flex;
gap: 35px;
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
}
.fouruweb-header .nav-actions {
flex-shrink: 0;
justify-self: end;
display: flex;
align-items: center;
gap: 15px; }
.fouruweb-header .nav-actions .widget {
margin: 0;
}
.fouruweb-header .nav-actions .btn-account {
background: var(--4u-primary);
color: white;
padding: 10px 25px;
border-radius: var(--4u-radius);
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
}
.fouruweb-header .nav-actions .btn-account:hover {
background: var(--4u-accent);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 51, 102, 0.3);
}
.fouruweb-header .header-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
font-size: 14px;
font-weight: 700;
border-radius: 33px;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 12px;
vertical-align: middle;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  }
.fouruweb-header .header-badge::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.fouruweb-header .header-badge:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.fouruweb-header .header-badge-plugins {
background: rgba(102, 153, 153, 0.15);
color: #669999;
border: 1px solid #669999;
}
.fouruweb-header .header-badge-plugins::before {
background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/img/twemoji_icons/1f9e9.svg);
}
.fouruweb-header .header-badge-webdev {
background: rgba(0, 51, 102, 0.15);
color: #003366;
border: 1px solid #003366;
}
.fouruweb-header .header-badge-webdev::before {
background-image: url(//4uweb.de/wp-content/themes/astra-child/files4u/img/twemoji_icons/1f4bb.svg);
}
.fouruweb-header .btn-account,
.fouruweb-header button.btn-account {
background: #073a6a;
color: white;
padding: 8px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.3s;
display: inline-flex;
align-items: center;
gap: 8px;
border: none;
cursor: pointer;
font-family: inherit;
line-height: normal;
}
.fouruweb-header .btn-account:hover,
.fouruweb-header button.btn-account:hover {
background: #669999; transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 153, 153, 0.3);
color: white;
}
.fouruweb-header .btn-account .dashicons,
.fouruweb-header button.btn-account .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 18px;
display: inline-block;
vertical-align: middle;
}
.fouruweb-header .btn-account .dashicons::before,
.fouruweb-header button.btn-account .dashicons::before {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 1;
display: inline-block;
}
.fouruweb-header .icon-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: transparent;
color: #003366;
text-decoration: none;
transition: all 0.3s;
margin-left: 10px;
border: none;
cursor: pointer;
padding: 0;  }
.fouruweb-header .icon-btn:hover {
background: rgba(0, 51, 102, 0.1);
color: #0066cc;
}
.fouruweb-header .icon-btn .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 1;
}
.fouruweb-header .icon-btn .dashicons-exit {
transform: scaleX(-1);
}
.fouruweb-header .icon-btn[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: white;
padding: 5px 10px;
border-radius: 4px;
white-space: nowrap;
font-size: 12px;
font-weight: normal;
pointer-events: none;
z-index: 1000;
}
.fouruweb-header .icon-btn[data-tooltip]:hover::before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #333;
pointer-events: none;
z-index: 1000;
}
.fouruweb-header .nav-actions {
display: flex;
align-items: center;
gap: 5px;
}
.fouruweb-header .mobile-menu-toggle {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 40px;
height: 40px;
background: transparent;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 5px;
transition: all 0.3s ease;
margin-left: 15px;
position: relative;
z-index: 1001;    }
.fouruweb-header .mobile-menu-toggle span {
width: 24px;
height: 3px;
background: #003366;
border-radius: 2px;
transition: all 0.3s ease;
transform-origin: center;
}
.fouruweb-header .mobile-menu-toggle:hover {
background: rgba(0, 51, 102, 0.1);
}
.fouruweb-header .mobile-menu-toggle:hover span {
background: #669999;
}
.fouruweb-header .mobile-menu-toggle.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.fouruweb-header .mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.fouruweb-header .mobile-menu-toggle.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.fouruweb-header .mobile-menu-toggle:focus {
outline: 2px solid #669999;
outline-offset: 2px;
} body.plugin-shop-site .fouruweb-header .nav-container {
grid-template-columns: auto 1fr auto;
} body.webdev-site .fouruweb-header .nav-container {
grid-template-columns: auto 1fr;
} button.icon-btn {
outline: none;
font-family: inherit;
}  .mobile-menu-panel {
position: fixed;
top: 0;
right: -100%;
width: 280px;
height: 100vh;
background: white;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
overflow-y: auto;
transition: right 0.3s ease;
padding: 80px 20px 20px;  }
.mobile-menu-panel.active {
right: 0;
}
.mobile-menu-panel .mobile-menu {
list-style: none;
margin: 0;
padding: 0; }
.mobile-menu-panel .mobile-menu li {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(0, 51, 102, 0.1);
}
.mobile-menu-panel .mobile-menu li a {
display: block;
padding: 10px 5px;
color: #003366;
text-decoration: none;
font-size: 16px;
font-weight: 500;
transition: all 0.3s;
}
.mobile-menu-panel .mobile-menu li a:hover {
background: rgba(102, 153, 153, 0.1);
color: #669999;
padding-left: 20px;
}
.mobile-menu-panel .mobile-menu li.current-menu-item a, .mobile-menu-panel .mobile-menu li.current_page_item a {
color: #669999;
font-weight: 600;
}
.mobile-menu-panel .mobile-menu .sub-menu,
.mobile-menu-panel .mobile-menu .dropdown-menu {
padding-left: 0px;
background: rgba(0, 51, 102, 0.05);
}
.mobile-menu-panel .mobile-menu .sub-menu li,
.mobile-menu-panel .mobile-menu .dropdown-menu li {
list-style: none;
}
.mobile-menu-panel .mobile-menu .sub-menu li a,
.mobile-menu-panel .mobile-menu .dropdown-menu li a {
font-size: 14px;
padding: 12px 10px;
} .mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
} body.mobile-menu-open {
overflow: hidden;
}  @media (max-width: 1024px) {
.fouruweb-header .nav-container {
grid-template-columns: 200px 1fr auto;
gap: 20px;
}
} @media (max-width: 768px) {
.fouruweb-header {
padding: 0;  }
.fouruweb-header .fouruweb-nav {
padding: 15px 5px;
}
.fouruweb-header .nav-container {
grid-template-columns: 1fr auto;
}
.fouruweb-header .mobile-menu-toggle {
display: flex;
}
.fouruweb-header .header-badge {
display: none;
}
} @media (max-width: 539px) {
.fouruweb-header {       }
.fouruweb-header .fouruweb-nav {
padding: 8px 12px;
}
.fouruweb-header .nav-container {
gap: 10px;
}
.fouruweb-header .site-title-link {   }
.fouruweb-header .site-title-link .custom-logo {
max-height: 50px !important;
}
.fouruweb-header .site-title-link .site-title {
color: var(--4u-primary);
font-size: 20px;
font-weight: normal;
top: 16px;
position: relative;
left: -28px;
display: block;
}
.fouruweb-header .site-title-link .domain-label {
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
color: #000;
margin-bottom: 2px;
position: absolute;
left: 53px;
top: 17px;
}
.fouruweb-header .btn-account,
.fouruweb-header button.btn-account {
padding: 8px 12px;
font-size: 0; gap: 0; }
.fouruweb-header .btn-account .dashicons,
.fouruweb-header button.btn-account .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
}
.fouruweb-header .icon-btn {
margin-left: 5px;
width: 32px;
height: 32px;
}
.fouruweb-header .mobile-menu-toggle {
margin-left: 8px;
width: 36px;
height: 36px;
}
.fouruweb-header .nav-actions {
gap: 3px;
}
} @media (max-width: 374px) {
.fouruweb-header {   }
.fouruweb-header .fouruweb-nav {
padding: 6px 8px;
}
.fouruweb-header .site-title-link {   }
.fouruweb-header .site-title-link .custom-logo {
max-height: 40px !important;
}
.fouruweb-header .site-title-link .site-title {
font-size: 16px;
top: 14px;
left: -26px;
}
.fouruweb-header .site-title-link .domain-label {
left: 43px;
top: 12px;
}
.fouruweb-header .icon-btn {
display: none;
}
}   .fouruweb-footer {
background: linear-gradient(180deg, rgb(16.5, 67.5, 110.7) 0%, #073a6a 50%, #00264d 100%);
color: white;
padding: 60px 5% 30px;
margin-top: 80px;
}
.fouruweb-footer .footer-container {
max-width: var(--4u-max-width);
margin: 0 auto;
}
.fouruweb-footer .footer-top {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 10px;
}
.fouruweb-footer .footer-top .footer-column #block-11 .wp-block-columns h4 {
margin-bottom: 3px;
}
.fouruweb-footer .footer-top .footer-column #block-11 .wp-block-columns ul {
padding-left: 22px;
}
.fouruweb-footer .footer-top .footer-column #block-11 .wp-block-columns ul li {
list-style: circle;
line-height: 1.2rem;
margin-bottom: 0;
font-size: 0.8rem;
}
.fouruweb-footer .footer-top .footer-column h4 {
margin-bottom: 10px;
font-size: 18px;
color: white;
}
.fouruweb-footer .footer-top .footer-column ul {
list-style: none;
padding: 0;
margin-left: 6px;
}
.fouruweb-footer .footer-top .footer-column ul li {
margin-bottom: 0;
}
.fouruweb-footer .footer-top .footer-column ul li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s;
}
.fouruweb-footer .footer-top .footer-column ul li a:hover {
color: white;
}
.fouruweb-footer .footer-top .footer-column ul li span {
color: rgba(255, 255, 255, 0.5);
}
.fouruweb-footer .footer-top .footer-column p {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 15px;
}
.fouruweb-footer .footer-logo {
display: flex;
align-items: center;
gap: 0px;
margin-bottom: 15px;
}
.fouruweb-footer .footer-logo p {
margin: 0;
}
.fouruweb-footer .footer-logo .logo-placeholder {
width: 40px;
height: 40px;
background: white;
color: var(--4u-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
}
.fouruweb-footer .footer-logo span {
font-size: 24px;
font-weight: bold;
}
.fouruweb-footer .footer-bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 20px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
opacity: 0.8;
}
.fouruweb-footer .footer-bottom p {
margin: 0;
color: white;
}
.fouruweb-footer .footer-info {
display: flex;
flex-direction: column;
gap: 5px;
}
.fouruweb-footer .footer-branding-text {
display: block;
}
.fouruweb-footer .footer-branding-text strong {
font-size: 18px;
font-weight: 700;
color: white;
margin-right: 0px;
}
.fouruweb-footer .footer-branding-text span {
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
}
.fouruweb-footer .footer-copyright {
font-size: 13px;
color: rgba(255, 255, 255, 0.8);
} @media (max-width: 768px) {
.fouruweb-footer .footer-top {
grid-template-columns: 1fr;
text-align: center;
}
.fouruweb-footer .footer-logo {
justify-content: center;
}
}    .ast-main-header-wrap,
#colophon,
.site-footer,
.ast-footer,
.ast-header,
.ast-mobile-header-wrap,
.ast-desktop-header-content,
.ast-primary-header-bar,
.ast-above-header,
.ast-below-header {
display: none !important;
} .fouruweb-header {
display: block !important;
} .container {
max-width: var(--4u-max-width);
margin: 0 auto;
padding: 0 20px;
}   .hero {
background: var(--4u-gradient);
padding: 80px 5%;
color: white;
position: relative;
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,106.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
background-size: cover;
background-position: bottom;
opacity: 0.3;
}
.hero .hero-content {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 1;
}
.hero .hero-text h1 {
font-size: 48px;
margin-bottom: 20px;
line-height: 1.2;
color: white;
}
.hero .hero-text .badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
padding: 5px 15px;
border-radius: 20px;
font-size: 14px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.hero .hero-text .tagline {
font-size: 24px;
margin-bottom: 10px;
opacity: 0.95;
}
.hero .hero-text p {
font-size: 20px;
margin-bottom: 30px;
opacity: 0.95;
color: white;
}
.hero .hero-buttons {
display: flex;
gap: 20px;
}
.hero .hero-buttons .btn {
padding: 15px 30px;
border-radius: var(--4u-radius);
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s;
display: inline-block;
}
.hero .hero-buttons .btn.btn-white {
background: white;
color: var(--4u-primary);
}
.hero .hero-buttons .btn.btn-white:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.hero .hero-buttons .btn.btn-outline {
background: transparent;
color: white;
border: 2px solid white;
}
.hero .hero-buttons .btn.btn-outline:hover {
background: white;
color: var(--4u-primary);
}
.page-hero-mini {
background: var(--4u-gradient);
padding: 60px 5%;
color: white;
text-align: center;
}
.page-hero-mini .page-title {
font-size: 42px;
margin: 0;
color: white;
} .demo-cookie-banner {
background: white;
border-radius: 8px;
padding: 0;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
max-width: 520px;
animation: float 6s ease-in-out infinite;
position: relative;
overflow: visible;
border: 1px solid #e0e0e0;
}
.demo-route-planner {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
max-width: 420px;
animation: float 6s ease-in-out infinite;
position: relative;
overflow: visible;
border: 1px solid #e0e0e0;
}
.demo-cookie-banner .demo-overlay,
.demo-route-planner .demo-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
cursor: not-allowed;
background: rgba(255, 255, 255, 0.01);
border-radius: 8px;
}
.demo-cookie-banner .demo-overlay:hover .demo-tooltip,
.demo-route-planner .demo-overlay:hover .demo-tooltip {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
}
.demo-cookie-banner .demo-tooltip,
.demo-route-planner .demo-tooltip {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
background: rgba(0, 0, 0, 0.85);
color: white;
padding: 10px 15px;
border-radius: 6px;
font-size: 14px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 101;
pointer-events: none;
}
.demo-cookie-banner .demo-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px 15px;
background: transparent;
}
.demo-cookie-banner .demo-modal-header h3 {
color: #37474f;
margin: 0;
font-size: 24px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.demo-cookie-banner .demo-modal-header h3 .inline-icon {
vertical-align: middle;
}
.demo-cookie-banner .demo-modal-header .demo-close-button {
background: transparent;
border: none;
font-size: 28px;
color: #9ca3af;
cursor: pointer;
padding: 0;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: all 0.2s;
margin-top: -5px;
box-shadow: none;
}
.demo-cookie-banner .demo-modal-header .demo-close-button:hover {
color: #374151;
}
.demo-cookie-banner .demo-modal-body {
padding: 0 24px;
}
.demo-cookie-banner .demo-modal-body .demo-description {
color: #6b7280;
margin: 0 0 20px;
font-size: 14px;
line-height: 1.6;
}
.demo-cookie-banner .demo-modal-body .demo-description a {
color: #00677f;
text-decoration: underline;
}
.demo-cookie-banner .demo-modal-body .demo-description a:hover {
text-decoration: none;
}
.demo-cookie-banner .demo-modal-body .demo-divider {
height: 1px;
background: #e5e7eb;
margin: auto;
width: 100%;
}
.demo-cookie-banner .demo-modal-body .cookie-services {
padding: 20px 0;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e7eb;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-header .service-name {
color: #374151;
font-size: 14px;
flex: 1;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-header .service-name strong {
font-weight: 600;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-description {
color: #6b7280;
font-size: 13px;
line-height: 1.5;
margin: 0 0 5px 60px;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-details {
color: #00677f;
font-size: 13px;
text-decoration: underline;
margin-left: 60px;
display: inline-block;
}
.demo-cookie-banner .demo-modal-body .cookie-services .cookie-service .service-details:hover {
text-decoration: none;
}
.demo-cookie-banner .cookie-toggle {
width: 48px;
height: 26px;
background: #cbd5e1;
border-radius: 13px;
position: relative;
cursor: pointer;
transition: background 0.3s;
flex-shrink: 0;
}
.demo-cookie-banner .cookie-toggle[data-service=necessary] {
cursor: not-allowed;
opacity: 0.7;
}
.demo-cookie-banner .cookie-toggle.active {
background: #10b981;
}
.demo-cookie-banner .cookie-toggle::after {
content: "";
position: absolute;
width: 22px;
height: 22px;
background: white;
border-radius: 50%;
top: 2px;
left: 2px;
transition: transform 0.3s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.demo-cookie-banner .cookie-toggle.active::after {
transform: translateX(22px);
}
.demo-cookie-banner .demo-modal-footer {
padding: 20px 24px;
background: transparent;
display: flex;
align-items: center;
justify-content: space-between;
}
.demo-cookie-banner .demo-modal-footer .btn-accept-selected {
background: #00acc1;
color: white;
border: none;
padding: 11px 24px;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
font-size: 14px;
}
.demo-cookie-banner .demo-modal-footer .btn-accept-selected:hover {
background: #0097a7;
}
.demo-cookie-banner .demo-modal-footer .powered-by {
color: #9ca3af;
font-size: 11px;
}
.demo-cookie-banner .demo-modal-footer .powered-by a {
color: #9ca3af;
text-decoration: underline;
}
.demo-cookie-banner .demo-modal-footer .powered-by a:hover {
color: #6b7280;
text-decoration: none;
}
.demo-cookie-banner * {
cursor: not-allowed !important;
}
.demo-map-widget {
background: white;
border-radius: var(--4u-radius-lg);
padding: 20px;
box-shadow: var(--4u-shadow-lg);
animation: float 6s ease-in-out infinite;
}
.demo-map-widget .map-header {
color: var(--4u-primary);
margin-bottom: 15px;
}
.demo-map-widget .map-header h3 {
margin: 0;
font-size: 18px;
}
.demo-map-widget .map-controls {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.demo-map-widget .map-controls .map-input {
padding: 10px;
border: 1px solid var(--4u-border);
border-radius: var(--4u-radius);
font-size: 14px;
}
.demo-map-widget .map-controls .btn-route {
padding: 10px;
background: var(--4u-primary);
color: white;
border: none;
border-radius: var(--4u-radius);
font-weight: 600;
cursor: pointer;
transition: background 0.3s;
}
.demo-map-widget .map-controls .btn-route:hover {
background: var(--4u-accent);
}
.demo-map-widget .map-preview {
height: 200px;
background: var(--4u-bg-light);
border-radius: 8px;
overflow: hidden;
position: relative;
}
.demo-map-widget .map-preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.demo-map-widget .map-preview .map-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.demo-map-widget .map-preview .map-placeholder .icon {
font-size: 48px;
margin-bottom: 10px;
}
.demo-map-widget .map-preview .map-placeholder p {
color: var(--4u-text-gray);
margin: 0;
} .features {
padding: 80px 5%;
background: var(--4u-bg-light);
}
.section-header {
text-align: center;
margin-bottom: 60px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.section-header h2 {
font-size: 36px;
color: var(--4u-primary);
margin-bottom: 15px;
}
.section-header p {
font-size: 18px;
color: var(--4u-text-gray);
}
.features-grid {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 40px;
}
.features-grid .feature-card {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: var(--4u-shadow-sm);
transition: all 0.3s;
}
.features-grid .feature-card:hover {
transform: translateY(-5px);
box-shadow: var(--4u-shadow-md);
}
.features-grid .feature-card .feature-icon {
font-size: 48px;
margin-bottom: 20px;
}
.features-grid .feature-card h3 {
font-size: 22px;
color: var(--4u-primary);
margin-bottom: 10px;
}
.features-grid .feature-card p {
color: var(--4u-text-gray);
line-height: 1.6;
} .pricing {
padding: 80px 5%;
background: white;
}
.pricing .pricing-grid {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-bottom: 30px;
}
.pricing .price-card {
border: 2px solid #e5e7eb;
border-radius: var(--4u-radius-lg);
padding: 40px 30px;
text-align: center;
position: relative;
transition: all 0.3s;
background: white;
}
.pricing .price-card:hover {
border-color: var(--4u-secondary);
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(102, 153, 153, 0.15);
}
.pricing .price-card.featured {
border-color: var(--4u-primary);
background: var(--4u-gradient);
color: white;
transform: scale(1.05);
}
.pricing .price-card.featured h3,
.pricing .price-card.featured .price,
.pricing .price-card.featured .price-features li {
color: white;
}
.pricing .price-card.featured .price-features li::before {
color: var(--4u-success) !important;
}
.pricing .price-card h3 {
font-size: 28px;
margin-bottom: 10px;
color: var(--4u-primary);
}
.pricing .price-card .price {
font-size: 48px;
font-weight: bold;
margin: 20px 0;
color: var(--4u-primary);
}
.pricing .price-card .price small {
font-size: 16px;
font-weight: normal;
opacity: 0.8;
}
.pricing .price-card .popular-badge {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: #ef4444;
color: white;
padding: 5px 20px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.pricing .price-card .price-features {
list-style: none;
margin: 30px 0;
padding: 0;
text-align: left;
}
.pricing .price-card .price-features li {
padding: 10px 0;
display: flex;
align-items: center;
gap: 10px;
color: var(--4u-text-gray);
}
.pricing .price-card .price-features li::before {
content: "✓";
color: var(--4u-success);
font-weight: bold;
font-size: 18px;
}
.pricing .price-card .btn-buy:disabled {
opacity: 0.5;
cursor: not-allowed;
} .fouruweb-main {
min-height: 60vh;
}
.fouruweb-main .page-content {
padding: 60px 5%;
}
.fouruweb-main .page-content .container {
max-width: var(--4u-max-width);
margin: 0 auto;
}
.fouruweb-main .page-content .content-wrapper {
max-width: 800px;
margin: 0 auto;
}
.fouruweb-main .page-content .content-wrapper h1,
.fouruweb-main .page-content .content-wrapper h2,
.fouruweb-main .page-content .content-wrapper h3,
.fouruweb-main .page-content .content-wrapper h4,
.fouruweb-main .page-content .content-wrapper h5,
.fouruweb-main .page-content .content-wrapper h6 {
color: var(--4u-primary);
margin-top: 30px;
margin-bottom: 15px;
}
.fouruweb-main .page-content .content-wrapper a {
color: var(--4u-accent);
}
.fouruweb-main .page-content .content-wrapper a:hover {
text-decoration: underline;
} .btn {
display: inline-block;
padding: 12px 30px;
border-radius: var(--4u-radius);
font-weight: 600;
text-decoration: none;
transition: all 0.3s;
cursor: pointer;
border: none;
font-size: 16px;
}
.btn-primary {
background: var(--4u-primary);
color: white;
}
.btn-primary:hover {
background: var(--4u-accent);
transform: translateY(-2px);
box-shadow: var(--4u-shadow-md);
}
.btn-secondary {
background: var(--4u-secondary);
color: white;
}
.btn-secondary:hover {
background: rgb(81.6, 122.4, 122.4);
transform: translateY(-2px);
}
.btn-outline {
background: transparent;
border: 2px solid var(--4u-primary);
color: var(--4u-primary);
}
.btn-outline:hover {
background: var(--4u-primary);
color: white;
}
.btn-white {
background: white;
color: var(--4u-primary);
}
.btn-white:hover {
background: var(--4u-bg-light);
transform: translateY(-2px);
box-shadow: var(--4u-shadow-md);
}
.btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none !important;
} .text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.mt-0 {
margin-top: 0;
}
.mt-1 {
margin-top: 10px;
}
.mt-2 {
margin-top: 20px;
}
.mt-3 {
margin-top: 30px;
}
.mt-4 {
margin-top: 40px;
}
.mt-5 {
margin-top: 50px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-1 {
margin-bottom: 10px;
}
.mb-2 {
margin-bottom: 20px;
}
.mb-3 {
margin-bottom: 30px;
}
.mb-4 {
margin-bottom: 40px;
}
.mb-5 {
margin-bottom: 50px;
}
.pt-0 {
padding-top: 0;
}
.pt-1 {
padding-top: 10px;
}
.pt-2 {
padding-top: 20px;
}
.pt-3 {
padding-top: 30px;
}
.pt-4 {
padding-top: 40px;
}
.pt-5 {
padding-top: 50px;
}
.pb-0 {
padding-bottom: 0;
}
.pb-1 {
padding-bottom: 10px;
}
.pb-2 {
padding-bottom: 20px;
}
.pb-3 {
padding-bottom: 30px;
}
.pb-4 {
padding-bottom: 40px;
}
.pb-5 {
padding-bottom: 50px;
}
.d-none {
display: none;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.d-flex {
display: flex;
}
.d-grid {
display: grid;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.align-center {
align-items: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.bg-white {
background: var(--4u-bg-white);
}
.bg-light {
background: var(--4u-bg-light);
}
.bg-primary {
background: var(--4u-primary);
}
.bg-secondary {
background: var(--4u-secondary);
}
.text-primary {
color: var(--4u-primary);
}
.text-secondary {
color: var(--4u-secondary);
}
.text-gray {
color: var(--4u-text-gray);
}
.text-white {
color: white;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.animate-fadeIn {
animation: fadeIn 0.5s ease-in;
}
.animate-slideInUp {
animation: slideInUp 0.5s ease-out;
}
.animate-float {
animation: float 6s ease-in-out infinite;
}
.animate-pulse {
animation: pulse 2s ease-in-out infinite;
} .wp-block-image {
margin: 30px 0;
}
.wp-block-image img {
max-width: 100%;
height: auto;
border-radius: var(--4u-radius);
}
.wp-block-gallery {
margin: 30px 0;
}
.wp-block-quote {
border-left: 4px solid var(--4u-primary);
padding-left: 20px;
margin: 30px 0;
font-style: italic;
color: var(--4u-text-gray);
} .skip-link {
position: absolute;
left: -9999px;
z-index: 999;
}
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
} @media (max-width: 1024px) {
.hero .hero-content {
gap: 40px;
}
}
@media (max-width: 768px) {
.hero {
padding: 60px 5%;
}
.hero .hero-content {
grid-template-columns: 1fr;
text-align: center;
}
.hero .hero-text h1 {
font-size: 36px;
}
.hero .hero-buttons {
justify-content: center;
flex-direction: column;
align-items: center;
}
.hero .hero-buttons .btn {
width: 100%;
max-width: 300px;
}
.demo-cookie-banner,
.demo-map-widget {
margin: 40px auto 0;
max-width: 100%;
}
.features-grid,
.pricing-grid {
grid-template-columns: 1fr;
}
.price-card.featured {
transform: scale(1);
}
.fouruweb-main .page-hero-mini .page-title {
font-size: 32px;
}
}
@media (max-width: 480px) {
.container {
padding: 0 15px;
}
.hero {
padding: 40px 5%;
}
.features,
.pricing {
padding: 60px 5%;
}
} .comparison-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
max-width: var(--4u-max-width);
margin: 40px auto;
}
@media (max-width: 768px) {
.comparison-grid {
grid-template-columns: 1fr;
}
}
.comparison-card {
padding: 30px;
border-radius: 10px;
background: white;
box-shadow: var(--4u-shadow-sm);
}
.comparison-card.osm {
border: 2px solid var(--4u-success);
background: #f0f9ff;
}
.comparison-card.osm h3 {
color: var(--4u-success);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.comparison-card.osm h3 img {
display: inline-block;
vertical-align: middle;
}
.comparison-card.google {
border: 2px solid var(--4u-danger);
background: #fff5f5;
}
.comparison-card.google h3 {
color: var(--4u-danger);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.comparison-card.google h3 img {
display: inline-block;
vertical-align: middle;
}
.comparison-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.comparison-card ul li {
padding: 10px 0;
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.comparison-card ul li:last-child {
border-bottom: none;
}
.comparison-card ul li img {
flex-shrink: 0;
display: inline-block;
} .why-osm {
padding: 60px 5%;
background: var(--4u-bg-light);
}
.why-osm .section-header {
margin-bottom: 40px;
} @media print {
.fouruweb-header,
.fouruweb-footer,
.hero-buttons,
.btn-buy,
.demo-cookie-banner,
.demo-map-widget,
.mobile-menu-toggle {
display: none !important;
}
}   @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
} @keyframes spinSimple {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} @keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 51, 102, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(0, 51, 102, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 51, 102, 0);
}
} @keyframes scalePulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
} @keyframes pulseOnce {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
transform: scale(1);
}
50% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
transform: scale(1.05);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
transform: scale(1);
}
}     .btn-checkout,
.btn-cta,
.btn-single,
.btn-first,
.btn-second,
.btn-third,
.btn-fourth,
.btn-download {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: inherit;
font-weight: 600;
text-align: center;
white-space: nowrap;
line-height: 16px;
border-radius: 8px;
transition: all 0.3s ease;
}
.btn-checkout img,
.btn-checkout svg,
.btn-cta img,
.btn-cta svg,
.btn-single img,
.btn-single svg,
.btn-first img,
.btn-first svg,
.btn-second img,
.btn-second svg,
.btn-third img,
.btn-third svg,
.btn-fourth img,
.btn-fourth svg,
.btn-download img,
.btn-download svg {
flex-shrink: 0;
filter: none !important;
opacity: 1 !important;
}
.btn-checkout:hover:not(.btn-disabled):not([disabled]),
.btn-cta:hover:not(.btn-disabled):not([disabled]),
.btn-single:hover:not(.btn-disabled):not([disabled]),
.btn-first:hover:not(.btn-disabled):not([disabled]),
.btn-second:hover:not(.btn-disabled):not([disabled]),
.btn-third:hover:not(.btn-disabled):not([disabled]),
.btn-fourth:hover:not(.btn-disabled):not([disabled]),
.btn-download:hover:not(.btn-disabled):not([disabled]) {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.btn-checkout:active:not(.btn-disabled):not([disabled]),
.btn-cta:active:not(.btn-disabled):not([disabled]),
.btn-single:active:not(.btn-disabled):not([disabled]),
.btn-first:active:not(.btn-disabled):not([disabled]),
.btn-second:active:not(.btn-disabled):not([disabled]),
.btn-third:active:not(.btn-disabled):not([disabled]),
.btn-fourth:active:not(.btn-disabled):not([disabled]),
.btn-download:active:not(.btn-disabled):not([disabled]) {
transform: translateY(0);
} .btn-large {
padding: 18px 36px;
font-size: 18px;
border-radius: 10px;
}
.btn-normal {
padding: 14px 28px;
font-size: 16px;
border-radius: 8px;
}
.btn-small {
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
}  .btn-checkout,
.btn-cta {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
color: #fff;
border: none;
}
.btn-checkout:hover:not(.btn-disabled):not([disabled]),
.btn-cta:hover:not(.btn-disabled):not([disabled]) {
background: linear-gradient(135deg, #669999 0%, #073a6a 100%);
box-shadow: 0 8px 25px rgba(7, 58, 106, 0.4);
} .btn-single {
background: #073a6a;
color: #fff;
border: 2px solid lightgray;
}
.btn-single:hover:not(.btn-disabled):not([disabled]) {
background: #669999;
} .btn-group-2 {
display: flex;
gap: 15px;
align-items: center;
}
.btn-group-2 .btn-first {
background: #fff;
color: #073a6a;
border: 2px solid #073a6a;
}
.btn-group-2 .btn-first:hover:not(.btn-disabled):not([disabled]) {
background: #ff6b35;
color: #fff;
border-color: #ff6b35;
}
.btn-group-2 .btn-second {
background: #669999;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-2 .btn-second:hover:not(.btn-disabled):not([disabled]) {
background: #fff;
color: #073a6a;
border-color: #ff6b35;
} .btn-group-3 {
display: flex;
gap: 15px;
align-items: center;
}
.btn-group-3 .btn-first {
background: #fff;
color: #073a6a;
border: 2px solid #073a6a;
}
.btn-group-3 .btn-first:hover:not(.btn-disabled):not([disabled]) {
background: #ff6b35;
color: #fff;
border-color: #fff;
}
.btn-group-3 .btn-second {
background: #669999;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-3 .btn-second:hover:not(.btn-disabled):not([disabled]) {
background: #fff;
color: #073a6a;
border-color: #ff6b35;
}
.btn-group-3 .btn-third {
background: #073a6a;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-3 .btn-third:hover:not(.btn-disabled):not([disabled]) {
background: #669999;
} .btn-group-4 {
display: flex;
gap: 15px;
align-items: stretch;
flex-direction: column;
width: 100%;
}
.btn-group-4 .btn-first,
.btn-group-4 .btn-second,
.btn-group-4 .btn-third,
.btn-group-4 .btn-fourth {
width: 100%;
white-space: nowrap;
}
.btn-group-4 .btn-first {
background: #fff;
color: #073a6a;
border: 2px solid #073a6a;
}
.btn-group-4 .btn-first:hover:not(.btn-disabled):not([disabled]) {
background: #ff6b35;
color: #fff;
border-color: #fff;
}
.btn-group-4 .btn-second {
background: #669999;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-4 .btn-second:hover:not(.btn-disabled):not([disabled]) {
background: #fff;
color: #073a6a;
border-color: #ff6b35;
}
.btn-group-4 .btn-third {
background: #073a6a;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-4 .btn-third:hover:not(.btn-disabled):not([disabled]) {
background: #669999;
}
.btn-group-4 .btn-fourth {
background: #ff6b35;
color: #fff;
border: 2px solid lightgray;
}
.btn-group-4 .btn-fourth:hover:not(.btn-disabled):not([disabled]) {
background: #073a6a;
color: #fff;
border-color: #ff6b35;
}  .btn-download {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
color: #fff;
border: none;
}
.btn-download:hover:not(.btn-disabled):not([disabled]) {
background: linear-gradient(135deg, #669999 0%, #073a6a 100%);
box-shadow: 0 8px 25px rgba(7, 58, 106, 0.4);
}
.btn-download.loading {
opacity: 0.7;
cursor: not-allowed;
pointer-events: none;
}
.btn-download.loading span::after {
content: "...";
animation: loading-dots 1.5s infinite;
}  .btn-checkout.btn-disabled,
.btn-cta.btn-disabled,
.btn-single.btn-disabled,
.btn-first.btn-disabled,
.btn-second.btn-disabled,
.btn-third.btn-disabled,
.btn-fourth.btn-disabled,
.btn-download.btn-disabled,
button[disabled],
button:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.btn-checkout.btn-disabled:hover,
.btn-cta.btn-disabled:hover,
.btn-single.btn-disabled:hover,
.btn-first.btn-disabled:hover,
.btn-second.btn-disabled:hover,
.btn-third.btn-disabled:hover,
.btn-fourth.btn-disabled:hover,
.btn-download.btn-disabled:hover,
button[disabled]:hover,
button:disabled:hover {
transform: none;
box-shadow: none;
} .btn-loading {
opacity: 0.7;
cursor: not-allowed;
pointer-events: none;
position: relative;
}
.btn-loading span {
opacity: 0.5;
}
.btn-loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.6s linear infinite;
} @media (max-width: 768px) {
.btn-group-2,
.btn-group-3,
.btn-group-4 {
flex-direction: column;
}
.btn-group-2 .btn-first,
.btn-group-2 .btn-second,
.btn-group-2 .btn-third,
.btn-group-2 .btn-fourth,
.btn-group-3 .btn-first,
.btn-group-3 .btn-second,
.btn-group-3 .btn-third,
.btn-group-3 .btn-fourth,
.btn-group-4 .btn-first,
.btn-group-4 .btn-second,
.btn-group-4 .btn-third,
.btn-group-4 .btn-fourth {
width: 100%;
}
.btn-large {
padding: 16px 32px;
font-size: 16px;
}
.btn-normal {
padding: 12px 24px;
font-size: 15px;
}
.btn-small {
padding: 8px 16px;
font-size: 13px;
}
} @keyframes loading-dots {
0%, 20% {
content: ".";
}
40% {
content: "..";
}
60%, 100% {
content: "...";
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}    .hero-section,
.contact-hero-section,
.documentation-hero-section,
.downloads-hero,
.login-register-hero,
.forgot-password-hero,
.payment-success-hero-section,
.dashboard-hero-section,
.account-settings-hero,
.legal-hero { position: relative;
padding: 4rem 2rem;
overflow: hidden;
margin-bottom: 60px;
text-align: center; background: linear-gradient(135deg, #073a6a 0%, #669999 100%); color: white;
}
.hero-section a,
.contact-hero-section a,
.documentation-hero-section a,
.downloads-hero a,
.login-register-hero a,
.forgot-password-hero a,
.payment-success-hero-section a,
.dashboard-hero-section a,
.account-settings-hero a,
.legal-hero a {
color: white;
text-decoration: underline;
transition: color 0.3s ease;
}
.hero-section a:hover,
.contact-hero-section a:hover,
.documentation-hero-section a:hover,
.downloads-hero a:hover,
.login-register-hero a:hover,
.forgot-password-hero a:hover,
.payment-success-hero-section a:hover,
.dashboard-hero-section a:hover,
.account-settings-hero a:hover,
.legal-hero a:hover {
color: #ff6b35;
}
.hero-section .hero-title,
.hero-section .legal-hero-title,
.contact-hero-section .hero-title,
.contact-hero-section .legal-hero-title,
.documentation-hero-section .hero-title,
.documentation-hero-section .legal-hero-title,
.downloads-hero .hero-title,
.downloads-hero .legal-hero-title,
.login-register-hero .hero-title,
.login-register-hero .legal-hero-title,
.forgot-password-hero .hero-title,
.forgot-password-hero .legal-hero-title,
.payment-success-hero-section .hero-title,
.payment-success-hero-section .legal-hero-title,
.dashboard-hero-section .hero-title,
.dashboard-hero-section .legal-hero-title,
.account-settings-hero .hero-title,
.account-settings-hero .legal-hero-title,
.legal-hero .hero-title,
.legal-hero .legal-hero-title {
font-size: 48px;
font-weight: 700;
margin: 0 0 20px;
color: #1e293b;
animation: fadeInUp 0.8s ease;
}
.hero-section .hero-title .inline-icon,
.hero-section .legal-hero-title .inline-icon,
.contact-hero-section .hero-title .inline-icon,
.contact-hero-section .legal-hero-title .inline-icon,
.documentation-hero-section .hero-title .inline-icon,
.documentation-hero-section .legal-hero-title .inline-icon,
.downloads-hero .hero-title .inline-icon,
.downloads-hero .legal-hero-title .inline-icon,
.login-register-hero .hero-title .inline-icon,
.login-register-hero .legal-hero-title .inline-icon,
.forgot-password-hero .hero-title .inline-icon,
.forgot-password-hero .legal-hero-title .inline-icon,
.payment-success-hero-section .hero-title .inline-icon,
.payment-success-hero-section .legal-hero-title .inline-icon,
.dashboard-hero-section .hero-title .inline-icon,
.dashboard-hero-section .legal-hero-title .inline-icon,
.account-settings-hero .hero-title .inline-icon,
.account-settings-hero .legal-hero-title .inline-icon,
.legal-hero .hero-title .inline-icon,
.legal-hero .legal-hero-title .inline-icon {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -5px;
}
.hero-section .hero-subtitle,
.hero-section .legal-hero-subtitle,
.contact-hero-section .hero-subtitle,
.contact-hero-section .legal-hero-subtitle,
.documentation-hero-section .hero-subtitle,
.documentation-hero-section .legal-hero-subtitle,
.downloads-hero .hero-subtitle,
.downloads-hero .legal-hero-subtitle,
.login-register-hero .hero-subtitle,
.login-register-hero .legal-hero-subtitle,
.forgot-password-hero .hero-subtitle,
.forgot-password-hero .legal-hero-subtitle,
.payment-success-hero-section .hero-subtitle,
.payment-success-hero-section .legal-hero-subtitle,
.dashboard-hero-section .hero-subtitle,
.dashboard-hero-section .legal-hero-subtitle,
.account-settings-hero .hero-subtitle,
.account-settings-hero .legal-hero-subtitle,
.legal-hero .hero-subtitle,
.legal-hero .legal-hero-subtitle {
font-size: 24px;
font-weight: 400;
margin: 0 0 20px;
color: white;
opacity: 0.95;
animation: fadeInUp 0.8s ease 0.2s backwards;
}
.hero-section .hero-content,
.hero-section .legal-hero-content,
.hero-section .contact-hero-content,
.hero-section .documentation-hero-content,
.hero-section .dashboard-hero-content,
.hero-section .payment-success-hero-content,
.hero-section .hero-container,
.contact-hero-section .hero-content,
.contact-hero-section .legal-hero-content,
.contact-hero-section .contact-hero-content,
.contact-hero-section .documentation-hero-content,
.contact-hero-section .dashboard-hero-content,
.contact-hero-section .payment-success-hero-content,
.contact-hero-section .hero-container,
.documentation-hero-section .hero-content,
.documentation-hero-section .legal-hero-content,
.documentation-hero-section .contact-hero-content,
.documentation-hero-section .documentation-hero-content,
.documentation-hero-section .dashboard-hero-content,
.documentation-hero-section .payment-success-hero-content,
.documentation-hero-section .hero-container,
.downloads-hero .hero-content,
.downloads-hero .legal-hero-content,
.downloads-hero .contact-hero-content,
.downloads-hero .documentation-hero-content,
.downloads-hero .dashboard-hero-content,
.downloads-hero .payment-success-hero-content,
.downloads-hero .hero-container,
.login-register-hero .hero-content,
.login-register-hero .legal-hero-content,
.login-register-hero .contact-hero-content,
.login-register-hero .documentation-hero-content,
.login-register-hero .dashboard-hero-content,
.login-register-hero .payment-success-hero-content,
.login-register-hero .hero-container,
.forgot-password-hero .hero-content,
.forgot-password-hero .legal-hero-content,
.forgot-password-hero .contact-hero-content,
.forgot-password-hero .documentation-hero-content,
.forgot-password-hero .dashboard-hero-content,
.forgot-password-hero .payment-success-hero-content,
.forgot-password-hero .hero-container,
.payment-success-hero-section .hero-content,
.payment-success-hero-section .legal-hero-content,
.payment-success-hero-section .contact-hero-content,
.payment-success-hero-section .documentation-hero-content,
.payment-success-hero-section .dashboard-hero-content,
.payment-success-hero-section .payment-success-hero-content,
.payment-success-hero-section .hero-container,
.dashboard-hero-section .hero-content,
.dashboard-hero-section .legal-hero-content,
.dashboard-hero-section .contact-hero-content,
.dashboard-hero-section .documentation-hero-content,
.dashboard-hero-section .dashboard-hero-content,
.dashboard-hero-section .payment-success-hero-content,
.dashboard-hero-section .hero-container,
.account-settings-hero .hero-content,
.account-settings-hero .legal-hero-content,
.account-settings-hero .contact-hero-content,
.account-settings-hero .documentation-hero-content,
.account-settings-hero .dashboard-hero-content,
.account-settings-hero .payment-success-hero-content,
.account-settings-hero .hero-container,
.legal-hero .hero-content,
.legal-hero .legal-hero-content,
.legal-hero .contact-hero-content,
.legal-hero .documentation-hero-content,
.legal-hero .dashboard-hero-content,
.legal-hero .payment-success-hero-content,
.legal-hero .hero-container {
position: relative;
z-index: 2;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.hero-section .hero-icon-wrapper,
.hero-section .legal-hero-icon,
.contact-hero-section .hero-icon-wrapper,
.contact-hero-section .legal-hero-icon,
.documentation-hero-section .hero-icon-wrapper,
.documentation-hero-section .legal-hero-icon,
.downloads-hero .hero-icon-wrapper,
.downloads-hero .legal-hero-icon,
.login-register-hero .hero-icon-wrapper,
.login-register-hero .legal-hero-icon,
.forgot-password-hero .hero-icon-wrapper,
.forgot-password-hero .legal-hero-icon,
.payment-success-hero-section .hero-icon-wrapper,
.payment-success-hero-section .legal-hero-icon,
.dashboard-hero-section .hero-icon-wrapper,
.dashboard-hero-section .legal-hero-icon,
.account-settings-hero .hero-icon-wrapper,
.account-settings-hero .legal-hero-icon,
.legal-hero .hero-icon-wrapper,
.legal-hero .legal-hero-icon {
margin-bottom: 30px;
}
.hero-section .hero-icon-wrapper .hero-icon,
.hero-section .hero-icon-wrapper img,
.hero-section .legal-hero-icon .hero-icon,
.hero-section .legal-hero-icon img,
.contact-hero-section .hero-icon-wrapper .hero-icon,
.contact-hero-section .hero-icon-wrapper img,
.contact-hero-section .legal-hero-icon .hero-icon,
.contact-hero-section .legal-hero-icon img,
.documentation-hero-section .hero-icon-wrapper .hero-icon,
.documentation-hero-section .hero-icon-wrapper img,
.documentation-hero-section .legal-hero-icon .hero-icon,
.documentation-hero-section .legal-hero-icon img,
.downloads-hero .hero-icon-wrapper .hero-icon,
.downloads-hero .hero-icon-wrapper img,
.downloads-hero .legal-hero-icon .hero-icon,
.downloads-hero .legal-hero-icon img,
.login-register-hero .hero-icon-wrapper .hero-icon,
.login-register-hero .hero-icon-wrapper img,
.login-register-hero .legal-hero-icon .hero-icon,
.login-register-hero .legal-hero-icon img,
.forgot-password-hero .hero-icon-wrapper .hero-icon,
.forgot-password-hero .hero-icon-wrapper img,
.forgot-password-hero .legal-hero-icon .hero-icon,
.forgot-password-hero .legal-hero-icon img,
.payment-success-hero-section .hero-icon-wrapper .hero-icon,
.payment-success-hero-section .hero-icon-wrapper img,
.payment-success-hero-section .legal-hero-icon .hero-icon,
.payment-success-hero-section .legal-hero-icon img,
.dashboard-hero-section .hero-icon-wrapper .hero-icon,
.dashboard-hero-section .hero-icon-wrapper img,
.dashboard-hero-section .legal-hero-icon .hero-icon,
.dashboard-hero-section .legal-hero-icon img,
.account-settings-hero .hero-icon-wrapper .hero-icon,
.account-settings-hero .hero-icon-wrapper img,
.account-settings-hero .legal-hero-icon .hero-icon,
.account-settings-hero .legal-hero-icon img,
.legal-hero .hero-icon-wrapper .hero-icon,
.legal-hero .hero-icon-wrapper img,
.legal-hero .legal-hero-icon .hero-icon,
.legal-hero .legal-hero-icon img {
width: 80px;
height: 80px;
margin: 0 auto;
display: block;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}
.hero-section .hero-icon-wrapper .hero-icon,
.hero-section .legal-hero-icon .hero-icon,
.contact-hero-section .hero-icon-wrapper .hero-icon,
.contact-hero-section .legal-hero-icon .hero-icon,
.documentation-hero-section .hero-icon-wrapper .hero-icon,
.documentation-hero-section .legal-hero-icon .hero-icon,
.downloads-hero .hero-icon-wrapper .hero-icon,
.downloads-hero .legal-hero-icon .hero-icon,
.login-register-hero .hero-icon-wrapper .hero-icon,
.login-register-hero .legal-hero-icon .hero-icon,
.forgot-password-hero .hero-icon-wrapper .hero-icon,
.forgot-password-hero .legal-hero-icon .hero-icon,
.payment-success-hero-section .hero-icon-wrapper .hero-icon,
.payment-success-hero-section .legal-hero-icon .hero-icon,
.dashboard-hero-section .hero-icon-wrapper .hero-icon,
.dashboard-hero-section .legal-hero-icon .hero-icon,
.account-settings-hero .hero-icon-wrapper .hero-icon,
.account-settings-hero .legal-hero-icon .hero-icon,
.legal-hero .hero-icon-wrapper .hero-icon,
.legal-hero .legal-hero-icon .hero-icon {
width: 120px;
height: 120px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.hero-section .hero-icon-wrapper .hero-icon img,
.hero-section .legal-hero-icon .hero-icon img,
.contact-hero-section .hero-icon-wrapper .hero-icon img,
.contact-hero-section .legal-hero-icon .hero-icon img,
.documentation-hero-section .hero-icon-wrapper .hero-icon img,
.documentation-hero-section .legal-hero-icon .hero-icon img,
.downloads-hero .hero-icon-wrapper .hero-icon img,
.downloads-hero .legal-hero-icon .hero-icon img,
.login-register-hero .hero-icon-wrapper .hero-icon img,
.login-register-hero .legal-hero-icon .hero-icon img,
.forgot-password-hero .hero-icon-wrapper .hero-icon img,
.forgot-password-hero .legal-hero-icon .hero-icon img,
.payment-success-hero-section .hero-icon-wrapper .hero-icon img,
.payment-success-hero-section .legal-hero-icon .hero-icon img,
.dashboard-hero-section .hero-icon-wrapper .hero-icon img,
.dashboard-hero-section .legal-hero-icon .hero-icon img,
.account-settings-hero .hero-icon-wrapper .hero-icon img,
.account-settings-hero .legal-hero-icon .hero-icon img,
.legal-hero .hero-icon-wrapper .hero-icon img,
.legal-hero .legal-hero-icon .hero-icon img {
width: 64px;
height: 64px;
filter: none;
}
.hero-section .success-checkmark,
.contact-hero-section .success-checkmark,
.documentation-hero-section .success-checkmark,
.downloads-hero .success-checkmark,
.login-register-hero .success-checkmark,
.forgot-password-hero .success-checkmark,
.payment-success-hero-section .success-checkmark,
.dashboard-hero-section .success-checkmark,
.account-settings-hero .success-checkmark,
.legal-hero .success-checkmark {
width: 80px;
height: 80px;
margin: 0 auto 30px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.hero-section .success-checkmark svg,
.contact-hero-section .success-checkmark svg,
.documentation-hero-section .success-checkmark svg,
.downloads-hero .success-checkmark svg,
.login-register-hero .success-checkmark svg,
.forgot-password-hero .success-checkmark svg,
.payment-success-hero-section .success-checkmark svg,
.dashboard-hero-section .success-checkmark svg,
.account-settings-hero .success-checkmark svg,
.legal-hero .success-checkmark svg {
width: 80px;
height: 80px;
}
.hero-section:hover .hero-icon,
.hero-section:hover .success-checkmark,
.contact-hero-section:hover .hero-icon,
.contact-hero-section:hover .success-checkmark,
.documentation-hero-section:hover .hero-icon,
.documentation-hero-section:hover .success-checkmark,
.downloads-hero:hover .hero-icon,
.downloads-hero:hover .success-checkmark,
.login-register-hero:hover .hero-icon,
.login-register-hero:hover .success-checkmark,
.forgot-password-hero:hover .hero-icon,
.forgot-password-hero:hover .success-checkmark,
.payment-success-hero-section:hover .hero-icon,
.payment-success-hero-section:hover .success-checkmark,
.dashboard-hero-section:hover .hero-icon,
.dashboard-hero-section:hover .success-checkmark,
.account-settings-hero:hover .hero-icon,
.account-settings-hero:hover .success-checkmark,
.legal-hero:hover .hero-icon,
.legal-hero:hover .success-checkmark {
animation: pulseOnce 1.2s ease-out;
}
.hero-cta.btn-group-2,
.hero-cta.btn-group-3 {
justify-content: center;
} .hero-bg-elements {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.hero-bg-elements .floating-element {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
}
.hero-bg-elements .floating-element.element-1 {
width: 300px;
height: 300px;
top: -150px;
right: -100px;
}
.hero-bg-elements .floating-element.element-2 {
width: 200px;
height: 200px;
bottom: -100px;
left: -50px;
}
.hero-bg-elements .floating-element.element-3 {
width: 150px;
height: 150px;
top: 50%;
left: 10%;
} .contact-hero-subtitle {
font-size: 1.25rem;
color: rgba(255, 255, 255, 0.9);
max-width: 600px;
margin: 0 auto;
line-height: 1.8;
animation: fadeInUp 0.8s ease 0.2s backwards;
}
.dashboard-hero-section {
padding: 80px 20px;
}
.dashboard-hero-section .dashboard-hero-title {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 800;
margin-bottom: 15px;
color: white;
animation: fadeInUp 0.8s ease;
}
.dashboard-hero-section .dashboard-hero-title .gradient-text {
background: linear-gradient(to right, #fff, #f0f0f0);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.dashboard-hero-section .dashboard-hero-subtitle {
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.9);
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
animation: fadeInUp 0.8s ease 0.2s backwards;
}
.payment-success-hero-section {
padding: 100px 20px 80px;
} .cct4u-demo-hero .badge-demo {
display: inline-block;
background: #ff6b35;
color: white;
font-weight: 700;
font-size: 16px;
padding: 8px 20px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
animation: pulse-demo 2s ease-in-out infinite;
}
.cct4u-demo-hero .hero-buttons {
margin-top: 30px;
}
.cct4u-screenshots-hero .badge-screenshots {
display: inline-block;
background: linear-gradient(135deg, var(--4u-blue-grey) 0%, var(--4u-cyan) 100%);
color: white;
font-weight: 700;
font-size: 16px;
padding: 8px 20px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
box-shadow: 0 4px 15px rgba(91, 192, 222, 0.4);
}
.download-info {
margin: 2rem 0;
text-align: left;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.download-info ul {
list-style: none;
padding: 0;
margin: 0;
}
.download-info li {
display: flex;
align-items: center;
gap: 10px;
padding: 0.75rem 0;
font-size: 1.1rem;
color: white;
}
.download-info li .dashicons {
color: #4caf50;
font-size: 24px;
flex-shrink: 0;
}
.features-section {
padding: 80px 5%;
background: #f9fafb;
}
.features-section .section-title {
text-align: center;
font-size: 42px;
margin-bottom: 60px;
color: var(--4u-primary);
}
.features-section .features-grid {
max-width: var(--4u-max-width);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.features-section .feature-card {
background: white;
padding: 40px 30px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.features-section .feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
}
.features-section .feature-card .feature-icon {
width: 60px;
height: 60px;
background: var(--4u-gradient);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.features-section .feature-card .feature-icon .dashicons {
color: white;
font-size: 32px;
width: 32px;
height: 32px;
}
.features-section .feature-card h3 {
font-size: 22px;
margin-bottom: 15px;
color: var(--4u-primary);
}
.features-section .feature-card p {
color: #64748b;
line-height: 1.6;
margin: 0;
}
.demo-section {
padding: 80px 5%;
background: white;
}
.demo-section .section-title {
text-align: center;
font-size: 42px;
margin-bottom: 20px;
color: var(--4u-primary);
}
.demo-section .section-intro {
text-align: center;
font-size: 18px;
color: #64748b;
max-width: 700px;
margin: 0 auto 40px;
}
.demo-section .demo-controls {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.demo-section .btn-demo {
padding: 15px 30px;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.demo-section .btn-demo .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
}
.cta-section {
padding: 80px 5%;
background: var(--4u-gradient);
}
.cta-section .cta-box {
max-width: 800px;
margin: 0 auto;
text-align: center;
color: white;
}
.cta-section .cta-box h2 {
font-size: 42px;
margin-bottom: 20px;
color: white;
}
.cta-section .cta-box p {
font-size: 20px;
margin-bottom: 40px;
opacity: 0.95;
}
.cta-section .cta-box .cta-buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.cta-section .cta-box .cta-buttons .btn-lg {
padding: 18px 36px;
font-size: 18px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.cta-section .cta-box .cta-buttons .btn-lg .dashicons {
font-size: 24px;
width: 24px;
height: 24px;
} @media (max-width: 768px) {
.cct4u-demo-hero .demo-credentials {
padding: 15px 20px;
}
.cct4u-demo-hero .demo-credentials code {
font-size: 14px;
}
.features-section {
padding: 60px 5%;
}
.features-section .section-title {
font-size: 32px;
margin-bottom: 40px;
}
.features-section .features-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.demo-section,
.cta-section {
padding: 60px 5%;
}
.demo-section .section-title,
.cta-section .section-title {
font-size: 32px;
}
.demo-section .cta-box h2,
.cta-section .cta-box h2 {
font-size: 32px;
}
.demo-controls,
.cta-buttons {
flex-direction: column;
align-items: center;
}
.demo-controls .btn,
.cta-buttons .btn {
width: 100%;
max-width: 300px;
}
} @media (max-width: 768px) {
.hero-section,
.contact-hero-section,
.documentation-hero-section,
.login-register-hero,
.forgot-password-hero,
.payment-success-hero-section,
.dashboard-hero-section,
.account-settings-hero,
.legal-hero {
padding: 3rem 1.5rem;
}
.hero-section .hero-title,
.hero-section .legal-hero-title,
.contact-hero-section .hero-title,
.contact-hero-section .legal-hero-title,
.documentation-hero-section .hero-title,
.documentation-hero-section .legal-hero-title,
.login-register-hero .hero-title,
.login-register-hero .legal-hero-title,
.forgot-password-hero .hero-title,
.forgot-password-hero .legal-hero-title,
.payment-success-hero-section .hero-title,
.payment-success-hero-section .legal-hero-title,
.dashboard-hero-section .hero-title,
.dashboard-hero-section .legal-hero-title,
.account-settings-hero .hero-title,
.account-settings-hero .legal-hero-title,
.legal-hero .hero-title,
.legal-hero .legal-hero-title {
font-size: 2rem;
}
.hero-section .hero-title .inline-icon,
.hero-section .legal-hero-title .inline-icon,
.contact-hero-section .hero-title .inline-icon,
.contact-hero-section .legal-hero-title .inline-icon,
.documentation-hero-section .hero-title .inline-icon,
.documentation-hero-section .legal-hero-title .inline-icon,
.login-register-hero .hero-title .inline-icon,
.login-register-hero .legal-hero-title .inline-icon,
.forgot-password-hero .hero-title .inline-icon,
.forgot-password-hero .legal-hero-title .inline-icon,
.payment-success-hero-section .hero-title .inline-icon,
.payment-success-hero-section .legal-hero-title .inline-icon,
.dashboard-hero-section .hero-title .inline-icon,
.dashboard-hero-section .legal-hero-title .inline-icon,
.account-settings-hero .hero-title .inline-icon,
.account-settings-hero .legal-hero-title .inline-icon,
.legal-hero .hero-title .inline-icon,
.legal-hero .legal-hero-title .inline-icon {
width: 36px;
height: 36px;
}
.hero-section .hero-subtitle,
.hero-section .legal-hero-subtitle,
.contact-hero-section .hero-subtitle,
.contact-hero-section .legal-hero-subtitle,
.documentation-hero-section .hero-subtitle,
.documentation-hero-section .legal-hero-subtitle,
.login-register-hero .hero-subtitle,
.login-register-hero .legal-hero-subtitle,
.forgot-password-hero .hero-subtitle,
.forgot-password-hero .legal-hero-subtitle,
.payment-success-hero-section .hero-subtitle,
.payment-success-hero-section .legal-hero-subtitle,
.dashboard-hero-section .hero-subtitle,
.dashboard-hero-section .legal-hero-subtitle,
.account-settings-hero .hero-subtitle,
.account-settings-hero .legal-hero-subtitle,
.legal-hero .hero-subtitle,
.legal-hero .legal-hero-subtitle {
font-size: 1rem;
}
.hero-section .hero-icon-wrapper img,
.hero-section .legal-hero-icon img,
.contact-hero-section .hero-icon-wrapper img,
.contact-hero-section .legal-hero-icon img,
.documentation-hero-section .hero-icon-wrapper img,
.documentation-hero-section .legal-hero-icon img,
.login-register-hero .hero-icon-wrapper img,
.login-register-hero .legal-hero-icon img,
.forgot-password-hero .hero-icon-wrapper img,
.forgot-password-hero .legal-hero-icon img,
.payment-success-hero-section .hero-icon-wrapper img,
.payment-success-hero-section .legal-hero-icon img,
.dashboard-hero-section .hero-icon-wrapper img,
.dashboard-hero-section .legal-hero-icon img,
.account-settings-hero .hero-icon-wrapper img,
.account-settings-hero .legal-hero-icon img,
.legal-hero .hero-icon-wrapper img,
.legal-hero .legal-hero-icon img {
width: 60px;
height: 60px;
}
.contact-hero-subtitle {
font-size: 1.1rem;
}
.dashboard-hero-section {
padding: 50px 20px;
}
.dashboard-hero-section .dashboard-hero-title {
font-size: 1.8rem;
}
} @keyframes pulse-demo {
0%, 100% {
transform: scale(1);
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}
50% {
transform: scale(1.05);
box-shadow: 0 6px 25px rgba(255, 107, 53, 0.6);
}
}   .screenshots-section {
padding: 80px 5%;
background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}
.screenshots-section .screenshots-intro {
text-align: center;
max-width: 800px;
margin: 0 auto 60px;
}
.screenshots-section .screenshots-intro .section-title {
font-size: 42px;
font-weight: 700;
color: var(--4u-blue-grey);
margin-bottom: 20px;
}
.screenshots-section .screenshots-intro .section-intro {
font-size: 20px;
line-height: 1.6;
color: var(--4u-grey);
}
.screenshots-section .screenshots-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 40px;
max-width: 1400px;
margin: 0 auto;
}
.screenshots-section .screenshot-box {
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.screenshots-section .screenshot-box:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.screenshots-section .screenshot-box .screenshot-header {
padding: 25px;
background: linear-gradient(135deg, var(--4u-blue-grey) 0%, var(--4u-cyan) 100%);
color: white;
display: flex;
align-items: center;
gap: 15px;
}
.screenshots-section .screenshot-box .screenshot-header .twemoji-icon {
width: 32px;
height: 32px;
display: block;
}
.screenshots-section .screenshot-box .screenshot-header h3 {
margin: 0;
font-size: 22px;
font-weight: 600;
}
.screenshots-section .screenshot-box .screenshot-image {
position: relative;
background: #f5f5f5;
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
}
.screenshots-section .screenshot-box .screenshot-image .screenshot-thumbnail {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.screenshots-section .screenshot-box .screenshot-image .screenshot-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.screenshots-section .screenshot-box .screenshot-image .screenshot-overlay .zoom-icon {
font-size: 48px;
color: white;
}
.screenshots-section .screenshot-box .screenshot-image:hover .screenshot-thumbnail {
transform: scale(1.05);
}
.screenshots-section .screenshot-box .screenshot-image:hover .screenshot-overlay {
opacity: 1;
}
.screenshots-section .screenshot-box .screenshot-image:has(img[src*=placeholder]), .screenshots-section .screenshot-box .screenshot-image:empty::after {
content: "Screenshot wird geladen...";
color: var(--4u-grey);
font-size: 16px;
}
.screenshots-section .screenshot-box .screenshot-description {
padding: 25px;
}
.screenshots-section .screenshot-box .screenshot-description p {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--4u-grey);
} .screenshot-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
padding: 20px;
}
.screenshot-modal.active {
opacity: 1;
}
.screenshot-modal .modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
cursor: pointer;
}
.screenshot-modal .modal-content {
position: relative;
width: 100%;
max-width: 1400px;
max-height: 90vh;
background: white;
border-radius: 12px;
overflow-y: auto;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
z-index: 10000;
}
.screenshot-modal .modal-close {
position: absolute;
top: 15px;
right: 15px;
background: #073a6a;
color: white;
border: none;
border-radius: 8px;
font-size: 28px;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10001;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
padding: 4px 10px !important;
padding-top: 1px !important;
line-height: normal;
height: 38px;
opacity: 0.7;
}
.screenshot-modal .modal-close:hover {
background: rgb(3.8407079646, 31.8230088496, 58.1592920354);
transform: scale(1.1);
}
.screenshot-modal .modal-image-wrapper {
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f5;
padding: 30px;
min-height: 400px;
}
.screenshot-modal .modal-image-wrapper .modal-image {
max-width: 100%;
width: 100%;
height: auto;
display: block;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.screenshot-modal .modal-navigation {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
padding: 0 20px;
pointer-events: none;
}
.screenshot-modal .modal-navigation button {
pointer-events: all;
background: #073a6a;
color: white;
border: none;
width: 60px;
height: 80px;
border-radius: 8px;
font-size: 36px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.screenshot-modal .modal-navigation button:hover {
background: rgb(3.8407079646, 31.8230088496, 58.1592920354);
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.screenshot-modal .modal-navigation button:active {
transform: scale(0.95);
}
.screenshot-modal .modal-navigation .modal-prev {
margin-left: 0;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 2px;
padding-right: 10px;
height: 47px;
line-height: normal;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
opacity: 0.7;
}
.screenshot-modal .modal-navigation .modal-next {
margin-right: 0;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 2px;
padding-right: 10px;
height: 47px;
line-height: normal;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
opacity: 0.7;
} @media (max-width: 768px) {
.screenshots-section {
padding: 60px 5%;
}
.screenshots-section .screenshots-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.screenshots-section .screenshot-box .screenshot-header {
padding: 20px;
}
.screenshots-section .screenshot-box .screenshot-header h3 {
font-size: 20px;
}
.screenshots-section .screenshot-box .screenshot-header .twemoji-icon {
width: 28px;
height: 28px;
}
.screenshots-section .screenshot-box .screenshot-description {
padding: 20px;
}
.screenshot-modal {
padding: 10px;
}
.screenshot-modal .modal-content {
max-width: 95vw;
max-height: 95vh;
}
.screenshot-modal .modal-close {
width: 40px;
height: 40px;
font-size: 24px;
top: 10px;
right: 10px;
}
.screenshot-modal .modal-navigation {
padding: 0 10px;
}
.screenshot-modal .modal-navigation button {
width: 50px;
height: 60px;
font-size: 28px;
}
.screenshot-modal .modal-image-wrapper {
padding: 20px;
}
}    .info-box {
background: #f0f9ff;
border: 2px solid #00ACC1;
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
}
.info-box .info-box-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.info-box .info-box-header .info-icon {
font-size: 1.5rem;
}
.info-box .info-box-header h3 {
margin: 0;
color: #073a6a;
font-size: 1.3rem;
}
.info-box .info-box-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.info-box .info-box-content li {
padding: 10px 0;
border-bottom: 1px solid rgba(0, 172, 193, 0.2);
color: #37474F;
line-height: 1.6;
}
.info-box .info-box-content li:last-child {
border-bottom: none;
}
.info-box .info-box-content li strong {
font-weight: 600;
}
.info-box .info-box-content li a {
color: #00ACC1;
text-decoration: none;
font-weight: 600;
}
.info-box .info-box-content li a:hover {
text-decoration: underline;
} .email-confirmation {
background: #e8f5e9;
border-left: 4px solid #4caf50;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
.email-confirmation p {
margin: 0 0 15px 0;
color: #2e7d32;
font-weight: 600;
}
.email-confirmation ol {
margin: 0;
padding-left: 25px;
color: #37474F;
}
.email-confirmation ol li {
margin-bottom: 8px;
} .no-license-box {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 12px;
padding: 30px;
text-align: center;
}
.no-license-box h2 {
color: #856404;
margin-bottom: 15px;
}
.no-license-box p {
color: #856404;
margin-bottom: 15px;
}
.no-license-box .session-info {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(133, 100, 4, 0.2);
}
.no-license-box .session-info p {
margin: 0;
color: #856404;
font-family: monospace;
}
.no-license-box .session-info p small {
font-size: 0.9rem;
} .pm4u-alert {
padding: 12px 15px;
border-radius: 6px;
margin-bottom: 20px;
font-size: 14px;
}
.pm4u-alert.pm4u-alert-error {
background: #fee;
color: #c33;
border: 1px solid #fcc;
}
.pm4u-alert.pm4u-alert-success {
background: #efe;
color: #3c3;
border: 1px solid #cfc;
} .cct4u-tip {
background: linear-gradient(135deg, rgba(0, 172, 193, 0.05) 0%, rgba(102, 153, 153, 0.05) 100%);
border: 2px solid #00ACC1;
border-left: 5px solid #073a6a;
padding: 20px;
margin: 30px 0;
border-radius: 10px;
position: relative;
}
.cct4u-tip strong {
color: #073a6a;
font-weight: 600;
}
.cct4u-important {
background: linear-gradient(135deg, rgba(255, 107, 53, 0.05) 0%, rgba(255, 138, 101, 0.05) 100%);
border: 2px solid #FF6B35;
border-left: 5px solid #FF6B35;
padding: 20px;
margin: 30px 0;
border-radius: 10px;
}
.cct4u-important strong {
color: rgb(255, 69.6336633663, 2);
font-weight: 600;
}
.cct4u-success {
background: linear-gradient(135deg, rgba(76, 175, 80, 0.05) 0%, rgba(102, 187, 106, 0.05) 100%);
border: 2px solid #4caf50;
border-left: 5px solid #4caf50;
padding: 20px;
margin: 30px 0;
border-radius: 10px;
}
.cct4u-success h4 {
color: #2e7d32;
margin-top: 0;
}
.cct4u-success strong {
color: #2e7d32;
}
.cct4u-error {
background: linear-gradient(135deg, rgba(244, 67, 54, 0.05) 0%, rgba(239, 83, 80, 0.05) 100%);
border: 2px solid #f44336;
border-left: 5px solid #f44336;
padding: 20px;
margin: 30px 0;
border-radius: 10px;
}
.cct4u-error h4 {
color: #c62828;
margin-top: 0;
}
.cct4u-error strong {
color: #c62828;
} .license-warning {
background: #fff3cd;
color: #856404;
padding: 10px;
border-radius: 8px;
margin-top: 15px;
display: flex;
align-items: center;
gap: 10px;
font-size: 0.9rem;
}   .licenses-section {
padding: 60px 20px;
max-width: 1200px;
margin: 0 auto;    }
.licenses-section .section-header {
text-align: center;
margin-bottom: 40px;
}
.licenses-section .section-header h2 {
font-size: 2.5rem;
color: #073a6a;
margin-bottom: 10px;
font-weight: 700;
}
.licenses-section .section-header p {
color: #669999;
font-size: 1.1rem;
}
.licenses-section .licenses-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 30px;
}
.licenses-section .license-card {
background: white;
border-radius: 15px;
padding: 25px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
border: 2px solid transparent;
transition: all 0.3s ease;     }
.licenses-section .license-card.active {
border-color: #4caf50;
}
.licenses-section .license-card.expired {
border-color: #e74c3c;
opacity: 0.9;
}
.licenses-section .license-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);
}
.licenses-section .license-card .license-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #f5f5f5;
}
.licenses-section .license-card .license-header h3 {
margin: 0;
color: #073a6a;
font-size: 1.4rem;
}
.licenses-section .license-card .license-badge {
padding: 5px 15px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
}
.licenses-section .license-card .license-badge.badge-active {
background: #e8f5e9;
color: #2e7d32;
}
.licenses-section .license-card .license-badge.badge-expired {
background: #ffebee;
color: #c62828;
}
.licenses-section .license-card .license-details {
margin-bottom: 20px;
}
.licenses-section .license-card .license-details .license-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.licenses-section .license-card .license-details .license-label {
color: #669999;
font-size: 0.95rem;
}
.licenses-section .license-card .license-details .license-value {
color: #073a6a;
font-weight: 500;
}
.licenses-section .license-card .license-details .license-key {
background: #f5f7fa;
padding: 4px 10px;
border-radius: 5px;
font-family: monospace;
font-size: 0.9rem;
color: #073a6a;
cursor: pointer;
}
.licenses-section .license-card .license-details .license-key:hover {
background: #e8eaf0;
}
.licenses-section .license-card .license-warning {
background: #fff3cd;
color: #856404;
padding: 10px;
border-radius: 8px;
margin-top: 15px;
display: flex;
align-items: center;
gap: 10px;
font-size: 0.9rem;
}
.licenses-section .license-card .license-actions .btn-group-3 {
display: flex;
flex-direction: column;
gap: 10px;
}
.licenses-section .license-card .license-actions .btn-group-3 .btn-first,
.licenses-section .license-card .license-actions .btn-group-3 .btn-second,
.licenses-section .license-card .license-actions .btn-group-3 .btn-third {
width: 100%;
justify-content: center;
}
.licenses-section .no-licenses-box {
text-align: center;
padding: 80px 20px;
background: #f8f9fa;
border-radius: 20px;
border: 2px dashed #d0dae5;
}
.licenses-section .no-licenses-box .no-licenses-icon {
font-size: 4rem;
color: #d0dae5;
margin-bottom: 20px;
}
.licenses-section .no-licenses-box h3 {
color: #073a6a;
font-size: 1.8rem;
margin-bottom: 15px;
}
.licenses-section .no-licenses-box p {
color: #669999;
font-size: 1.1rem;
margin-bottom: 30px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.licenses-section .no-licenses-box .no-licenses-actions {
display: flex;
gap: 15px;
justify-content: center;
}
.licenses-section .no-licenses-box .no-licenses-actions .btn-primary,
.licenses-section .no-licenses-box .no-licenses-actions .btn-outline {
padding: 12px 30px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.licenses-section .no-licenses-box .no-licenses-actions .btn-primary {
background: linear-gradient(135deg, #FF6B35 0%, #FF8A65 100%);
color: white;
}
.licenses-section .no-licenses-box .no-licenses-actions .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);
}
.licenses-section .no-licenses-box .no-licenses-actions .btn-outline {
background: white;
color: #073a6a;
border: 2px solid #073a6a;
}
.licenses-section .no-licenses-box .no-licenses-actions .btn-outline:hover {
background: #073a6a;
color: white;
} .quick-actions-section {
padding: 60px 20px 40px;
background: #f8f9fa; }
.quick-actions-section .section-header {
text-align: center;
margin-bottom: 40px;
}
.quick-actions-section .section-header h2 {
font-size: 2.5rem;
color: #073a6a;
margin-bottom: 10px;
font-weight: 700;
}
.quick-actions-section .section-header p {
color: #669999;
font-size: 1.1rem;
}
.quick-actions-section .quick-actions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 25px;
max-width: 1200px;
margin: 0 auto;
}
.quick-actions-section .quick-actions-grid .action-card {
background: white;
padding: 30px 20px;
border-radius: 15px;
text-align: center;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.quick-actions-section .quick-actions-grid .action-card:hover {
transform: translateY(-5px);
border-color: #00ACC1;
box-shadow: 0 10px 40px rgba(0, 172, 193, 0.15);
}
.quick-actions-section .quick-actions-grid .action-card:hover .action-icon {
transform: scale(1.1);
}
.quick-actions-section .quick-actions-grid .action-card .action-icon {
width: 60px;
height: 60px;
margin: 0 auto 15px;
background: linear-gradient(135deg, #073a6a, #669999);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: white;
transition: transform 0.3s ease;
}
.quick-actions-section .quick-actions-grid .action-card h4 {
color: #073a6a;
font-size: 1.2rem;
margin: 0 0 8px 0;
}
.quick-actions-section .quick-actions-grid .action-card p {
color: #669999;
font-size: 0.95rem;
margin: 0;
} @media (max-width: 768px) {
.licenses-section .licenses-grid {
grid-template-columns: 1fr;
}
.license-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.license-actions {
flex-direction: column;
}
.no-licenses-actions {
flex-direction: column;
}
.quick-actions-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
}   .next-steps-section {
padding: 60px 20px;
background: #f8f9fa;   }
.next-steps-section .next-steps-container {
max-width: 1200px;
margin: 0 auto;
}
.next-steps-section .next-steps-container h2 {
text-align: center;
font-size: 2rem;
color: #073a6a;
margin-bottom: 40px;
}
.next-steps-section .steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-bottom: 50px; }
.next-steps-section .steps-grid .step-card {
background: white;
padding: 30px;
border-radius: 12px;
position: relative;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;   }
.next-steps-section .steps-grid .step-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.next-steps-section .steps-grid .step-card .step-number {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #FF6B35 0%, #FF8A65 100%);
color: white;
font-size: 1.3rem;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.next-steps-section .steps-grid .step-card h4 {
color: #073a6a;
margin: 0 0 10px 0;
font-size: 1.2rem;
}
.next-steps-section .steps-grid .step-card p {
color: #669999;
margin: 0 0 15px 0;
line-height: 1.5;
}
.next-steps-section .steps-grid .step-card .step-link {
color: #00ACC1;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
}
.next-steps-section .steps-grid .step-card .step-link:hover {
text-decoration: underline;
}
.next-steps-section .action-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.next-steps-section .action-buttons .btn-primary,
.next-steps-section .action-buttons .btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 8px;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.next-steps-section .action-buttons .btn-primary {
background: linear-gradient(135deg, #FF6B35 0%, #FF8A65 100%);
color: white;
border: 2px solid transparent;
}
.next-steps-section .action-buttons .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);
}
.next-steps-section .action-buttons .btn-secondary {
background: white;
color: #073a6a;
border: 2px solid #073a6a;
}
.next-steps-section .action-buttons .btn-secondary:hover {
background: #073a6a;
color: white;
} @media (max-width: 768px) {
.next-steps-section .steps-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.next-steps-section .action-buttons {
flex-direction: column;
}
.next-steps-section .action-buttons .btn-primary,
.next-steps-section .action-buttons .btn-secondary {
width: 100%;
justify-content: center;
}
}   .quick-actions-section {
padding: 60px 20px 40px;
background: #f8f9fa;  }
.quick-actions-section .section-header {
text-align: center;
margin-bottom: 40px;
}
.quick-actions-section .section-header h2 {
font-size: 2.5rem;
color: #073a6a;
margin-bottom: 10px;
font-weight: 700;
}
.quick-actions-section .section-header p {
color: #669999;
font-size: 1.1rem;
}
.quick-actions-section .quick-actions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 25px;
max-width: 1200px;
margin: 0 auto; }
.quick-actions-section .quick-actions-grid .action-card {
background: white;
padding: 30px 20px;
border-radius: 15px;
text-align: center;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
border: 2px solid transparent;  }
.quick-actions-section .quick-actions-grid .action-card:hover {
transform: translateY(-5px);
border-color: #00ACC1;
box-shadow: 0 10px 40px rgba(0, 172, 193, 0.15);
}
.quick-actions-section .quick-actions-grid .action-card:hover .action-icon {
transform: scale(1.1);
}
.quick-actions-section .quick-actions-grid .action-card .action-icon {
width: 60px;
height: 60px;
margin: 0 auto 15px;
background: linear-gradient(135deg, #073a6a, #669999);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: white;
transition: transform 0.3s ease;
}
.quick-actions-section .quick-actions-grid .action-card h4 {
color: #073a6a;
font-size: 1.2rem;
margin: 0 0 8px 0;
}
.quick-actions-section .quick-actions-grid .action-card p {
color: #669999;
font-size: 0.95rem;
margin: 0;
} @media (max-width: 768px) {
.quick-actions-section .quick-actions-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
}
.quick-actions-section .action-card {
padding: 20px 15px;
}
.quick-actions-section .action-card .action-icon {
width: 50px;
height: 50px;
font-size: 24px;
}
.quick-actions-section .action-card h4 {
font-size: 1rem;
}
.quick-actions-section .action-card p {
font-size: 0.85rem;
}
}   .user-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;            }
.user-content h1 {
color: #073a6a;
font-size: 2.5em;
margin-bottom: 20px;
border-bottom: 2px solid #669999;
padding-bottom: 10px;
}
.user-content h2 {
color: #073a6a;
font-size: 2em;
margin-top: 30px;
margin-bottom: 15px;
}
.user-content h3 {
color: #073a6a;
font-size: 1.5em;
margin-top: 25px;
margin-bottom: 10px;
}
.user-content h4 {
color: #669999;
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 10px;
}
.user-content ul,
.user-content ol {
margin-left: 20px;
margin-bottom: 20px;
}
.user-content li {
margin-bottom: 8px;
line-height: 1.6;
}
.user-content p {
line-height: 1.8;
margin-bottom: 15px;
color: #333;
}
.user-content pre {
background: #f4f4f4;
border: 1px solid #ddd;
border-radius: 5px;
padding: 15px;
overflow-x: auto;
margin-bottom: 20px;
}
.user-content code {
background: #f4f4f4;
padding: 2px 6px;
border-radius: 3px;
font-family: "Courier New", monospace;
}
.user-content table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.user-content th {
background: #073a6a;
color: white;
padding: 12px;
text-align: left;
}
.user-content td {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.user-content tr:hover {
background: #f9f9f9;
}
.user-content blockquote {
border-left: 4px solid #669999;
padding-left: 20px;
margin: 20px 0;
font-style: italic;
color: #666;
}
.user-content a {
color: #073a6a;
text-decoration: underline;
}
.user-content a:hover {
color: #669999;
}
.user-content img {
max-width: 100%;
height: auto;
border-radius: 5px;
margin: 20px 0;
}
.user-content .wp-block-button__link {
background: #073a6a;
color: white;
padding: 12px 24px;
border-radius: 5px;
text-decoration: none;
display: inline-block;
transition: all 0.3s;
}
.user-content .wp-block-button__link:hover {
background: #669999;
}
.user-content .wp-block-group {
padding: 20px;
border-radius: 5px;
margin-bottom: 20px;
}
.user-content .has-pale-cyan-blue-background-color {
background-color: #e7f5ff !important;
border-left: 4px solid #073a6a;
}
.user-content .has-vivid-green-cyan-background-color {
background-color: #d4edda !important;
border-left: 4px solid #28a745;
}
.user-content .has-luminous-vivid-orange-background-color {
background-color: #fff3cd !important;
border-left: 4px solid #ffc107;
}
.user-content .wp-block-columns {
display: flex;
gap: 30px;
margin-bottom: 30px;
}
.user-content .wp-block-column {
flex: 1;
}
.user-content hr {
border: none;
border-top: 2px solid #e9ecef;
margin: 40px 0;
} .faq-wrapper .wp-block-details {
border: 1px solid #e9ecef;
border-radius: 5px;
margin-bottom: 10px;
padding: 15px;
}
.faq-wrapper .wp-block-details summary {
font-weight: bold;
color: #073a6a;
cursor: pointer;
padding: 10px 0;
} .changelog-wrapper .wp-block-heading {
background: #f8f9fa;
padding: 10px 15px;
border-radius: 5px;
}
.changelog-wrapper .wp-block-list {
background: white;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} .docs-wrapper .wp-block-heading {
margin-top: 40px;
position: relative;
}
.docs-wrapper .wp-block-heading:before {
content: "📖";
position: absolute;
left: -30px;
} .plugin-showcase-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 0 0 40px 0;
padding: 20px;
}
.plugin-card {
background: white;
border-radius: 8px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
position: relative;
}
.plugin-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.plugin-card.coming-soon {
opacity: 0.9;
}
.plugin-card.coming-soon .plugin-icon {
color: #999;
}
.plugin-icon {
font-size: 48px;
color: #073a6a;
margin-bottom: 20px;
}
.plugin-title {
color: #073a6a;
font-size: 24px;
margin: 0 0 10px 0;
font-weight: 600;
}
.plugin-description {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 25px;
}
.plugin-links {
list-style: none;
padding: 0;
margin: 0;
}
.plugin-links li {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.plugin-links li:last-child {
border-bottom: none;
}
.plugin-links a {
color: #669999;
text-decoration: none;
display: flex;
align-items: center;
transition: color 0.3s;
font-size: 14px;
}
.plugin-links a:before {
content: "→";
margin-right: 10px;
color: #073a6a;
}
.plugin-links a:hover {
color: #073a6a;
}
.plugin-links.disabled a {
color: #ccc;
cursor: not-allowed;
}
.plugin-links.disabled a:before {
color: #ccc;
}
.plugin-links.disabled a:hover {
padding-left: 0;
}
.coming-soon-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 15px;
background: #fff3cd;
color: #856404;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
}
.coming-soon-badge .dashicons {
font-size: 16px;
} .plugin-cta {
margin-top: 25px;
text-align: center;
}
.plugin-cta .button,
.plugin-cta .button-primary {
display: inline-block;
padding: 12px 30px;
background: #073a6a;
color: white;
text-decoration: none;
border-radius: 5px;
font-weight: 600;
transition: all 0.3s;
border: none;
cursor: pointer;
}
.plugin-cta .button:hover,
.plugin-cta .button-primary:hover {
background: #5b8888;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(7, 58, 106, 0.3);
}
.plugin-cta .button-disabled {
display: inline-block;
padding: 12px 30px;
background: #e9ecef;
color: #6c757d;
text-decoration: none;
border-radius: 5px;
font-weight: 600;
cursor: not-allowed;
opacity: 0.6;
} @media (max-width: 768px) {
.user-content {
padding: 10px;
}
.user-content .wp-block-columns {
flex-direction: column;
}
.plugin-showcase-grid {
grid-template-columns: 1fr;
padding: 10px;
}
}     .pm4u-login-container,
.pm4u-register-container,
.pm4u-forgot-container {
min-height: calc(100vh - 200px);
background: linear-gradient(135deg, #003366 0%, #669999 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
} .pm4u-login-wrapper,
.pm4u-register-wrapper,
.pm4u-forgot-wrapper {
max-width: 1200px;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
} .pm4u-login-box,
.pm4u-register-box,
.pm4u-forgot-box {
background: white;
border-radius: 12px;
padding: 40px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
} .pm4u-login-header,
.pm4u-register-header,
.pm4u-forgot-header {
text-align: center;
margin-bottom: 30px;
}
.pm4u-login-header h1,
.pm4u-register-header h1,
.pm4u-forgot-header h1 {
font-size: 28px;
color: #333;
margin-bottom: 10px;
}
.pm4u-login-header p,
.pm4u-register-header p,
.pm4u-forgot-header p {
color: #666;
font-size: 14px;
} .pm4u-logo {
margin-bottom: 20px;
} .pm4u-alert {
padding: 12px 15px;
border-radius: 6px;
margin-bottom: 20px;
font-size: 14px;
}
.pm4u-alert.pm4u-alert-error {
background: #fee;
color: #c33;
border: 1px solid #fcc;
}
.pm4u-alert.pm4u-alert-success {
background: #efe;
color: #3c3;
border: 1px solid #cfc;
} .pm4u-form-group {
margin-bottom: 20px;
}
.pm4u-form-group label {
display: block;
margin-bottom: 8px;
color: #333;
font-weight: 500;
font-size: 14px;
} .pm4u-form-control {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 14px;
transition: all 0.3s;
} .pm4u-form-check {
display: flex;
align-items: center;
}
.pm4u-form-check .pm4u-form-check-input {
width: auto;
margin-right: 8px;
}
.pm4u-form-check .pm4u-form-check-label {
margin-bottom: 0;
cursor: pointer;
} .pm4u-btn {
padding: 12px 24px;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
text-decoration: none;
display: inline-block;
}
.pm4u-btn.pm4u-btn-primary {
background: linear-gradient(135deg, #003366 0%, #669999 100%);
color: white;
}
.pm4u-btn.pm4u-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 51, 102, 0.3);
}
.pm4u-btn.pm4u-btn-secondary {
background: white;
color: #003366;
border: 2px solid #003366;
}
.pm4u-btn.pm4u-btn-secondary:hover {
background: #003366;
color: white;
}
.pm4u-btn.pm4u-btn-block {
width: 100%;
text-align: center;
} @media (max-width: 768px) {
.pm4u-login-wrapper,
.pm4u-register-wrapper,
.pm4u-forgot-wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
.pm4u-login-features,
.pm4u-register-benefits,
.pm4u-forgot-info {
display: none;
}
}  .login-form-section {
margin-top: 60px;
padding: 40px 20px;
scroll-margin-top: 80px;
}
.login-form-wrapper {
display: flex;
max-width: 1000px;
margin: 0 auto;
gap: 40px;
}
@media (max-width: 767px) {
.login-form-wrapper {
flex-direction: column;
}
}
.login-container {
display: flex;
max-width: 1000px;
margin: 60px auto;
padding: 0 20px;
gap: 40px;
}
@media (max-width: 767px) {
.login-container {
margin: 40px auto;
}
}
.login-box {
flex: 1;
max-width: 500px;
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
overflow: hidden;
position: relative;
}
.login-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
}
@media (max-width: 767px) {
.login-box {
max-width: 100%;
}
}
.form-header {
text-align: center;
padding: 40px 30px 30px;
background: linear-gradient(135deg, rgba(0, 51, 102, 0.03) 0%, rgba(102, 153, 153, 0.03) 100%);
}
@media (max-width: 767px) {
.form-header {
padding: 30px 20px 20px;
}
}
.form-icon {
margin-bottom: 20px;
animation: rotate 4s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(10deg) scale(1.05);
}
100% {
transform: rotate(0deg) scale(1);
}
}
.form-title {
font-size: 28px;
font-weight: 700;
color: #073a6a;
margin: 0 0 10px;
}
@media (max-width: 767px) {
.form-title {
font-size: 24px;
}
}
.form-subtitle {
font-size: 15px;
color: #666;
line-height: 1.6;
margin: 0;
}
.message {
display: flex;
align-items: center;
gap: 10px;
padding: 15px 20px;
margin: 0 30px 20px;
border-radius: 8px;
font-size: 14px;
animation: slideDown 0.3s ease-out;
}
.message img {
flex-shrink: 0;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.message-success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.message-error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.message-info {
background: #d1ecf1;
color: #0c5460;
border: 1px solid #bee5eb;
}
.login-form {
padding: 0 30px 30px;
}
@media (max-width: 767px) {
.login-form {
padding: 0 20px 20px;
}
}
.login-form.loading {
position: relative;
pointer-events: none;
}
.login-form.loading::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: #073a6a;
margin-bottom: 8px;
}
.form-group label img {
flex-shrink: 0;
}
.form-control {
width: 100%;
padding: 12px 15px;
font-size: 15px;
border: 2px solid #e1e1e1;
border-radius: 6px;
transition: all 0.3s ease;
background: white;
}
.form-control::-moz-placeholder {
color: #999;
}
.form-control::placeholder {
color: #999;
}
.form-control.error {
border-color: #dc3545;
animation: shake 0.3s;
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
25% {
transform: translateX(-5px);
}
75% {
transform: translateX(5px);
}
}
.password-input-wrapper {
position: relative;
}
.toggle-password {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #666;
cursor: pointer;
padding: 5px;
transition: color 0.3s ease;
}
.toggle-password:hover {
color: #073a6a;
}
.toggle-password .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
}
.form-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.form-row {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}
}
.form-check {
display: flex;
align-items: center;
gap: 8px;
}
.form-check input[type=checkbox] {
width: 18px;
height: 18px;
cursor: pointer;
}
.form-check label {
font-size: 14px;
color: #666;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin: 0;
font-weight: normal;
}
.forgot-link {
color: #073a6a;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: color 0.3s ease;
}
.forgot-link:hover {
color: #0066cc;
text-decoration: underline;
}
.btn-submit {
width: 100%;
padding: 14px 20px;
background: linear-gradient(135deg, #073a6a 0%, #0066cc 100%);
color: white;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-decoration: none;
}
.btn-submit::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s ease;
}
.btn-submit:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 51, 102, 0.3);
}
.btn-submit:hover::before {
left: 100%;
}
.btn-submit .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 1;
}
.btn-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: white;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.divider {
text-align: center;
margin: 25px 0;
position: relative;
}
.divider::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #e1e1e1;
}
.divider span {
background: white;
padding: 0 15px;
position: relative;
color: #999;
font-size: 13px;
}
.btn-alternative {
width: 100%;
padding: 12px 20px;
background: white;
color: #073a6a;
border: 2px solid #073a6a;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.3s ease;
text-decoration: none;
}
.btn-alternative:hover {
background: #073a6a;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 51, 102, 0.2);
}
.btn-alternative img {
transition: filter 0.3s ease;
}
.form-footer {
padding: 20px 30px;
background: #f8f9fa;
text-align: center;
}
.footer-text {
margin: 0 0 8px 0;
color: #666;
font-size: 14px;
font-weight: 600;
}
.footer-info {
margin: 0 0 15px 0;
color: #999;
font-size: 13px;
line-height: 1.4;
}
.footer-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 24px;
background: linear-gradient(135deg, #FF6B35 0%, #ff8a65 100%);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
}
.footer-link:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(255, 107, 53, 0.3);
}
.footer-link .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
}
.security-info {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 20px 30px;
background: #f0f8ff;
border-top: 1px solid #b8daff;
}
.security-info small {
flex: 1;
color: #004085;
font-size: 12px;
line-height: 1.5;
}
.security-info img {
flex-shrink: 0;
margin-top: 2px;
}
.login-side-info {
flex: 0 0 300px;
padding: 40px 0;
display: none;
}
@media (min-width: 768px) {
.login-side-info {
display: block;
}
}
.login-side-info h2 {
font-size: 24px;
font-weight: 700;
color: #073a6a;
margin: 0 0 30px;
}
.benefits-list {
list-style: none;
padding: 0;
margin: 0;
}
.benefits-list li {
display: flex;
align-items: center;
gap: 12px;
padding: 15px;
margin-bottom: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.benefits-list li:hover {
transform: translateX(5px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.benefits-list li span {
color: #333;
font-size: 15px;
}   .login-register {
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
position: relative;
z-index: 2;    }
.login-register .hub-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.login-register .hub-box {
background: white;
border: 2px solid #e1e1e1;
border-radius: 15px;
padding: 40px 30px;
text-align: center;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.login-register .hub-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.login-register .hub-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);
border-color: #073a6a;
}
.login-register .hub-box:hover::before {
transform: scaleX(1);
}
.login-register .hub-box:hover .icon-container {
animation: pulse 2s infinite;
}
.login-register .hub-box .icon-container {
width: 80px;
height: 80px;
margin: 0 auto 25px;
background: linear-gradient(135deg, #073a6a, #669999);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.login-register .hub-box .icon-container img {
width: 48px;
height: 48px;
}
.login-register .hub-box:first-child .icon-container img {
transform: rotate(-90deg);
transition: transform 0.3s ease;
}
.login-register .hub-box:first-child:hover .icon-container img {
transform: rotate(-90deg) scale(1.1);
}
.login-register .hub-box .box-title {
font-size: 22px;
font-weight: 600;
color: #073a6a;
margin: 0 0 15px;
}
.login-register .hub-box .box-description {
font-size: 15px;
color: #666;
line-height: 1.6;
margin: 0 0 25px;
min-height: 60px;
}
.login-register .hub-box .box-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 28px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
max-width: 280px;
}
.login-register .hub-box .box-button .dashicons {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 1;
}
.login-register .hub-box .box-button.primary {
background: #073a6a;
color: white;
border: 2px solid #073a6a;
}
.login-register .hub-box .box-button.primary:hover {
background: rgb(3.8407079646, 31.8230088496, 58.1592920354);
border-color: rgb(3.8407079646, 31.8230088496, 58.1592920354);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 51, 102, 0.3);
}
.login-register .hub-box .box-button.secondary {
background: #FF6B35;
color: white;
border: 2px solid #FF6B35;
}
.login-register .hub-box .box-button.secondary:hover {
background: rgb(255, 69.6336633663, 2);
border-color: rgb(255, 69.6336633663, 2);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 107, 53, 0.3);
}
.login-register .hub-box .box-button.tertiary {
background: transparent;
color: #073a6a;
border: 2px solid #073a6a;
}
.login-register .hub-box .box-button.tertiary:hover {
background: #073a6a;
color: white;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 51, 102, 0.2);
}
.login-register .hub-box .box-note {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e1e1e1;
font-size: 14px;
color: #666;
}
.login-register .hub-box .box-note small {
display: block;
margin-bottom: 8px;
}
.login-register .hub-box.loading {
opacity: 0.6;
pointer-events: none;
}
.login-register .hub-box.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #073a6a;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.login-register .text-link {
color: #073a6a;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.login-register .text-link:hover {
color: rgb(2.2610619469, 18.7345132743, 34.2389380531);
text-decoration: underline;
}
.login-register .hub-footer {
text-align: center;
padding-top: 40px;
border-top: 1px solid #e1e1e1;
}
.login-register .hub-footer .help-section {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #666;
}
.login-register .hub-footer .help-section img {
vertical-align: middle;
width: 24px;
height: 24px;
} #loginContainer {
margin-top: 60px;
} .spinner {
width: 40px;
height: 40px;
margin: 0 auto 20px;
border: 4px solid rgba(0, 51, 102, 0.1);
border-top: 4px solid #073a6a;
border-radius: 50%;
animation: spinSimple 1s linear infinite;
} @media (max-width: 768px) {
.login-register .hub-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.login-register .hub-box {
padding: 30px 20px;
}
.login-register .hub-box .box-title {
font-size: 20px;
}
.login-register .hub-box .box-description {
min-height: auto;
}
}    #customer-dashboard {
min-height: 80vh;     }
#customer-dashboard .dashboard-hero {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
color: white;
padding: 60px 0;
text-align: center;
}
#customer-dashboard .dashboard-hero h1 {
color: white;
margin-bottom: 10px;
}
#customer-dashboard .dashboard-content {
padding: 60px 0;
background: #f8f9fa;
}
#customer-dashboard .dashboard-layout {
display: grid;
grid-template-columns: 250px 1fr;
gap: 40px;
}
#customer-dashboard .dashboard-sidebar {
background: white;
border-radius: 8px;
padding: 20px;
height: -moz-fit-content;
height: fit-content;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
#customer-dashboard .dashboard-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#customer-dashboard .dashboard-nav li {
margin-bottom: 5px;
}
#customer-dashboard .dashboard-nav li.active a {
background: #073a6a;
color: white;
}
#customer-dashboard .dashboard-nav a {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 15px;
color: #666;
text-decoration: none;
border-radius: 6px;
transition: all 0.3s;
}
#customer-dashboard .dashboard-nav a:hover {
background: #f8f9fa;
color: #073a6a;
}
#customer-dashboard .dashboard-nav .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
}
#customer-dashboard .dashboard-main {
background: white;
border-radius: 8px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
} .dashboard-info-section {
padding: 40px 20px;
max-width: 1200px;
margin: 0 auto; }
.dashboard-info-section .dashboard-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.dashboard-info-section .info-card {
background: white;
padding: 35px;
border-radius: 20px;
text-align: center;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
position: relative;
overflow: hidden;   }
.dashboard-info-section .info-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #073a6a, #669999);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.dashboard-info-section .info-card:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.dashboard-info-section .info-card:hover::before {
transform: scaleX(1);
}
.dashboard-info-section .info-card:hover .info-card-icon {
animation: pulse 2s infinite;
}
.dashboard-info-section .info-card .info-card-icon {
width: 70px;
height: 70px;
margin: 0 auto 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: white;
}
.dashboard-info-section .info-card .info-card-icon.icon-licenses {
background: linear-gradient(135deg, #4caf50, #66bb6a);
}
.dashboard-info-section .info-card .info-card-icon.icon-account {
background: linear-gradient(135deg, #00ACC1, #4DD0E1);
}
.dashboard-info-section .info-card .info-card-icon.icon-member {
background: linear-gradient(135deg, #FF6B35, #FF8A65);
}
.dashboard-info-section .info-card h3 {
font-size: 1.2rem;
color: #073a6a;
margin-bottom: 15px;
font-weight: 600;
}
.dashboard-info-section .info-card .info-card-value {
font-size: 2.5rem;
color: #073a6a;
font-weight: 700;
margin-bottom: 10px;
}
.dashboard-info-section .info-card .info-card-value.small-text {
font-size: 1.1rem;
word-break: break-word;
}
.dashboard-info-section .info-card .info-card-label {
color: #669999;
font-size: 1rem;
margin-bottom: 0;
}
.dashboard-info-section .info-card .info-card-hint {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(0, 51, 102, 0.1);
color: #37474F;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 8px;
}
.dashboard-info-section .info-card .info-card-hint .hint-icon {
font-size: 1.2rem;
} .not-logged-in-wrapper {
padding: 60px 20px;
text-align: center;
max-width: 600px;
margin: 0 auto;
}
.not-logged-in-wrapper .not-logged-in-box {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 12px;
padding: 40px;
}
.not-logged-in-wrapper .not-logged-in-box h2 {
color: #856404;
margin-bottom: 20px;
}
.not-logged-in-wrapper .not-logged-in-box h2 .lock-icon {
vertical-align: middle;
margin-right: 8px;
}
.not-logged-in-wrapper .not-logged-in-box .warning-text {
color: #856404;
font-size: 18px;
line-height: 1.6;
margin-bottom: 25px;
}
.not-logged-in-wrapper .not-logged-in-box .login-hint {
color: #856404;
margin-bottom: 30px;
} .plugin-debug-box {
padding: 40px;
text-align: center;
background: #f5f5f5;
border: 2px dashed #ccc;
border-radius: 8px;
} .icon-refresh {
transform: rotate(-90deg);
}
.icon-exit {
transform: scaleX(-1);
} .info-card-icon img {
width: 40px;
height: 40px;
}
.info-card-icon img.icon-rotated {
transform: rotate(-90deg);
} .small-inline-icon {
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: middle;
} @media (max-width: 768px) {
#customer-dashboard .dashboard-layout {
grid-template-columns: 1fr;
}
.dashboard-info-section .dashboard-info-grid {
grid-template-columns: 1fr;
}
} .account-settings-hero .hero-title {
color: white !important;
}
.account-settings-container {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.account-settings-container .success-message,
.account-settings-container .error-message {
padding: 20px 25px;
margin-bottom: 30px;
border-radius: 12px;
display: flex;
align-items: center;
animation: slideIn 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
font-size: 1.05em;
transition: all 0.3s ease;
}
.account-settings-container .success-message .message-icon,
.account-settings-container .error-message .message-icon {
font-size: 28px;
margin-right: 15px;
flex-shrink: 0;
}
.account-settings-container .success-message {
background: linear-gradient(135deg, #e8f5e9, #f1f8e9);
border-left: 4px solid #4caf50;
color: #2e7d32;
}
.account-settings-container .error-message {
background: linear-gradient(135deg, #ffebee, #fff3e0);
border-left: 4px solid #FF6B35;
color: #c62828;
}
.account-settings-container .error-message.pm4u-password-error {
background: linear-gradient(135deg, #ffebee, #fce4ec);
border-left: 4px solid #d32f2f;
box-shadow: 0 6px 20px rgba(211, 47, 47, 0.2);
font-weight: 500;
}
.account-settings-container .error-message.pm4u-password-error .message-icon {
font-size: 32px;
animation: shake 0.5s ease;
}
.account-settings-container .settings-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.account-settings-container .settings-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
.account-settings-container .settings-card {
background: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.account-settings-container .settings-card:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.account-settings-container .settings-card.full-width {
grid-column: 1/-1;
}
.account-settings-container .settings-card h2 {
color: #073a6a;
font-size: 1.5em;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.account-settings-container .settings-card h2 .card-icon {
font-size: 1.2em;
margin-right: 10px;
}
.account-settings-container .settings-card .current-value {
background: #f8f9fa;
padding: 10px 15px;
border-radius: 6px;
margin-bottom: 20px;
}
.account-settings-container .settings-card .current-value strong {
color: #073a6a;
}
.account-settings-container .settings-card .security-hint {
color: #666;
font-size: 0.9em;
margin-bottom: 20px;
}
.account-settings-container .settings-card .no-address,
.account-settings-container .settings-card .no-history {
color: #999;
font-style: italic;
padding: 20px;
text-align: center;
background: #f8f9fa;
border-radius: 6px;
}
.account-settings-container .settings-form .form-group {
margin-bottom: 20px;
}
.account-settings-container .settings-form .form-group label {
display: block;
color: #212529;
font-weight: 600;
margin-bottom: 8px;
font-size: 0.95em;
}
.account-settings-container .settings-form .form-group input[type=email],
.account-settings-container .settings-form .form-group input[type=text],
.account-settings-container .settings-form .form-group input[type=password] {
width: 100%;
padding: 12px 15px;
border: 2px solid #e0e0e0;
border-radius: 8px;
font-size: 1em;
transition: all 0.3s ease;
background: white;
}
.account-settings-container .settings-form .form-group input[type=email].field-changed,
.account-settings-container .settings-form .form-group input[type=text].field-changed,
.account-settings-container .settings-form .form-group input[type=password].field-changed {
border-color: #4caf50;
background: linear-gradient(90deg, white 98%, #4caf50 98%);
}
.account-settings-container .settings-form .form-group input[type=email]:invalid,
.account-settings-container .settings-form .form-group input[type=text]:invalid,
.account-settings-container .settings-form .form-group input[type=password]:invalid {
border-color: #FF6B35;
}
.account-settings-container .settings-form .password-input-wrapper {
position: relative;
}
.account-settings-container .settings-form .password-input-wrapper input[type=password],
.account-settings-container .settings-form .password-input-wrapper input[type=text] {
padding-right: 45px;
}
.account-settings-container .settings-form .password-input-wrapper .toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
padding: 5px;
color: #666;
transition: color 0.3s ease;
}
.account-settings-container .settings-form .password-input-wrapper .toggle-password:hover {
color: #073a6a;
}
.account-settings-container .settings-form .password-input-wrapper .toggle-password .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
}
.account-settings-container .settings-form .info-box {
background: linear-gradient(135deg, #e3f2fd, #e8eaf6);
border-left: 4px solid #00ACC1;
padding: 15px 20px;
margin: 20px 0;
border-radius: 6px;
}
.account-settings-container .settings-form .info-box strong {
color: #073a6a;
display: block;
margin-bottom: 8px;
}
.account-settings-container .settings-form .info-box ul {
margin: 10px 0 0 20px;
}
.account-settings-container .settings-form .info-box ul li {
margin-bottom: 5px;
color: #555;
}
.account-settings-container .settings-form .info-box.orphaned-user-warning {
background: linear-gradient(135deg, #fff8e1, #fff3e0);
border-left: 4px solid #ff9800;
color: #795548;
}
.account-settings-container .settings-form .info-box.orphaned-user-warning strong {
color: #e65100;
}
.account-settings-container .settings-form .fallback-info {
margin-top: 15px;
text-align: center;
}
.account-settings-container .settings-form .fallback-info p {
margin: 0;
}
.account-settings-container .settings-form .fallback-info p small {
color: #666;
}
.account-settings-container .settings-form .fallback-info p small a {
color: #669999;
text-decoration: none;
}
.account-settings-container .settings-form .fallback-info p small a:hover {
text-decoration: underline;
}
.account-settings-container .address-display {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.account-settings-container .address-display p {
margin: 5px 0;
color: #212529;
}
.account-settings-container .address-display p:first-child {
font-weight: 600;
color: #073a6a;
}
.account-settings-container .history-table-wrapper {
overflow-x: auto;
}
.account-settings-container .history-table-wrapper .history-table {
width: 100%;
border-collapse: collapse;
}
.account-settings-container .history-table-wrapper .history-table thead {
background: linear-gradient(135deg, #073a6a, #669999);
}
.account-settings-container .history-table-wrapper .history-table thead th {
color: white;
padding: 12px;
text-align: left;
font-weight: 600;
white-space: nowrap;
}
.account-settings-container .history-table-wrapper .history-table tbody tr {
border-bottom: 1px solid #e0e0e0;
transition: background 0.2s ease;
}
.account-settings-container .history-table-wrapper .history-table tbody tr:hover {
background: #f8f9fa;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td {
padding: 12px;
color: #212529;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .change-type {
display: inline-block;
padding: 4px 10px;
border-radius: 12px;
font-size: 0.85em;
font-weight: 600;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .change-type.email {
background: #e3f2fd;
color: #1976d2;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .change-type.password {
background: #f3e5f5;
color: #7b1fa2;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .change-type.address {
background: #fff3e0;
color: #f57c00;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .status-badge {
display: inline-block;
padding: 4px 10px;
border-radius: 12px;
font-size: 0.85em;
font-weight: 600;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .status-badge.status-completed {
background: #e8f5e9;
color: #2e7d32;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .status-badge.status-pending {
background: #fff3e0;
color: #f57c00;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .status-badge.status-failed {
background: #ffebee;
color: #c62828;
}
.account-settings-container .history-table-wrapper .history-table tbody tr td .status-badge.status-cancelled {
background: #f5f5f5;
color: #616161;
}
.account-settings-container .support-form-section {
margin-top: 40px;
padding-top: 40px;
border-top: 2px solid #e0e0e0;
}
.account-settings-container .support-form-section h2 {
color: #073a6a;
font-size: 1.8em;
margin-bottom: 30px;
display: flex;
align-items: center;
}
.account-settings-container .support-form-section h2 .section-icon {
font-size: 1.2em;
margin-right: 15px;
}
.account-settings-container .support-form-section .support-card {
background: white;
padding: 30px;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.account-settings-container .support-form-section .support-card > p {
color: #666;
margin-bottom: 30px;
font-size: 1.1em;
}
.account-settings-container .support-form-section .support-card .support-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
}
.account-settings-container .support-form-section .support-card .support-options .support-option {
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
text-align: center;
transition: all 0.3s ease;
}
.account-settings-container .support-form-section .support-card .support-options .support-option:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.account-settings-container .support-form-section .support-card .support-options .support-option h3 {
color: #073a6a;
font-size: 1.2em;
margin-bottom: 10px;
}
.account-settings-container .support-form-section .support-card .support-options .support-option p {
color: #666;
margin-bottom: 15px;
font-size: 0.95em;
}
.account-settings-container .navigation-footer {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #e0e0e0;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-5px);
}
20%, 40%, 60%, 80% {
transform: translateX(5px);
}
}    .shop-hero-section a {
color: white;
text-decoration: underline;
transition: color 0.3s ease;
}
.shop-hero-section a:hover {
color: #ff6b35;
}
.shop-hero-section::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 20px 20px;
animation: moveBackground 60s linear infinite;
z-index: 1;
}
.shop-hero-section .hero-cta.btn-group-2 {
justify-content: center;
} @keyframes moveBackground {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(20px, 20px);
}
} .products-section {
padding: 80px 20px;
background: #f8f9fa;
}
.products-section .container {
max-width: 1200px;
margin: 0 auto;
}
.products-section .section-title {
font-size: 36px;
font-weight: 700;
text-align: center;
margin: 0 0 60px;
color: #1e1e1e;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.products-section .section-title img {
width: 32px;
height: 32px;
} .features-section {
padding: 80px 20px;
background: white;
}
.features-section .container {
max-width: 1200px;
margin: 0 auto;
}
.features-section .section-title {
font-size: 36px;
font-weight: 700;
text-align: center;
margin: 0 0 60px;
color: #1e1e1e;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.features-section .section-title img {
width: 32px;
height: 32px;
}
.features-section .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
margin-top: 60px;
}
.features-section .features-grid .feature-item {
text-align: center;
padding: 30px;
border-radius: 12px;
background: #f8f9fa;
transition: all 0.3s ease;
}
.features-section .features-grid .feature-item:hover {
transform: translateY(-3px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
background: white;
}
.features-section .features-grid .feature-item:hover img {
animation: pulse 2s infinite;
}
.features-section .features-grid .feature-item img {
margin-bottom: 20px;
width: 48px;
height: 48px;
}
.features-section .features-grid .feature-item h3 {
font-size: 22px;
font-weight: 700;
color: #1e1e1e;
margin: 0 0 15px;
}
.features-section .features-grid .feature-item p {
color: #666;
line-height: 1.6;
margin: 0;
} .cta-section {
background: linear-gradient(135deg, #37474F 0%, #00ACC1 100%);
color: white;
padding: 80px 20px;
text-align: center;
}
.cta-section a {
color: white;
text-decoration: underline;
transition: color 0.3s ease;
}
.cta-section a:hover {
color: #ff6b35;
}
.cta-section .container {
max-width: 1200px;
margin: 0 auto;
}
.cta-section .cta-title {
font-size: 36px;
font-weight: 700;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.cta-section .cta-title img {
width: 32px;
height: 32px;
}
.cta-section .cta-subtitle {
font-size: 20px;
margin: 0 0 40px;
opacity: 0.95;
}
.cta-section .cta-buttons.btn-group-2 {
justify-content: center;
} #shop-landing-page {      }
#shop-landing-page .hero {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
padding: 100px 0;
color: white;
}
#shop-landing-page .hero-content {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
padding: 0 20px;
}
#shop-landing-page .hero-text h1 {
font-size: 48px;
margin-bottom: 20px;
color: white;
}
#shop-landing-page .hero-text p {
font-size: 20px;
line-height: 1.6;
margin-bottom: 30px;
}
#shop-landing-page .badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
padding: 5px 15px;
border-radius: 20px;
font-size: 14px;
margin-bottom: 20px;
}
#shop-landing-page .demo-cookie-banner {
background: white;
color: #333;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
cursor: not-allowed;  }
#shop-landing-page .demo-cookie-banner h3 {
color: #073a6a;
margin-bottom: 15px;
}
#shop-landing-page .demo-cookie-banner p {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
}
#shop-landing-page .demo-cookie-banner .cookie-options {
margin-bottom: 25px;
}
#shop-landing-page .demo-cookie-banner .cookie-option {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
#shop-landing-page .demo-cookie-banner .cookie-option span {
color: #333;
font-size: 14px;
}
#shop-landing-page .demo-cookie-banner .cookie-toggle {
width: 50px;
height: 26px;
background: #ddd;
border-radius: 13px;
position: relative;
cursor: pointer;
transition: background 0.3s;
}
#shop-landing-page .demo-cookie-banner .cookie-toggle:after {
content: "";
position: absolute;
width: 22px;
height: 22px;
background: white;
border-radius: 50%;
top: 2px;
left: 2px;
transition: transform 0.3s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#shop-landing-page .demo-cookie-banner .cookie-toggle.active {
background: #4caf50;
}
#shop-landing-page .demo-cookie-banner .cookie-toggle.active:after {
transform: translateX(24px);
}
#shop-landing-page .demo-cookie-banner .cookie-toggle[data-service=necessary] {
background: #4caf50;
cursor: not-allowed;
opacity: 0.8;
}
#shop-landing-page .demo-cookie-banner .cookie-toggle[data-service=necessary]:after {
transform: translateX(24px);
}
#shop-landing-page .features {
padding: 80px 0;
background: #f9fafb;
}
#shop-landing-page .pricing {
padding: 80px 0; }
#shop-landing-page .pricing .pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1000px;
margin: 0 auto;
}
#shop-landing-page .pricing .price-card {
background: white;
border-radius: 12px;
padding: 40px;
text-align: center;
position: relative;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s;
}
#shop-landing-page .pricing .price-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
#shop-landing-page .pricing .price-card.featured {
border: 2px solid #073a6a;
transform: scale(1.05);
}
#shop-landing-page .pricing .price-card.featured .popular-badge {
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
background: #073a6a;
color: white;
padding: 5px 20px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
#shop-landing-page .pricing .price-card h3 {
color: #073a6a;
margin-bottom: 20px;
}
#shop-landing-page .pricing .price-card .price {
font-size: 48px;
font-weight: bold;
color: #073a6a;
margin-bottom: 30px;
}
#shop-landing-page .pricing .price-card .price small {
font-size: 18px;
color: #666;
font-weight: normal;
}
#shop-landing-page .pricing .price-card .price-features {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
#shop-landing-page .pricing .price-card .price-features li {
padding: 10px 0;
border-bottom: 1px solid #eee;
color: #666;
display: flex;
align-items: center;
gap: 10px;
}
#shop-landing-page .pricing .price-card .price-features li::before {
content: "✓";
color: #4caf50;
font-weight: bold;
font-size: 18px;
flex-shrink: 0;
}
#shop-landing-page .pricing .price-card .price-features li:last-child {
border-bottom: none;
}
#shop-landing-page .pricing .price-card .btn-checkout {
width: 100%;
} @media (max-width: 768px) {
.section-title {
font-size: 28px !important;
}
.features-grid {
grid-template-columns: 1fr !important;
gap: 30px;
}
#shop-landing-page .hero-content {
grid-template-columns: 1fr;
text-align: center;
}
#shop-landing-page .pricing-grid {
grid-template-columns: 1fr !important;
}
} .checkout-page-wrapper {
padding: 60px 0;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
min-height: calc(100vh - 200px);     }
.checkout-page-wrapper .checkout-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.checkout-page-wrapper .checkout-header {
text-align: center;
margin-bottom: 40px;
}
.checkout-page-wrapper .checkout-header h1 {
color: #073a6a;
font-size: 36px;
margin-bottom: 10px;
}
.checkout-page-wrapper .checkout-header p {
color: #666;
font-size: 16px;
}
.checkout-page-wrapper .checkout-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.checkout-page-wrapper .checkout-grid {
grid-template-columns: 1fr;
gap: 30px;
}
}
.checkout-page-wrapper .checkout-product-box {
background: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
position: relative;
}
.checkout-page-wrapper .checkout-product-box h2 {
color: #073a6a;
font-size: 24px;
margin-bottom: 20px;
}
.checkout-page-wrapper .checkout-product-box .product-badge {
position: absolute;
top: 20px;
right: 20px;
background: #4caf50;
color: white;
padding: 6px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.checkout-page-wrapper .checkout-product-box .product-price {
font-size: 48px;
font-weight: bold;
color: #073a6a;
margin-bottom: 15px;
}
.checkout-page-wrapper .checkout-product-box .product-price del {
font-size: 28px;
color: #999;
margin-right: 10px;
}
.checkout-page-wrapper .checkout-product-box .product-price small {
font-size: 18px;
color: #666;
font-weight: normal;
}
.checkout-page-wrapper .checkout-product-box .discount-label {
display: inline-block;
background: #fff3cd;
color: #856404;
padding: 6px 12px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
margin-bottom: 25px;
}
.checkout-page-wrapper .checkout-product-box h3 {
font-size: 18px;
color: #073a6a;
margin: 25px 0 15px 0;
}
.checkout-page-wrapper .checkout-product-box .product-features-list {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
}
.checkout-page-wrapper .checkout-product-box .product-features-list li {
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
color: #333;
}
.checkout-page-wrapper .checkout-product-box .product-features-list li:last-child {
border-bottom: none;
}
.checkout-page-wrapper .checkout-product-box .product-features-list li .inline-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.checkout-page-wrapper .checkout-product-box .product-features-list li::before {
content: "✓";
color: #4caf50 !important;
font-size: 18px;
font-weight: bold;
display: none;
}
.checkout-page-wrapper .checkout-product-box .product-features-list li:has(.inline-icon)::before {
display: none;
}
.checkout-page-wrapper .checkout-product-box .btn-back-to-product {
display: inline-block;
color: #4caf50;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: color 0.3s;
}
.checkout-page-wrapper .checkout-product-box .btn-back-to-product:hover {
color: #073a6a;
text-decoration: underline;
}
.checkout-page-wrapper .checkout-legal-box {
background: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 769px) {
.checkout-page-wrapper .checkout-legal-box {
position: sticky;
top: 130px;
align-self: flex-start;
}
}
.checkout-page-wrapper .checkout-legal-box h3 {
color: #073a6a;
font-size: 20px;
margin-bottom: 10px;
}
.checkout-page-wrapper .checkout-legal-box .legal-intro {
font-size: 14px;
color: #666;
margin-bottom: 15px;
}
.checkout-page-wrapper .checkout-legal-box .legal-checkboxes {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 20px;
}
.checkout-page-wrapper .checkout-legal-box .checkbox-label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
}
.checkout-page-wrapper .checkout-legal-box .checkbox-label .legal-checkbox {
margin-top: 4px;
flex-shrink: 0;
width: 18px;
height: 18px;
cursor: pointer;
}
.checkout-page-wrapper .checkout-legal-box .checkbox-label .checkbox-text {
font-size: 14px;
color: #333;
line-height: 1.6;
}
.checkout-page-wrapper .checkout-legal-box .checkbox-label .checkbox-text a {
color: #4caf50;
text-decoration: underline;
}
.checkout-page-wrapper .checkout-legal-box .checkbox-label .checkbox-text a:hover {
color: #073a6a;
}
.checkout-page-wrapper .checkout-legal-box .stripe-info-box {
background: #f8f9fa;
border-left: 4px solid #4caf50;
padding: 15px;
border-radius: 6px;
display: flex;
gap: 12px;
align-items: flex-start;
}
.checkout-page-wrapper .checkout-legal-box .stripe-info-box .inline-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 2px;
}
.checkout-page-wrapper .checkout-legal-box .stripe-info-box .stripe-info-text {
flex: 1;
}
.checkout-page-wrapper .checkout-legal-box .stripe-info-box .stripe-info-text h4 {
color: #073a6a;
font-size: 16px;
margin: 0 0 8px 0;
}
.checkout-page-wrapper .checkout-legal-box .stripe-info-box .stripe-info-text p {
font-size: 14px;
color: #666;
margin: 0;
line-height: 1.5;
}
.checkout-page-wrapper .checkout-legal-box .btn-checkout {
width: 100%;
}
.checkout-page-wrapper .checkout-legal-box .checkout-error-msg {
background: #fee;
color: #c33;
padding: 12px 15px;
border-radius: 6px;
font-size: 14px;
margin-top: 15px;
border: 1px solid #fcc;
}
.checkout-page-wrapper .checkout-error-container {
padding: 60px 20px;
}
.checkout-page-wrapper .checkout-error-box {
background: #fee;
border: 2px solid #fcc;
border-radius: 12px;
padding: 40px;
text-align: center;
max-width: 600px;
margin: 0 auto;
}
.checkout-page-wrapper .checkout-error-box h2 {
color: #c33;
margin-bottom: 15px;
}
.checkout-page-wrapper .checkout-error-box h2 img {
vertical-align: middle;
}
.checkout-page-wrapper .checkout-error-box p {
color: #c33;
font-size: 16px;
margin-bottom: 25px;
}
.checkout-page-wrapper .checkout-loading {
text-align: center;
padding: 60px 20px;
}
.checkout-page-wrapper .checkout-loading .spinner {
width: 50px;
height: 50px;
border: 4px solid #f0f0f0;
border-top-color: #073a6a;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 20px;
}
.checkout-page-wrapper .checkout-loading p {
color: #666;
font-size: 16px;
} .release-info {
padding: 80px 20px;
background: #f8f9fa;
}
.release-info .container {
max-width: 1200px;
margin: 0 auto;
}
.release-info .section-header {
text-align: center;
margin-bottom: 60px;
}
.release-info .section-header h2 {
font-size: 36px;
font-weight: 700;
color: #073a6a;
margin-bottom: 15px;
}
.release-info .section-header p {
font-size: 18px;
color: #666;
}
.release-info .release-timeline {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.release-info .release-timeline {
grid-template-columns: 1fr;
gap: 20px;
}
}
.release-info .timeline-item {
background: white;
border: 2px solid #e1e1e1;
border-radius: 12px;
padding: 30px;
text-align: center;
transition: all 0.3s ease;
}
.release-info .timeline-item.active {
border-color: #669999;
background: #f0f9f9;
}
.release-info .timeline-item:first-child .timeline-badge {
background: #4caf50;
}
.release-info .timeline-item .timeline-badge {
width: 60px;
height: 60px;
background: #073a6a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.release-info .timeline-item .timeline-badge img {
filter: brightness(0) invert(1);
}
.release-info .timeline-item h4 {
font-size: 20px;
font-weight: 700;
color: #073a6a;
margin-bottom: 10px;
}
.release-info .timeline-item p {
color: #666;
font-size: 15px;
margin: 0;
}
.release-info .release-cta {
text-align: center;
padding: 40px;
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
border-radius: 12px;
color: white;
}
.release-info .release-cta p {
margin: 0 0 20px;
font-size: 20px;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}   .fouruweb-hero::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 20px 20px;
animation: moveBackground 60s linear infinite;
z-index: 1;
}
@keyframes moveBackground {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(20px, 20px);
}
}
.fouruweb-hero .hero-content {
position: relative;
z-index: 10;
}
.fouruweb-hero .hero-icon-wrapper .hero-icon {
width: 200px;
height: 200px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
position: relative;
}
.fouruweb-hero .hero-icon-wrapper .hero-icon img {
width: 144px;
height: 144px;
}
@media (max-width: 768px) {
.fouruweb-hero .hero-icon-wrapper {
margin-bottom: 30px;
}
.fouruweb-hero .hero-icon-wrapper .hero-icon {
width: 150px;
height: 150px;
}
.fouruweb-hero .hero-icon-wrapper .hero-icon img {
width: 90px;
height: 90px;
}
}
@media (max-width: 480px) {
.fouruweb-hero .hero-icon-wrapper .hero-icon {
width: 120px;
height: 120px;
}
.fouruweb-hero .hero-icon-wrapper .hero-icon img {
width: 70px;
height: 70px;
}
}
.fouruweb-hero:hover .hero-icon {
animation: pulseOnce 1.2s ease-out;
}
.fouruweb-hero .hero-title {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 20px;
color: #000;
animation: fadeInUp 0.8s ease;
}
@media (max-width: 768px) {
.fouruweb-hero .hero-title {
font-size: 2.5rem;
}
}
.fouruweb-hero .hero-subtitle {
font-size: 24px;
font-weight: 400;
line-height: 1.6;
margin: 0 0 20px;
color: white;
opacity: 0.95;
animation: fadeInUp 0.8s ease 0.2s backwards;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 768px) {
.fouruweb-hero .hero-subtitle {
font-size: 1.2rem;
}
}
.fouruweb-hero .hero-cta {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.fouruweb-hero .hero-cta .btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
font-size: 1.1rem;
font-weight: 600;
border-radius: 6px;
text-decoration: none;
transition: all 0.3s ease;
background: white;
color: #073a6a;
border: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.fouruweb-hero .hero-cta .btn-primary img {
width: 20px;
height: 20px;
}
.fouruweb-hero .hero-cta .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
background: #FF6B35;
color: white;
}
.fouruweb-hero .hero-cta .btn-secondary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
font-size: 1.1rem;
font-weight: 600;
border-radius: 6px;
text-decoration: none;
transition: all 0.3s ease;
background: transparent;
color: white;
border: 2px solid white;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.fouruweb-hero .hero-cta .btn-secondary img {
width: 20px;
height: 20px;
}
.fouruweb-hero .hero-cta .btn-secondary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
background: white;
color: #073a6a;
}
@media (max-width: 768px) {
.fouruweb-hero .hero-cta .btn-primary,
.fouruweb-hero .hero-cta .btn-secondary {
width: 100%;
justify-content: center;
}
}
.fouruweb-services {
padding: 100px 20px;
background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}
.fouruweb-services .section-title {
text-align: center;
font-size: 2.5rem;
color: #073a6a;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.fouruweb-services .section-title img {
width: 32px;
height: 32px;
}
.fouruweb-services .section-subtitle {
text-align: center;
font-size: 1.2rem;
color: #37474F;
max-width: 700px;
margin: 0 auto 60px;
line-height: 1.6;
}
.fouruweb-services .services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
max-width: 1400px;
margin: 0 auto;
}
@media (max-width: 768px) {
.fouruweb-services .services-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
.fouruweb-services .service-card {
background: #ffffff;
border-radius: 12px;
padding: 35px 28px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid rgba(0, 51, 102, 0.1);
position: relative;
overflow: hidden;
}
.fouruweb-services .service-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #073a6a, #669999);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.fouruweb-services .service-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
border-color: #669999;
}
.fouruweb-services .service-card:hover::before {
transform: scaleX(1);
}
.fouruweb-services .service-card:hover .service-icon img {
transform: scale(1.1) rotate(5deg);
}
.fouruweb-services .service-card .service-icon {
margin-bottom: 20px;
}
.fouruweb-services .service-card .service-icon img {
width: 48px;
height: 48px;
transition: transform 0.3s ease;
}
.fouruweb-services .service-card h3 {
font-size: 1.4rem;
color: #073a6a;
margin-bottom: 15px;
font-weight: 700;
}
.fouruweb-services .service-card p {
font-size: 1rem;
line-height: 1.6;
color: #666;
margin: 0;
}
.fouruweb-portfolio {
padding: 100px 20px;
background: #073a6a;
color: #ffffff;
}
.fouruweb-portfolio .section-title {
text-align: center;
font-size: 2.5rem;
color: #ffffff;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.fouruweb-portfolio .section-title img {
width: 32px;
height: 32px;
}
.fouruweb-portfolio .section-subtitle {
text-align: center;
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.8);
max-width: 700px;
margin: 0 auto 60px;
line-height: 1.6;
}
.fouruweb-portfolio .portfolio-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 35px;
max-width: 1400px;
margin: 0 auto 60px;
}
@media (max-width: 768px) {
.fouruweb-portfolio .portfolio-grid {
grid-template-columns: 1fr;
gap: 25px;
}
}
.fouruweb-portfolio .portfolio-item {
background: rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.15);
transition: all 0.3s ease;
}
.fouruweb-portfolio .portfolio-item:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
border-color: #669999;
}
.fouruweb-portfolio .portfolio-item:hover .portfolio-overlay {
opacity: 1;
}
.fouruweb-portfolio .portfolio-item .portfolio-image {
position: relative;
background: white;
padding: 60px 30px;
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
}
.fouruweb-portfolio .portfolio-item .portfolio-image > img {
width: 64px;
height: 64px;
}
.fouruweb-portfolio .portfolio-item .portfolio-image .portfolio-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.fouruweb-portfolio .portfolio-item .portfolio-image .portfolio-overlay .portfolio-link {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 24px;
background: #FF6B35;
color: #ffffff;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
transition: all 0.3s ease;
}
.fouruweb-portfolio .portfolio-item .portfolio-image .portfolio-overlay .portfolio-link img {
width: 24px;
height: 24px;
}
.fouruweb-portfolio .portfolio-item .portfolio-image .portfolio-overlay .portfolio-link:hover {
background: rgb(255, 69.6336633663, 2);
transform: scale(1.05);
}
.fouruweb-portfolio .portfolio-item .portfolio-image .portfolio-overlay .portfolio-tag {
display: inline-block;
padding: 8px 16px;
background: rgba(255, 255, 255, 0.2);
color: #ffffff;
border-radius: 6px;
font-size: 0.9rem;
font-weight: 600;
}
.fouruweb-portfolio .portfolio-item .portfolio-content {
padding: 30px 25px;
}
.fouruweb-portfolio .portfolio-item .portfolio-content h3 {
font-size: 1.4rem;
color: #ffffff;
margin-bottom: 12px;
font-weight: 700;
}
.fouruweb-portfolio .portfolio-item .portfolio-content p {
font-size: 1rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.8);
margin: 0;
}
.fouruweb-portfolio .team-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 35px;
max-width: 1400px;
margin: 0 auto 60px;
}
@media (max-width: 768px) {
.fouruweb-portfolio .team-grid {
grid-template-columns: 1fr;
gap: 25px;
}
}
.fouruweb-portfolio .team-member {
background: rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 40px 30px;
text-align: center;
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.fouruweb-portfolio .team-member:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
border-color: #669999;
}
.fouruweb-portfolio .team-member .team-avatar {
margin-bottom: 25px;
display: flex;
justify-content: center;
}
.fouruweb-portfolio .team-member .team-avatar img {
width: 80px;
height: 80px;
border-radius: 50%;
padding: 15px;
background: #e9ecef;
box-sizing: content-box;
transition: transform 0.3s ease;
}
.fouruweb-portfolio .team-member .team-info h3 {
font-size: 1.5rem;
color: #ffffff;
margin-bottom: 8px;
font-weight: 700;
}
.fouruweb-portfolio .team-member .team-info .team-role {
font-size: 1rem;
color: #669999;
font-weight: 600;
margin-bottom: 20px;
}
.fouruweb-portfolio .team-member .team-info .team-description {
font-size: 1rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.8);
margin: 0;
}
.fouruweb-cta {
padding: 120px 20px;
background: linear-gradient(135deg, #37474F 0%, #00ACC1 100%);
color: #ffffff;
position: relative;
overflow: hidden;
}
.fouruweb-cta::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 50px 50px;
animation: patternMove 30s linear infinite;
opacity: 0.3;
}
@keyframes patternMove {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(50px, 50px);
}
}
.fouruweb-cta .cta-content {
position: relative;
z-index: 10;
text-align: center;
max-width: 900px;
margin: 0 auto;
}
.fouruweb-cta .cta-content .cta-icon {
margin-bottom: 30px;
}
.fouruweb-cta .cta-content .cta-icon img {
width: 64px;
height: 64px;
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
.fouruweb-cta .cta-content h2 {
font-size: 3rem;
font-weight: 700;
margin-bottom: 20px;
color: #ffffff;
}
@media (max-width: 768px) {
.fouruweb-cta .cta-content h2 {
font-size: 2.2rem;
}
}
.fouruweb-cta .cta-content p {
font-size: 1.3rem;
line-height: 1.6;
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.9);
}
.fouruweb-cta .cta-content .cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.fouruweb-cta .cta-content .cta-buttons .btn-large {
padding: 18px 36px;
font-size: 1.2rem;
}
.fouruweb-cta .cta-content .cta-buttons .btn-primary {
display: inline-flex;
align-items: center;
gap: 12px;
background: #FF6B35;
color: #ffffff;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
}
.fouruweb-cta .cta-content .cta-buttons .btn-primary img {
width: 24px;
height: 24px;
}
.fouruweb-cta .cta-content .cta-buttons .btn-primary:hover {
background: rgb(255, 69.6336633663, 2);
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
.fouruweb-cta .cta-content .cta-buttons .btn-secondary {
display: inline-flex;
align-items: center;
gap: 12px;
background: rgba(255, 255, 255, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #ffffff;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
border: 2px solid rgba(255, 255, 255, 0.3);
transition: all 0.3s ease;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
}
.fouruweb-cta .cta-content .cta-buttons .btn-secondary img {
width: 24px;
height: 24px;
}
.fouruweb-cta .cta-content .cta-buttons .btn-secondary:hover {
background: rgba(255, 255, 255, 0.25);
border-color: rgba(255, 255, 255, 0.5);
transform: translateY(-3px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
.fouruweb-hero .hero-title {
font-size: 3rem;
}
.fouruweb-hero .hero-subtitle {
font-size: 1.2rem;
}
}
@media (max-width: 968px) {
.fouruweb-hero {
min-height: auto;
padding: 80px 20px 60px;
}
.fouruweb-services,
.fouruweb-portfolio,
.fouruweb-team {
padding: 70px 20px;
}
.fouruweb-cta {
padding: 80px 20px;
}
.section-title {
font-size: 2rem !important;
}
.section-subtitle {
font-size: 1.1rem !important;
}
}
@media (max-width: 768px) {
.fouruweb-hero .hero-visual .globe-container {
max-width: 350px;
}
.service-card,
.portfolio-item,
.team-member {
padding: 25px 20px;
}
.hero-cta .btn-primary,
.hero-cta .btn-secondary,
.hero-cta .btn-tertiary {
width: 100%;
justify-content: center;
}
.cta-buttons .btn-large {
width: 100%;
justify-content: center;
}
}     .contact-info-section {
padding: 60px 20px;
max-width: 1200px;
margin: 0 auto; }
.contact-info-section .contact-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.contact-info-section .contact-card {
background: white;
padding: 40px 30px;
border-radius: 20px;
text-align: center;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
position: relative;
overflow: hidden;  }
.contact-info-section .contact-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #073a6a, #669999);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.contact-info-section .contact-card:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.contact-info-section .contact-card:hover::before {
transform: scaleX(1);
}
.contact-info-section .contact-card:hover .contact-card-icon {
animation: pulse 2s infinite;
}
.contact-info-section .contact-card .contact-card-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
background: linear-gradient(135deg, #073a6a, #669999);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: box-shadow 0.3s ease;
}
.contact-info-section .contact-card .contact-card-icon .twemoji-icon {
width: 48px !important;
height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
}
.contact-info-section .contact-card h3 {
font-size: 1.5rem;
color: #333;
margin-bottom: 10px;
font-weight: 600;
}
.contact-info-section .contact-card p {
color: #666;
margin-bottom: 15px;
font-size: 1rem;
}
.contact-info-section .contact-card .contact-link {
color: #073a6a;
font-weight: 600;
text-decoration: none;
font-size: 1.1rem;
transition: color 0.3s ease;
}
.contact-info-section .contact-card .contact-link:hover {
color: #669999;
text-decoration: underline;
}
.contact-info-section .contact-card .contact-highlight {
color: #073a6a;
font-weight: 700;
font-size: 1.2rem;
} .form-section-intro {
text-align: center;
margin: 60px auto 40px;
max-width: 600px;
padding: 0 20px;
}
.form-section-intro h2 {
font-size: 2.5rem;
color: #333;
margin-bottom: 15px;
font-weight: 700;
}
.form-section-intro p {
font-size: 1.1rem;
color: #666;
line-height: 1.6;
} .frm_forms {
max-width: 1200px !important;
margin: 0 auto;
padding: 40px;
background: white;
border-radius: 20px;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);  }
.frm_forms .frm_form_field {
margin-bottom: 25px;
}
.frm_forms .frm_form_field label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #333;
font-size: 1rem;
}
.frm_forms .frm_form_field input[type=text],
.frm_forms .frm_form_field input[type=email],
.frm_forms .frm_form_field textarea,
.frm_forms .frm_form_field select {
width: 100%;
padding: 15px;
border: 2px solid #e0e0e0;
border-radius: 10px;
font-size: 1rem;
transition: all 0.3s ease;
background: #f8f9fa;
}
.frm_forms .frm_form_field textarea {
min-height: 150px;
resize: vertical;
}
.frm_forms .frm_submit {
text-align: center;
margin-top: 30px;
} @media (max-width: 768px) {
.contact-info-section .contact-info-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.form-section-intro h2 {
font-size: 2rem;
}
.frm_forms {
padding: 25px;
border-radius: 15px;
}
}     .license-display-section {
padding: 40px 20px;
max-width: 800px;
margin: 0 auto; }
.license-display-section .license-container h2 {
font-size: 2rem;
color: #073a6a;
margin-bottom: 30px;
text-align: center;
}
.license-display-section .license-box {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
border: 2px solid #4caf50;
margin-bottom: 30px;  }
.license-display-section .license-box .license-key-display {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 25px;
padding: 20px;
background: #f8f9fa;
border-radius: 10px;
}
.license-display-section .license-box .license-key-display .license-key {
font-family: "Courier New", monospace;
font-size: 1.2rem;
font-weight: 600;
color: #073a6a;
letter-spacing: 1px;
flex: 1;
text-align: center;
}
.license-display-section .license-box .license-key-display .copy-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: linear-gradient(135deg, #00ACC1 0%, #4DD0E1 100%);
color: white;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.license-display-section .license-box .license-key-display .copy-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 172, 193, 0.3);
}
.license-display-section .license-box .license-key-display .copy-btn.copied {
background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);
}
.license-display-section .license-box .license-details {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 20px;
}
.license-display-section .license-box .license-details .license-detail-row {
display: flex;
flex-direction: column;
align-items: center;
}
.license-display-section .license-box .license-details .license-detail-row .detail-label {
font-size: 0.9rem;
color: #669999;
margin-bottom: 5px;
}
.license-display-section .license-box .license-details .license-detail-row .detail-value {
font-size: 1.1rem;
font-weight: 600;
color: #073a6a;
}
.license-display-section .license-box .license-details .license-detail-row .detail-value.status-active {
color: #4caf50;
} .info-box {
background: #f0f9ff;
border: 2px solid #00ACC1;
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
}
.info-box .info-box-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.info-box .info-box-header .info-icon {
font-size: 1.5rem;
}
.info-box .info-box-header h3 {
margin: 0;
color: #073a6a;
font-size: 1.3rem;
}
.info-box .info-box-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.info-box .info-box-content li {
padding: 10px 0;
border-bottom: 1px solid rgba(0, 172, 193, 0.2);
color: #37474F;
line-height: 1.6;
}
.info-box .info-box-content li:last-child {
border-bottom: none;
}
.info-box .info-box-content li strong {
font-weight: 600;
}
.info-box .info-box-content li a {
color: #00ACC1;
text-decoration: none;
font-weight: 600;
}
.info-box .info-box-content li a:hover {
text-decoration: underline;
} .email-confirmation {
background: #e8f5e9;
border-left: 4px solid #4caf50;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
.email-confirmation p {
margin: 0 0 15px 0;
color: #2e7d32;
font-weight: 600;
}
.email-confirmation ol {
margin: 0;
padding-left: 25px;
color: #37474F;
}
.email-confirmation ol li {
margin-bottom: 8px;
} .no-license-box {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 12px;
padding: 30px;
text-align: center;
}
.no-license-box h2 {
color: #856404;
margin-bottom: 15px;
}
.no-license-box p {
color: #856404;
margin-bottom: 15px;
}
.no-license-box .session-info {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(133, 100, 4, 0.2);
}
.no-license-box .session-info p {
margin: 0;
color: #856404;
font-family: monospace;
}
.no-license-box .session-info p small {
font-size: 0.9rem;
} .next-steps-section {
padding: 60px 20px;
background: #f8f9fa;
}
.next-steps-section .next-steps-container {
max-width: 1200px;
margin: 0 auto;
}
.next-steps-section .next-steps-container h2 {
text-align: center;
font-size: 2rem;
color: #073a6a;
margin-bottom: 40px;
}
.next-steps-section .steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-bottom: 50px;
}
.next-steps-section .steps-grid .step-card {
background: white;
padding: 30px;
border-radius: 12px;
position: relative;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.next-steps-section .steps-grid .step-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.next-steps-section .steps-grid .step-card .step-number {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #FF6B35 0%, #FF8A65 100%);
color: white;
font-size: 1.3rem;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.next-steps-section .steps-grid .step-card h4 {
color: #073a6a;
margin: 0 0 10px 0;
font-size: 1.2rem;
}
.next-steps-section .steps-grid .step-card p {
color: #669999;
margin: 0 0 15px 0;
line-height: 1.5;
}
.next-steps-section .steps-grid .step-card .step-link {
color: #00ACC1;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
}
.next-steps-section .steps-grid .step-card .step-link:hover {
text-decoration: underline;
}
.next-steps-section .action-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
} @media (max-width: 768px) {
.license-display-section .license-key-display {
flex-direction: column;
}
.license-display-section .license-key-display .license-key {
font-size: 1rem;
word-break: break-all;
}
.license-display-section .license-key-display .copy-btn {
width: 100%;
justify-content: center;
}
.license-display-section .license-details {
flex-direction: column;
align-items: stretch;
}
.license-display-section .license-details .license-detail-row {
flex-direction: row;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
}
} .icon-inline {
vertical-align: middle;
margin-right: 4px;
}
.icon-inline-medium {
vertical-align: middle;
margin-right: 6px;
}
.icon-inline-large {
vertical-align: middle;
margin-left: 8px;
}     .cct4u-documentation-wrapper {
padding: 60px 20px;
background: #f8f9fa; }
.cct4u-documentation-wrapper .cct4u-documentation {
max-width: 1200px;
margin: 0 auto;
background: white;
padding: 60px;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
line-height: 1.8;    }
.cct4u-documentation-wrapper .cct4u-documentation h2 {
border-bottom: 3px solid #073a6a;
padding-bottom: 15px;
margin-top: 40px;
margin-bottom: 25px;
color: #073a6a;
font-size: 2rem;
font-weight: 700;
}
.cct4u-documentation-wrapper .cct4u-documentation h2:first-child {
margin-top: 0;
}
.cct4u-documentation-wrapper .cct4u-documentation h3 {
color: #669999;
margin-top: 30px;
margin-bottom: 15px;
font-size: 1.5rem;
font-weight: 600;
}
.cct4u-documentation-wrapper .cct4u-documentation h4 {
color: #37474F;
margin-top: 25px;
margin-bottom: 12px;
font-size: 1.2rem;
font-weight: 600;
}
.cct4u-documentation-wrapper .cct4u-documentation h5 {
color: #073a6a;
margin-top: 20px;
margin-bottom: 10px;
font-size: 1.1rem;
font-weight: 600;
}
.cct4u-documentation-wrapper .cct4u-documentation pre {
background: #f8f9fa;
padding: 20px;
border-radius: 10px;
overflow-x: auto;
font-size: 14px;
border-left: 4px solid #669999;
margin: 25px 0;
}
.cct4u-documentation-wrapper .cct4u-documentation pre code {
background: transparent;
color: inherit;
padding: 0;
}
.cct4u-documentation-wrapper .cct4u-documentation code {
background: #f1f1f1;
padding: 3px 8px;
border-radius: 4px;
font-size: 0.9em;
color: #d63384;
font-family: "Courier New", monospace;
}
.cct4u-documentation-wrapper .cct4u-documentation hr {
margin: 40px 0;
border: none;
border-top: 2px solid #e8e8e8;
}
.cct4u-documentation-wrapper .cct4u-documentation p {
margin-bottom: 15px;
color: #444;
line-height: 1.8;
}
.cct4u-documentation-wrapper .cct4u-documentation ol, .cct4u-documentation-wrapper .cct4u-documentation ul {
margin: 20px 0;
padding-left: 25px;
}
.cct4u-documentation-wrapper .cct4u-documentation ol li, .cct4u-documentation-wrapper .cct4u-documentation ul li {
margin-bottom: 12px;
line-height: 1.8;
}
.cct4u-documentation-wrapper .cct4u-documentation ol li strong, .cct4u-documentation-wrapper .cct4u-documentation ul li strong {
color: #073a6a;
font-weight: 600;
}
.cct4u-documentation-wrapper .cct4u-documentation ol ol, .cct4u-documentation-wrapper .cct4u-documentation ul ul, .cct4u-documentation-wrapper .cct4u-documentation ol ul, .cct4u-documentation-wrapper .cct4u-documentation ul ol {
margin-top: 10px;
margin-bottom: 10px;
} .docs-page,
.faq-page,
.changelog-page {
min-height: 80vh;
}
.docs-page .page-hero,
.faq-page .page-hero,
.changelog-page .page-hero {
background: linear-gradient(135deg, #073a6a 0%, #669999 100%);
color: white;
padding: 80px 0;
text-align: center;
}
.docs-page .page-hero h1,
.faq-page .page-hero h1,
.changelog-page .page-hero h1 {
color: white;
margin-bottom: 10px;
font-size: 48px;
} @media (max-width: 768px) {
.cct4u-documentation-wrapper {
padding: 30px 15px;
}
.cct4u-documentation-wrapper .cct4u-documentation {
padding: 30px 20px;
border-radius: 10px;
}
.cct4u-documentation-wrapper .cct4u-documentation h2 {
font-size: 1.5rem;
}
.cct4u-documentation-wrapper .cct4u-documentation h3 {
font-size: 1.3rem;
}
.cct4u-documentation-wrapper .cct4u-documentation pre {
padding: 15px;
font-size: 12px;
}
}   .downloads-page-wrapper {
width: 100%;
min-height: 60vh;
scroll-behavior: smooth;
} .downloads-hero::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 20px 20px;
animation: moveBackground 60s linear infinite;
z-index: 1;
}
.downloads-hero .hero-icon img {
filter: none !important;
} .downloads-content {
padding: 60px 20px;
background: #f5f7fa;
}
.downloads-content .container {
max-width: 1200px;
margin: 0 auto;
} .downloads-info-box {
background: white;
border-radius: 12px;
padding: 60px 40px;
text-align: center;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
max-width: 600px;
margin: 0 auto;
}
.downloads-info-box .info-box-icon {
margin-bottom: 30px;
}
.downloads-info-box .info-box-icon img {
opacity: 0.7;
}
.downloads-info-box .info-box-content h3 {
color: #073a6a;
font-size: 28px;
margin-bottom: 20px;
font-weight: 600;
}
.downloads-info-box .info-box-content p {
color: #37474F;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
}
.downloads-info-box .info-box-actions {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
} .downloads-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.downloads-grid {
grid-template-columns: 1fr;
}
} .download-card {
background: white;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
overflow: hidden;
scroll-margin-top: 100px;
}
.download-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12);
}
.download-card:target {
animation: highlightCard 2s ease;
}
.download-card-header {
padding: 30px 30px 20px;
background: linear-gradient(135deg, rgba(7, 58, 106, 0.05) 0%, rgba(102, 153, 153, 0.05) 100%);
border-bottom: 2px solid rgba(7, 58, 106, 0.1);
}
.download-card-header .download-card-icon {
margin-bottom: 15px;
}
.download-card-header .download-card-icon img {
opacity: 0.8;
}
.download-card-header h3 {
color: #073a6a;
font-size: 22px;
font-weight: 600;
margin: 0;
}
.download-card-body {
padding: 25px 30px;
flex: 1;
}
.download-card-body .download-description {
color: #37474F;
font-size: 15px;
line-height: 1.6;
margin-bottom: 20px;
}
.download-card-body .download-meta {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.download-card-body .download-meta .meta-item {
display: flex;
align-items: center;
gap: 8px;
color: #666;
font-size: 14px;
}
.download-card-body .download-meta .meta-item img {
opacity: 0.6;
}
.download-card-body .download-warning {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255, 152, 0, 0.1);
border-left: 3px solid #ff9800;
padding: 12px 15px;
border-radius: 6px;
margin-top: 15px;
}
.download-card-body .download-warning img {
flex-shrink: 0;
}
.download-card-body .download-warning span {
color: #e65100;
font-size: 14px;
font-weight: 500;
} .download-version-selector {
padding: 20px 30px;
background: linear-gradient(135deg, rgba(7, 58, 106, 0.02) 0%, rgba(102, 153, 153, 0.02) 100%);
border-top: 1px solid #e9ecef;
border-bottom: 1px solid #e9ecef;
}
.download-version-selector label {
display: flex;
align-items: center;
gap: 8px;
color: #073a6a;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.download-version-selector label img {
opacity: 0.7;
}
.download-version-selector .version-selector {
width: 100%;
padding: 0 15px;
border: 2px solid #e1e8ed;
border-radius: 8px;
background: white;
color: #37474F;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23455A64" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3cpolyline points="6 9 12 15 18 9"%3e%3c/polyline%3e%3c/svg%3e');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px;
padding-right: 40px;
}
.download-version-selector .version-selector:hover {
border-color: #669999;
box-shadow: 0 2px 8px rgba(102, 153, 153, 0.15);
}
.download-version-selector .version-selector:focus {
outline: none;
border-color: #073a6a;
box-shadow: 0 0 0 3px rgba(7, 58, 106, 0.1);
}
.download-version-selector .version-selector option {
padding: 10px;
color: #37474F;
}
.download-card-footer {
padding: 20px 30px;
background: #f8f9fa;
border-top: 1px solid #e9ecef;
}
.download-card-footer .btn-group-2 {
flex-direction: column !important;
width: 100%;
gap: 10px;
}
.download-card-footer .btn-group-2 > * {
width: 100%;
} .downloads-help-section {
background: white;
border-radius: 12px;
padding: 40px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}
.downloads-help-section h3 {
display: flex;
align-items: center;
gap: 12px;
color: #073a6a;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
}
.downloads-help-section h3 img {
opacity: 0.8;
}
.downloads-help-section .help-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
}
.downloads-help-section .help-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 30px 20px;
background: linear-gradient(135deg, rgba(7, 58, 106, 0.05) 0%, rgba(102, 153, 153, 0.05) 100%);
border-radius: 10px;
text-decoration: none;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.downloads-help-section .help-card:hover {
background: linear-gradient(135deg, rgba(7, 58, 106, 0.1) 0%, rgba(102, 153, 153, 0.1) 100%);
border-color: #669999;
transform: translateY(-3px);
}
.downloads-help-section .help-card img {
margin-bottom: 15px;
opacity: 0.8;
}
.downloads-help-section .help-card h4 {
color: #073a6a;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.downloads-help-section .help-card p {
color: #37474F;
font-size: 14px;
margin: 0;
}  .download-notification {
position: fixed;
top: 20px;
right: 20px;
z-index: 99999;
background: white;
padding: 20px 25px;
border-radius: 10px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
opacity: 0;
transform: translateX(400px);
transition: all 0.3s ease;
}
.download-notification.show {
opacity: 1;
transform: translateX(0);
}
.download-notification.success {
border-left: 4px solid #4caf50;
}
.download-notification.success .notification-icon {
color: #4caf50;
background: rgba(76, 175, 80, 0.1);
}
.download-notification.error {
border-left: 4px solid #f44336;
}
.download-notification.error .notification-icon {
color: #f44336;
background: rgba(244, 67, 54, 0.1);
}
.download-notification .notification-content {
display: flex;
align-items: center;
gap: 15px;
}
.download-notification .notification-icon {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 18px;
}
.download-notification .notification-message {
color: #37474F;
font-size: 15px;
font-weight: 500;
}
@media (max-width: 480px) {
.download-notification {
right: 10px;
left: 10px;
top: 10px;
}
} @keyframes moveBackground {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(20px, 20px);
}
}
@keyframes highlightCard {
0% {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transform: scale(1);
}
50% {
box-shadow: 0 0 30px rgba(102, 153, 153, 0.6), 0 10px 40px rgba(0, 0, 0, 0.15);
transform: scale(1.02);
}
100% {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transform: scale(1);
}
} .faq-hero .hero-title {
color: white;
}
.faq-container {
max-width: 1000px;
margin: 60px auto;
padding: 0 20px;
}
@media (max-width: 768px) {
.faq-container {
margin: 40px auto;
}
}
.faq-category {
margin-bottom: 60px;
}
.faq-category:last-of-type {
margin-bottom: 40px;
}
.faq-category .category-title {
color: #073a6a;
font-size: 1.8em;
margin-bottom: 30px;
display: flex;
align-items: center;
padding-bottom: 15px;
border-bottom: 3px solid #669999;
}
.faq-category .category-title .category-icon {
font-size: 1.3em;
margin-right: 15px;
}
@media (max-width: 768px) {
.faq-category .category-title {
font-size: 1.5em;
}
}
.faq-item {
background: white;
border-radius: 12px;
margin-bottom: 15px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: all 0.3s ease;
}
.faq-item:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
.faq-item .faq-question {
width: 100%;
padding: 20px 25px;
background: white;
border: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
transition: all 0.3s ease;
}
.faq-item .faq-question:hover {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
.faq-item .faq-question:hover .question-text {
color: #669999;
}
.faq-item .faq-question .question-text {
font-size: 1.1em;
font-weight: 600;
color: #212529;
flex: 1;
padding-right: 15px;
transition: color 0.3s ease;
}
@media (max-width: 768px) {
.faq-item .faq-question .question-text {
font-size: 1em;
}
}
.faq-item .faq-question .faq-icon {
font-size: 1.2em;
color: #669999;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.faq-item .faq-question[aria-expanded=true] {
background: linear-gradient(135deg, #073a6a, #669999);
}
.faq-item .faq-question[aria-expanded=true] .question-text {
color: white;
}
.faq-item .faq-question[aria-expanded=true] .faq-icon {
transform: rotate(180deg);
color: white;
}
.faq-item .faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-in-out;
}
.faq-item .faq-answer.active {
max-height: 2000px;
}
.faq-item .faq-answer .faq-answer-content {
padding: 25px;
background: #fafbfc;
border-top: 2px solid #f8f9fa;
}
.faq-item .faq-answer p {
color: #212529;
line-height: 1.8;
margin-bottom: 15px;
}
.faq-item .faq-answer p:last-child {
margin-bottom: 0;
}
.faq-item .faq-answer ol, .faq-item .faq-answer ul {
margin: 15px 0;
padding-left: 25px;
}
.faq-item .faq-answer ol li, .faq-item .faq-answer ul li {
color: #212529;
line-height: 1.8;
margin-bottom: 10px;
}
.faq-item .faq-answer ol li:last-child, .faq-item .faq-answer ul li:last-child {
margin-bottom: 0;
}
.faq-item .faq-answer ol {
counter-reset: item;
}
.faq-item .faq-answer ol li {
counter-increment: item;
}
.faq-item .faq-answer ol li::marker {
font-weight: 600;
color: #669999;
}
.faq-item .faq-answer ul li::marker {
color: #669999;
}
.faq-item .faq-answer a {
color: #669999;
text-decoration: none;
font-weight: 600;
transition: all 0.2s ease;
}
.faq-item .faq-answer a:hover {
color: #073a6a;
text-decoration: underline;
}
.faq-item .faq-answer strong {
color: #073a6a;
font-weight: 600;
}
.faq-item .faq-answer .faq-table {
width: 100%;
margin: 20px 0;
border-collapse: collapse;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.faq-item .faq-answer .faq-table thead {
background: linear-gradient(135deg, #073a6a, #669999);
}
.faq-item .faq-answer .faq-table thead th {
color: white;
padding: 15px;
text-align: left;
font-weight: 600;
font-size: 0.95em;
}
.faq-item .faq-answer .faq-table tbody tr {
border-bottom: 1px solid #e0e0e0;
transition: background 0.2s ease;
}
.faq-item .faq-answer .faq-table tbody tr:hover {
background: #f8f9fa;
}
.faq-item .faq-answer .faq-table tbody tr:last-child {
border-bottom: none;
}
.faq-item .faq-answer .faq-table tbody tr td {
padding: 12px 15px;
color: #212529;
}
.faq-item .faq-answer .faq-table tbody tr td:first-child {
font-weight: 600;
}
@media (max-width: 768px) {
.faq-item .faq-answer .faq-table {
font-size: 0.9em;
}
.faq-item .faq-answer .faq-table thead th,
.faq-item .faq-answer .faq-table tbody td {
padding: 10px;
}
}
.faq-support-cta {
background: linear-gradient(135deg, #f8f9fa, #ffffff);
border-radius: 16px;
padding: 40px;
text-align: center;
margin-top: 60px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.faq-support-cta h3 {
color: #073a6a;
font-size: 2em;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.faq-support-cta h3 {
font-size: 1.6em;
}
}
.faq-support-cta p {
color: #212529;
font-size: 1.1em;
margin-bottom: 25px;
}
@media (max-width: 768px) {
.faq-support-cta p {
font-size: 1em;
}
}
.faq-support-cta .btn-primary {
display: inline-flex;
align-items: center;
padding: 15px 40px;
background: linear-gradient(135deg, #073a6a, #669999);
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
font-size: 1.1em;
transition: all 0.3s ease;
}
.faq-support-cta .btn-primary .dashicons {
margin-right: 10px;
font-size: 20px;
}
.faq-support-cta .btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(7, 58, 106, 0.4);
}
@media (max-width: 768px) {
.faq-support-cta .btn-primary {
padding: 12px 30px;
font-size: 1em;
}
}
.timeline-heading {
color: #073a6a;
margin-top: 20px;
}
.timeline-heading .timeline-icon {
vertical-align: middle;
margin-right: 6px;
}
.timeline-box {
padding: 15px;
border-left: 4px solid;
margin: 15px 0;
}
.timeline-box.grace-period {
background: #f8f9fa;
border-left-color: #00acc1;
}
.timeline-box.feature-lock {
background: #fff3cd;
border-left-color: #ffc107;
}
.timeline-box.final-warning {
background: #f8d7da;
border-left-color: #dc3545;
}
.timeline-box.reset-box {
background: #721c24;
color: white;
border-left-color: #a94442;
}
.timeline-box.reset-box p {
color: white;
}
.timeline-box.reset-box ul {
color: white;
}
.timeline-box .box-title {
margin: 0 0 8px 0;
}
.timeline-box .box-title strong {
font-weight: 600;
}
.timeline-box ul {
margin: 0;
padding-left: 20px;
}
.timeline-box ul li {
margin-bottom: 6px;
}
.timeline-box ul li:last-child {
margin-bottom: 0;
}
.feature-heading {
color: #073a6a;
margin-top: 25px;
}
.feature-heading .feature-icon {
vertical-align: middle;
margin-right: 6px;
}
.icon-inline {
vertical-align: middle;
margin-right: 4px;
}
.faq-container .navigation-footer {
text-align: center;
margin-top: 40px;
padding-top: 30px;
border-top: 2px solid #e0e0e0;
}
.faq-container .navigation-footer .btn-back {
display: inline-flex;
align-items: center;
padding: 12px 30px;
background: #ffffff;
color: #212529;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
}
.faq-container .navigation-footer .btn-back .dashicons {
margin-right: 10px;
}
.faq-container .navigation-footer .btn-back:hover {
background: rgb(229.5, 229.5, 229.5);
transform: translateY(-2px);
}    .legal-content-wrapper { background: #f8f9fa;
padding: 3rem 0; }
@media (max-width: 768px) {
.legal-content-wrapper {
padding: 2rem 0;
}
}
.legal-container { max-width: 1200px;
margin: 0 auto;
padding: 0 2rem; display: grid;
grid-template-columns: 300px 1fr;
gap: 3rem;
align-items: start; }
@media (max-width: 1024px) {
.legal-container {
grid-template-columns: 1fr;
gap: 2rem;
padding: 0 1.5rem;
}
} .legal-sidebar { position: sticky;
top: 130px; }
@media (max-width: 1024px) {
.legal-sidebar {
position: static;
order: -1;
}
}
.legal-toc { background: #ffffff;
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
@media (max-width: 768px) {
.legal-toc {
padding: 1.25rem;
}
}
.legal-toc-title { font-size: 1.25rem;
font-weight: 700;
margin: 0 0 1rem 0;
color: #073a6a;
border-bottom: 2px solid #669999;
padding-bottom: 0.75rem;
}
.legal-toc-nav { margin: 0;
}
.legal-toc-list { list-style: none;
margin: 0;
padding: 0;
counter-reset: toc-counter;
}
.legal-toc-item { line-height: 1.2;
margin-bottom: 0; }
.legal-toc-item:last-child {
margin-bottom: 0;
}
.legal-toc-link { display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 0.5rem 0.5rem 0 0.5rem;
color: #212529;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease;
font-size: 0.95rem;   }
.legal-toc-link img {
flex-shrink: 0;
width: 20px;
height: 20px;
opacity: 0.8;
}
.legal-toc-link:hover {
background: #f8f9fa;
color: #073a6a;
transform: translateX(4px);
}
.legal-toc-link.active {
background: #669999;
color: #212529;
font-weight: 600;
}
.legal-toc-icon { flex-shrink: 0;
width: 20px;
height: 20px;
opacity: 0.8;
} .legal-content { background: #ffffff;
border-radius: 8px;
padding: 2.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
@media (max-width: 768px) {
.legal-content {
padding: 1.5rem;
border-radius: 4px;
}
} .legal-section { margin-bottom: 3rem; scroll-margin-top: 110px;  }
.legal-section:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.legal-section {
margin-bottom: 2rem;
}
}
.legal-section-title { display: flex;
align-items: center;
gap: 1rem;
font-size: 1.75rem;
font-weight: 700;
color: #073a6a;
margin: 0 0 1.5rem 0;
padding-bottom: 0.75rem;
border-bottom: 2px solid #669999; }
@media (max-width: 768px) {
.legal-section-title {
font-size: 1.5rem;
gap: 0.75rem;
}
}
.legal-section-icon { flex-shrink: 0;
width: 32px;
height: 32px;
opacity: 0.9; }
@media (max-width: 768px) {
.legal-section-icon {
width: 28px;
height: 28px;
}
} .legal-content {     }
.legal-content p {
font-size: 1rem;
line-height: 1.7;
color: #212529;
margin: 0 0 1.25rem 0; }
.legal-content p:last-child {
margin-bottom: 0;
}
.legal-content strong {
font-weight: 700;
color: #073a6a;
}
.legal-content a {
color: #073a6a;
text-decoration: underline;
transition: color 0.2s ease;  }
.legal-content a:hover {
color: #5b8888;
text-decoration: none;
}
.legal-content a[target=_blank]::after {
content: " ↗";
font-size: 0.85em;
opacity: 0.7;
}
.legal-content ul, .legal-content ol {
margin: 0 0 1.25rem 0;
padding-left: 2rem;
line-height: 1.7;
}
.legal-content ul li, .legal-content ol li {
margin-bottom: 0.5rem;
}
.legal-content ul li:last-child, .legal-content ol li:last-child {
margin-bottom: 0;
}
.legal-content h3 {
font-size: 1.25rem;
font-weight: 700;
color: #073a6a;
margin: 2rem 0 1rem 0;
}
.legal-content h3:first-child {
margin-top: 0;
}
.legal-content h4 {
font-size: 1.125rem;
font-weight: 600;
color: #212529;
margin: 1.5rem 0 0.75rem 0;
}
.legal-content h4:first-child {
margin-top: 0;
} html { scroll-behavior: smooth;
}   @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.legal-toc-link {
transition: none;
}
} @media print {
.legal-hero { background: #3a7d87;
color: #000;
padding: 2rem;
}
.legal-sidebar { display: none;
}
.legal-container { grid-template-columns: 1fr;
max-width: 100%;
padding: 0;
}
.legal-content { box-shadow: none;
border-radius: 0;
padding: 0;
}
.legal-section { page-break-inside: avoid;
}
.legal-section-title { page-break-after: avoid;
}
} .legal-intro { margin-bottom: 2rem;
padding: 1.5rem;
background: #f8f9fa;
border-left: 4px solid #073a6a;
border-radius: 4px;
}
.legal-intro p {
margin: 0;
font-size: 1rem;
line-height: 1.7;
}
.legal-highlight { margin-top: 2rem;
padding: 1.5rem;
background: #fffbeb;
border-left: 4px solid #f59e0b;
border-radius: 4px;
}
.legal-highlight h3 {
margin-top: 0;
color: #92400e;
font-size: 1.125rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.legal-highlight h3 img {
flex-shrink: 0;
width: 24px;
height: 24px;
}
.legal-info-box { background: white;
padding: 1.5rem;
border-radius: 4px;
margin-top: 1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.legal-info-box p {
margin: 0 0 1rem 0;
font-size: 0.95rem;
line-height: 1.6;
color: #374151;
}
.legal-info-box p:last-child {
margin-bottom: 0;
}
.legal-info-box ol {
margin: 0.5rem 0 1rem 0;
padding-left: 1.5rem;
}
.legal-info-box ol li {
margin-bottom: 0.75rem;
line-height: 1.6;
}
.legal-info-box ol li strong {
color: #1f2937;
}
.legal-info-box ol li:last-child {
margin-bottom: 0;
}
.legal-info-box em {
color: #6b7280;
}
.legal-subsection { margin-bottom: 2rem;
scroll-margin-top: 110px;
}
.legal-subsection:last-child {
margin-bottom: 0;
}
.legal-subsection h3 {
font-size: 1.125rem;
font-weight: 700;
color: #073a6a;
margin: 0 0 1rem 0;
}
.widerruf-formular { margin-top: 2rem;
padding: 2rem;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e0e0e0;
}
.widerruf-formular p {
margin: 0 0 1rem 0;
font-size: 0.95rem;
line-height: 1.6;
}
.widerruf-formular p:last-child {
margin-bottom: 0;
}
.widerruf-formular hr {
margin: 2em 0;
border: none;
border-top: 1px solid #ddd;
} .legal-container-simple { max-width: 900px;
margin: 0 auto;
padding: 3rem 2rem;
}
@media (max-width: 768px) {
.legal-container-simple {
padding: 2rem 1.5rem;
}
}
.impressum-contact-box { background: #f8f9fa;
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid #073a6a;
margin-top: 1rem;
}
.impressum-contact-box p {
margin: 0;
line-height: 1.8;
}
.impressum-contact-box p strong {
color: #073a6a;
}
.impressum-contact-box p a {
color: #073a6a;
text-decoration: none;
transition: color 0.2s ease;
}
.impressum-contact-box p a:hover {
color: #5b8888;
text-decoration: underline;
} .legal-credit {
margin-top: 4rem;
padding-top: 2rem;
border-top: 1px solid #e0e0e0;
font-size: 0.875rem;
color: #666;
text-align: center;
}
.legal-credit a {
color: #669999;
text-decoration: none;
transition: color 0.2s ease;
}
.legal-credit a:hover {
color: #003366;
text-decoration: underline;
}
@media print {
.legal-credit {
display: none;
}
}  div#osm-leaflet-map[data-behavior=osm-leaflet-map] {
width: 100% !important;
max-width: 100% !important;
display: block !important;  }
div#osm-leaflet-map[data-behavior=osm-leaflet-map] #map {
width: 100% !important;
max-width: 100% !important;
height: 500px !important;
min-height: 320px !important;
background: #eee;
display: block !important;
box-sizing: border-box;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] #route-end,
div#osm-leaflet-map[data-behavior=osm-leaflet-map] label[for=route-end] {
display: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form {
display: flex;
gap: 8px;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 14px;
flex-direction: column;
position: relative;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form .input-autocomplete-wrapper {
position: relative;
display: block;
width: 100%;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form .input-autocomplete-wrapper .autocomplete-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 10000;
cursor: pointer;
background-color: #333;
border: 1px solid #ccc;
border-radius: 8px;
padding: 8px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
display: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form label {
font-weight: 600;
color: #222;
margin-bottom: 4px;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form input {
color: #333 !important;
background: #fff;
border: 1px solid #bbb;
border-radius: 6px;
padding: 7px 11px;
font-size: 1rem;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0666666667);
margin: 0;
width: 100%;
position: relative;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form button {
background: #222;
color: #fff;
font-weight: bold;
border-radius: 6px;
border: none;
padding: 8px 18px;
cursor: pointer;
transition: background 0.2s;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0666666667);
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-route-form button:hover {
background: #444;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom a {
color: #333 !important;
text-decoration: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom a span {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-zoom a:hover {
color: #000 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-attribution {
border: 1px solid #ccc !important;
color: #333 !important;
background: rgba(255, 255, 255, 0.85) !important;
font-size: 0.6rem;
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5333333333);
padding: 2px 10px;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-attribution a {
color: #333 !important;
text-decoration: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-control-container .leaflet-control-attribution a:hover {
color: #000 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content a {
color: #333 !important;
text-decoration: none;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div.leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content a:hover {
color: #000 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend {
display: none;
margin: 18px 0 0 0;
padding: 16px 18px 12px 18px;
border-radius: 10px;
background: #f8f9fa;
color: #333 !important;
font-size: 1rem;
min-width: 250px;
line-height: 1.5;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend * {
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend strong {
color: #333 !important;
margin-bottom: 15px;
display: inline-block;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend ol {
margin: 0 0 0 24px;
padding: 0;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] div#legend.route-legend li {
margin-bottom: 0.5em;
color: #333 !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] .leaflet-tile-container img {
position: absolute !important;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] .spinner-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.5);
z-index: 1000;
pointer-events: all;
}
div#osm-leaflet-map[data-behavior=osm-leaflet-map] .spinner-wrapper .spinner {
width: 32px;
height: 32px;
border: 4px solid #eee;
border-top: 4px solid #666;
border-radius: 50%;
animation: spinner-rotate 1s linear infinite;
box-sizing: content-box;
}
@keyframes spinner-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  @media (max-width: 768px) { .pm4u-login-wrapper,
.pm4u-register-wrapper,
.pm4u-forgot-wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
.pm4u-login-features,
.pm4u-register-benefits,
.pm4u-forgot-info {
display: none;
} .login-register .hub-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.login-register .hub-box {
padding: 30px 20px;
}
.login-register .hub-box .box-title {
font-size: 20px;
}
.login-register .hub-box .box-description {
min-height: auto;
} .hero-section,
.contact-hero-section,
.documentation-hero-section,
.login-register-hero,
.payment-success-hero-section,
.dashboard-hero-section {
padding: 60px 20px;
}
.hero-section .hero-title,
.contact-hero-section .hero-title,
.documentation-hero-section .hero-title,
.login-register-hero .hero-title,
.payment-success-hero-section .hero-title,
.dashboard-hero-section .hero-title {
font-size: 32px;
}
.hero-section .hero-title .inline-icon,
.contact-hero-section .hero-title .inline-icon,
.documentation-hero-section .hero-title .inline-icon,
.login-register-hero .hero-title .inline-icon,
.payment-success-hero-section .hero-title .inline-icon,
.dashboard-hero-section .hero-title .inline-icon {
width: 36px;
height: 36px;
}
.hero-section .hero-subtitle,
.contact-hero-section .hero-subtitle,
.documentation-hero-section .hero-subtitle,
.login-register-hero .hero-subtitle,
.payment-success-hero-section .hero-subtitle,
.dashboard-hero-section .hero-subtitle {
font-size: 18px;
}
.contact-hero-subtitle {
font-size: 1.1rem;
}
.dashboard-hero-section {
padding: 50px 20px;
}
.dashboard-hero-section .dashboard-hero-title {
font-size: 1.8rem;
} .dashboard-layout {
grid-template-columns: 1fr;
}
.dashboard-info-grid,
.licenses-grid {
grid-template-columns: 1fr;
} .hero-content {
grid-template-columns: 1fr;
text-align: center;
}
.pricing-grid {
grid-template-columns: 1fr !important;
} .contact-info-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.frm_forms {
padding: 25px;
border-radius: 15px;
}
.form-section-intro h2 {
font-size: 2rem;
} .license-display-section .license-key-display {
flex-direction: column;
}
.license-display-section .license-key-display .license-key {
font-size: 1rem;
word-break: break-all;
}
.license-display-section .license-key-display .copy-btn {
width: 100%;
justify-content: center;
}
.license-display-section .license-details {
flex-direction: column;
align-items: stretch;
}
.license-display-section .license-details .license-detail-row {
flex-direction: row;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
} .license-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.license-actions {
flex-direction: column;
}
.no-licenses-actions {
flex-direction: column;
}
} @media (min-width: 769px) and (max-width: 1024px) {
.licenses-grid {
grid-template-columns: repeat(2, 1fr);
}
.dashboard-info-grid {
grid-template-columns: repeat(2, 1fr);
}
.quick-actions-grid {
grid-template-columns: repeat(3, 1fr);
}
.hub-grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (min-width: 1440px) {
.licenses-grid {
grid-template-columns: repeat(3, 1fr);
}
.dashboard-info-grid {
grid-template-columns: repeat(3, 1fr);
}
.quick-actions-grid {
grid-template-columns: repeat(5, 1fr);
}
}@font-face {
font-family: dashicons;
src: url(//4uweb.de/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800);
src: url(//4uweb.de/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800#iefix) format("embedded-opentype"),
url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),
url(//4uweb.de/wp-includes/fonts/dashicons.ttf?99ac726223c749443b642ce33df8b800) format("truetype");
font-weight: 400;
font-style: normal;
} .dashicons,
.dashicons-before:before {
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: never;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
font-size: 20px;
vertical-align: top;
text-align: center;
transition: color 0.1s ease-in;
} .dashicons-admin-appearance:before {
content: "\f100";
}
.dashicons-admin-collapse:before {
content: "\f148";
}
.dashicons-admin-comments:before {
content: "\f101";
}
.dashicons-admin-customizer:before {
content: "\f540";
}
.dashicons-admin-generic:before {
content: "\f111";
}
.dashicons-admin-home:before {
content: "\f102";
}
.dashicons-admin-links:before {
content: "\f103";
}
.dashicons-admin-media:before {
content: "\f104";
}
.dashicons-admin-multisite:before {
content: "\f541";
}
.dashicons-admin-network:before {
content: "\f112";
}
.dashicons-admin-page:before {
content: "\f105";
}
.dashicons-admin-plugins:before {
content: "\f106";
}
.dashicons-admin-post:before {
content: "\f109";
}
.dashicons-admin-settings:before {
content: "\f108";
}
.dashicons-admin-site-alt:before {
content: "\f11d";
}
.dashicons-admin-site-alt2:before {
content: "\f11e";
}
.dashicons-admin-site-alt3:before {
content: "\f11f";
}
.dashicons-admin-site:before {
content: "\f319";
}
.dashicons-admin-tools:before {
content: "\f107";
}
.dashicons-admin-users:before {
content: "\f110";
}
.dashicons-airplane:before {
content: "\f15f";
}
.dashicons-album:before {
content: "\f514";
}
.dashicons-align-center:before {
content: "\f134";
}
.dashicons-align-full-width:before {
content: "\f114";
}
.dashicons-align-left:before {
content: "\f135";
}
.dashicons-align-none:before {
content: "\f138";
}
.dashicons-align-pull-left:before {
content: "\f10a";
}
.dashicons-align-pull-right:before {
content: "\f10b";
}
.dashicons-align-right:before {
content: "\f136";
}
.dashicons-align-wide:before {
content: "\f11b";
}
.dashicons-amazon:before {
content: "\f162";
}
.dashicons-analytics:before {
content: "\f183";
}
.dashicons-archive:before {
content: "\f480";
}
.dashicons-arrow-down-alt:before {
content: "\f346";
}
.dashicons-arrow-down-alt2:before {
content: "\f347";
}
.dashicons-arrow-down:before {
content: "\f140";
}
.dashicons-arrow-left-alt:before {
content: "\f340";
}
.dashicons-arrow-left-alt2:before {
content: "\f341";
}
.dashicons-arrow-left:before {
content: "\f141";
}
.dashicons-arrow-right-alt:before {
content: "\f344";
}
.dashicons-arrow-right-alt2:before {
content: "\f345";
}
.dashicons-arrow-right:before {
content: "\f139";
}
.dashicons-arrow-up-alt:before {
content: "\f342";
}
.dashicons-arrow-up-alt2:before {
content: "\f343";
}
.dashicons-arrow-up-duplicate:before {
content: "\f143";
}
.dashicons-arrow-up:before {
content: "\f142";
}
.dashicons-art:before {
content: "\f309";
}
.dashicons-awards:before {
content: "\f313";
}
.dashicons-backup:before {
content: "\f321";
}
.dashicons-bank:before {
content: "\f16a";
}
.dashicons-beer:before {
content: "\f16c";
}
.dashicons-bell:before {
content: "\f16d";
}
.dashicons-block-default:before {
content: "\f12b";
}
.dashicons-book-alt:before {
content: "\f331";
}
.dashicons-book:before {
content: "\f330";
}
.dashicons-buddicons-activity:before {
content: "\f452";
}
.dashicons-buddicons-bbpress-logo:before {
content: "\f477";
}
.dashicons-buddicons-buddypress-logo:before {
content: "\f448";
}
.dashicons-buddicons-community:before {
content: "\f453";
}
.dashicons-buddicons-forums:before {
content: "\f449";
}
.dashicons-buddicons-friends:before {
content: "\f454";
}
.dashicons-buddicons-groups:before {
content: "\f456";
}
.dashicons-buddicons-pm:before {
content: "\f457";
}
.dashicons-buddicons-replies:before {
content: "\f451";
}
.dashicons-buddicons-topics:before {
content: "\f450";
}
.dashicons-buddicons-tracking:before {
content: "\f455";
}
.dashicons-building:before {
content: "\f512";
}
.dashicons-businessman:before {
content: "\f338";
}
.dashicons-businessperson:before {
content: "\f12e";
}
.dashicons-businesswoman:before {
content: "\f12f";
}
.dashicons-button:before {
content: "\f11a";
}
.dashicons-calculator:before {
content: "\f16e";
}
.dashicons-calendar-alt:before {
content: "\f508";
}
.dashicons-calendar:before {
content: "\f145";
}
.dashicons-camera-alt:before {
content: "\f129";
}
.dashicons-camera:before {
content: "\f306";
}
.dashicons-car:before {
content: "\f16b";
}
.dashicons-carrot:before {
content: "\f511";
}
.dashicons-cart:before {
content: "\f174";
}
.dashicons-category:before {
content: "\f318";
}
.dashicons-chart-area:before {
content: "\f239";
}
.dashicons-chart-bar:before {
content: "\f185";
}
.dashicons-chart-line:before {
content: "\f238";
}
.dashicons-chart-pie:before {
content: "\f184";
}
.dashicons-clipboard:before {
content: "\f481";
}
.dashicons-clock:before {
content: "\f469";
}
.dashicons-cloud-saved:before {
content: "\f137";
}
.dashicons-cloud-upload:before {
content: "\f13b";
}
.dashicons-cloud:before {
content: "\f176";
}
.dashicons-code-standards:before {
content: "\f13a";
}
.dashicons-coffee:before {
content: "\f16f";
}
.dashicons-color-picker:before {
content: "\f131";
}
.dashicons-columns:before {
content: "\f13c";
}
.dashicons-controls-back:before {
content: "\f518";
}
.dashicons-controls-forward:before {
content: "\f519";
}
.dashicons-controls-pause:before {
content: "\f523";
}
.dashicons-controls-play:before {
content: "\f522";
}
.dashicons-controls-repeat:before {
content: "\f515";
}
.dashicons-controls-skipback:before {
content: "\f516";
}
.dashicons-controls-skipforward:before {
content: "\f517";
}
.dashicons-controls-volumeoff:before {
content: "\f520";
}
.dashicons-controls-volumeon:before {
content: "\f521";
}
.dashicons-cover-image:before {
content: "\f13d";
}
.dashicons-dashboard:before {
content: "\f226";
}
.dashicons-database-add:before {
content: "\f170";
}
.dashicons-database-export:before {
content: "\f17a";
}
.dashicons-database-import:before {
content: "\f17b";
}
.dashicons-database-remove:before {
content: "\f17c";
}
.dashicons-database-view:before {
content: "\f17d";
}
.dashicons-database:before {
content: "\f17e";
}
.dashicons-desktop:before {
content: "\f472";
}
.dashicons-dismiss:before {
content: "\f153";
}
.dashicons-download:before {
content: "\f316";
}
.dashicons-drumstick:before {
content: "\f17f";
}
.dashicons-edit-large:before {
content: "\f327";
}
.dashicons-edit-page:before {
content: "\f186";
}
.dashicons-edit:before {
content: "\f464";
}
.dashicons-editor-aligncenter:before {
content: "\f207";
}
.dashicons-editor-alignleft:before {
content: "\f206";
}
.dashicons-editor-alignright:before {
content: "\f208";
}
.dashicons-editor-bold:before {
content: "\f200";
}
.dashicons-editor-break:before {
content: "\f474";
}
.dashicons-editor-code-duplicate:before {
content: "\f494";
}
.dashicons-editor-code:before {
content: "\f475";
}
.dashicons-editor-contract:before {
content: "\f506";
}
.dashicons-editor-customchar:before {
content: "\f220";
}
.dashicons-editor-expand:before {
content: "\f211";
}
.dashicons-editor-help:before {
content: "\f223";
}
.dashicons-editor-indent:before {
content: "\f222";
}
.dashicons-editor-insertmore:before {
content: "\f209";
}
.dashicons-editor-italic:before {
content: "\f201";
}
.dashicons-editor-justify:before {
content: "\f214";
}
.dashicons-editor-kitchensink:before {
content: "\f212";
}
.dashicons-editor-ltr:before {
content: "\f10c";
}
.dashicons-editor-ol-rtl:before {
content: "\f12c";
}
.dashicons-editor-ol:before {
content: "\f204";
}
.dashicons-editor-outdent:before {
content: "\f221";
}
.dashicons-editor-paragraph:before {
content: "\f476";
}
.dashicons-editor-paste-text:before {
content: "\f217";
}
.dashicons-editor-paste-word:before {
content: "\f216";
}
.dashicons-editor-quote:before {
content: "\f205";
}
.dashicons-editor-removeformatting:before {
content: "\f218";
}
.dashicons-editor-rtl:before {
content: "\f320";
}
.dashicons-editor-spellcheck:before {
content: "\f210";
}
.dashicons-editor-strikethrough:before {
content: "\f224";
}
.dashicons-editor-table:before {
content: "\f535";
}
.dashicons-editor-textcolor:before {
content: "\f215";
}
.dashicons-editor-ul:before {
content: "\f203";
}
.dashicons-editor-underline:before {
content: "\f213";
}
.dashicons-editor-unlink:before {
content: "\f225";
}
.dashicons-editor-video:before {
content: "\f219";
}
.dashicons-ellipsis:before {
content: "\f11c";
}
.dashicons-email-alt:before {
content: "\f466";
}
.dashicons-email-alt2:before {
content: "\f467";
}
.dashicons-email:before {
content: "\f465";
}
.dashicons-embed-audio:before {
content: "\f13e";
}
.dashicons-embed-generic:before {
content: "\f13f";
}
.dashicons-embed-photo:before {
content: "\f144";
}
.dashicons-embed-post:before {
content: "\f146";
}
.dashicons-embed-video:before {
content: "\f149";
}
.dashicons-excerpt-view:before {
content: "\f164";
}
.dashicons-exit:before {
content: "\f14a";
}
.dashicons-external:before {
content: "\f504";
}
.dashicons-facebook-alt:before {
content: "\f305";
}
.dashicons-facebook:before {
content: "\f304";
}
.dashicons-feedback:before {
content: "\f175";
}
.dashicons-filter:before {
content: "\f536";
}
.dashicons-flag:before {
content: "\f227";
}
.dashicons-food:before {
content: "\f187";
}
.dashicons-format-aside:before {
content: "\f123";
}
.dashicons-format-audio:before {
content: "\f127";
}
.dashicons-format-chat:before {
content: "\f125";
}
.dashicons-format-gallery:before {
content: "\f161";
}
.dashicons-format-image:before {
content: "\f128";
}
.dashicons-format-quote:before {
content: "\f122";
}
.dashicons-format-status:before {
content: "\f130";
}
.dashicons-format-video:before {
content: "\f126";
}
.dashicons-forms:before {
content: "\f314";
}
.dashicons-fullscreen-alt:before {
content: "\f188";
}
.dashicons-fullscreen-exit-alt:before {
content: "\f189";
}
.dashicons-games:before {
content: "\f18a";
}
.dashicons-google:before {
content: "\f18b";
}
.dashicons-googleplus:before {
content: "\f462";
}
.dashicons-grid-view:before {
content: "\f509";
}
.dashicons-groups:before {
content: "\f307";
}
.dashicons-hammer:before {
content: "\f308";
}
.dashicons-heading:before {
content: "\f10e";
}
.dashicons-heart:before {
content: "\f487";
}
.dashicons-hidden:before {
content: "\f530";
}
.dashicons-hourglass:before {
content: "\f18c";
}
.dashicons-html:before {
content: "\f14b";
}
.dashicons-id-alt:before {
content: "\f337";
}
.dashicons-id:before {
content: "\f336";
}
.dashicons-image-crop:before {
content: "\f165";
}
.dashicons-image-filter:before {
content: "\f533";
}
.dashicons-image-flip-horizontal:before {
content: "\f169";
}
.dashicons-image-flip-vertical:before {
content: "\f168";
}
.dashicons-image-rotate-left:before {
content: "\f166";
}
.dashicons-image-rotate-right:before {
content: "\f167";
}
.dashicons-image-rotate:before {
content: "\f531";
}
.dashicons-images-alt:before {
content: "\f232";
}
.dashicons-images-alt2:before {
content: "\f233";
}
.dashicons-index-card:before {
content: "\f510";
}
.dashicons-info-outline:before {
content: "\f14c";
}
.dashicons-info:before {
content: "\f348";
}
.dashicons-insert-after:before {
content: "\f14d";
}
.dashicons-insert-before:before {
content: "\f14e";
}
.dashicons-insert:before {
content: "\f10f";
}
.dashicons-instagram:before {
content: "\f12d";
}
.dashicons-laptop:before {
content: "\f547";
}
.dashicons-layout:before {
content: "\f538";
}
.dashicons-leftright:before {
content: "\f229";
}
.dashicons-lightbulb:before {
content: "\f339";
}
.dashicons-linkedin:before {
content: "\f18d";
}
.dashicons-list-view:before {
content: "\f163";
}
.dashicons-location-alt:before {
content: "\f231";
}
.dashicons-location:before {
content: "\f230";
}
.dashicons-lock-duplicate:before {
content: "\f315";
}
.dashicons-lock:before {
content: "\f160";
}
.dashicons-marker:before {
content: "\f159";
}
.dashicons-media-archive:before {
content: "\f501";
}
.dashicons-media-audio:before {
content: "\f500";
}
.dashicons-media-code:before {
content: "\f499";
}
.dashicons-media-default:before {
content: "\f498";
}
.dashicons-media-document:before {
content: "\f497";
}
.dashicons-media-interactive:before {
content: "\f496";
}
.dashicons-media-spreadsheet:before {
content: "\f495";
}
.dashicons-media-text:before {
content: "\f491";
}
.dashicons-media-video:before {
content: "\f490";
}
.dashicons-megaphone:before {
content: "\f488";
}
.dashicons-menu-alt:before {
content: "\f228";
}
.dashicons-menu-alt2:before {
content: "\f329";
}
.dashicons-menu-alt3:before {
content: "\f349";
}
.dashicons-menu:before {
content: "\f333";
}
.dashicons-microphone:before {
content: "\f482";
}
.dashicons-migrate:before {
content: "\f310";
}
.dashicons-minus:before {
content: "\f460";
}
.dashicons-money-alt:before {
content: "\f18e";
}
.dashicons-money:before {
content: "\f526";
}
.dashicons-move:before {
content: "\f545";
}
.dashicons-nametag:before {
content: "\f484";
}
.dashicons-networking:before {
content: "\f325";
}
.dashicons-no-alt:before {
content: "\f335";
}
.dashicons-no:before {
content: "\f158";
}
.dashicons-open-folder:before {
content: "\f18f";
}
.dashicons-palmtree:before {
content: "\f527";
}
.dashicons-paperclip:before {
content: "\f546";
}
.dashicons-pdf:before {
content: "\f190";
}
.dashicons-performance:before {
content: "\f311";
}
.dashicons-pets:before {
content: "\f191";
}
.dashicons-phone:before {
content: "\f525";
}
.dashicons-pinterest:before {
content: "\f192";
}
.dashicons-playlist-audio:before {
content: "\f492";
}
.dashicons-playlist-video:before {
content: "\f493";
}
.dashicons-plugins-checked:before {
content: "\f485";
}
.dashicons-plus-alt:before {
content: "\f502";
}
.dashicons-plus-alt2:before {
content: "\f543";
}
.dashicons-plus:before {
content: "\f132";
}
.dashicons-podio:before {
content: "\f19c";
}
.dashicons-portfolio:before {
content: "\f322";
}
.dashicons-post-status:before {
content: "\f173";
}
.dashicons-pressthis:before {
content: "\f157";
}
.dashicons-printer:before {
content: "\f193";
}
.dashicons-privacy:before {
content: "\f194";
}
.dashicons-products:before {
content: "\f312";
}
.dashicons-randomize:before {
content: "\f503";
}
.dashicons-reddit:before {
content: "\f195";
}
.dashicons-redo:before {
content: "\f172";
}
.dashicons-remove:before {
content: "\f14f";
}
.dashicons-rest-api:before {
content: "\f124";
}
.dashicons-rss:before {
content: "\f303";
}
.dashicons-saved:before {
content: "\f15e";
}
.dashicons-schedule:before {
content: "\f489";
}
.dashicons-screenoptions:before {
content: "\f180";
}
.dashicons-search:before {
content: "\f179";
}
.dashicons-share-alt:before {
content: "\f240";
}
.dashicons-share-alt2:before {
content: "\f242";
}
.dashicons-share:before {
content: "\f237";
}
.dashicons-shield-alt:before {
content: "\f334";
}
.dashicons-shield:before {
content: "\f332";
}
.dashicons-shortcode:before {
content: "\f150";
}
.dashicons-slides:before {
content: "\f181";
}
.dashicons-smartphone:before {
content: "\f470";
}
.dashicons-smiley:before {
content: "\f328";
}
.dashicons-sort:before {
content: "\f156";
}
.dashicons-sos:before {
content: "\f468";
}
.dashicons-spotify:before {
content: "\f196";
}
.dashicons-star-empty:before {
content: "\f154";
}
.dashicons-star-filled:before {
content: "\f155";
}
.dashicons-star-half:before {
content: "\f459";
}
.dashicons-sticky:before {
content: "\f537";
}
.dashicons-store:before {
content: "\f513";
}
.dashicons-superhero-alt:before {
content: "\f197";
}
.dashicons-superhero:before {
content: "\f198";
}
.dashicons-table-col-after:before {
content: "\f151";
}
.dashicons-table-col-before:before {
content: "\f152";
}
.dashicons-table-col-delete:before {
content: "\f15a";
}
.dashicons-table-row-after:before {
content: "\f15b";
}
.dashicons-table-row-before:before {
content: "\f15c";
}
.dashicons-table-row-delete:before {
content: "\f15d";
}
.dashicons-tablet:before {
content: "\f471";
}
.dashicons-tag:before {
content: "\f323";
}
.dashicons-tagcloud:before {
content: "\f479";
}
.dashicons-testimonial:before {
content: "\f473";
}
.dashicons-text-page:before {
content: "\f121";
}
.dashicons-text:before {
content: "\f478";
}
.dashicons-thumbs-down:before {
content: "\f542";
}
.dashicons-thumbs-up:before {
content: "\f529";
}
.dashicons-tickets-alt:before {
content: "\f524";
}
.dashicons-tickets:before {
content: "\f486";
}
.dashicons-tide:before {
content: "\f10d";
}
.dashicons-translation:before {
content: "\f326";
}
.dashicons-trash:before {
content: "\f182";
}
.dashicons-twitch:before {
content: "\f199";
}
.dashicons-twitter-alt:before {
content: "\f302";
}
.dashicons-twitter:before {
content: "\f301";
}
.dashicons-undo:before {
content: "\f171";
}
.dashicons-universal-access-alt:before {
content: "\f507";
}
.dashicons-universal-access:before {
content: "\f483";
}
.dashicons-unlock:before {
content: "\f528";
}
.dashicons-update-alt:before {
content: "\f113";
}
.dashicons-update:before {
content: "\f463";
}
.dashicons-upload:before {
content: "\f317";
}
.dashicons-vault:before {
content: "\f178";
}
.dashicons-video-alt:before {
content: "\f234";
}
.dashicons-video-alt2:before {
content: "\f235";
}
.dashicons-video-alt3:before {
content: "\f236";
}
.dashicons-visibility:before {
content: "\f177";
}
.dashicons-warning:before {
content: "\f534";
}
.dashicons-welcome-add-page:before {
content: "\f133";
}
.dashicons-welcome-comments:before {
content: "\f117";
}
.dashicons-welcome-learn-more:before {
content: "\f118";
}
.dashicons-welcome-view-site:before {
content: "\f115";
}
.dashicons-welcome-widgets-menus:before {
content: "\f116";
}
.dashicons-welcome-write-blog:before {
content: "\f119";
}
.dashicons-whatsapp:before {
content: "\f19a";
}
.dashicons-wordpress-alt:before {
content: "\f324";
}
.dashicons-wordpress:before {
content: "\f120";
}
.dashicons-xing:before {
content: "\f19d";
}
.dashicons-yes-alt:before {
content: "\f12a";
}
.dashicons-yes:before {
content: "\f147";
}
.dashicons-youtube:before {
content: "\f19b";
} .dashicons-editor-distractionfree:before {
content: "\f211";
} .dashicons-exerpt-view:before {
content: "\f164";
}
.dashicons-format-links:before {
content: "\f103";
}
.dashicons-format-standard:before {
content: "\f109";
}
.dashicons-post-trash:before {
content: "\f182";
}
.dashicons-share1:before {
content: "\f237";
}
.dashicons-welcome-edit-page:before {
content: "\f119";
}
 .cct4u-cookie-icon {
width: 29px;
height: 29px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 6px;
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25));
transition: filter 0.3s ease, transform 0.2s ease;
}
.cct4u-cookie-icon:hover {
filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.35));
transform: translateY(-1px);
}
.cn-header h1:hover .cct4u-cookie-icon,
.cm-header h1:hover .cct4u-cookie-icon,
h1:hover .cct4u-cookie-icon {
filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.35));
transform: translateY(-1px);
}
.cn-header h1,
.cm-header h1 {
cursor: default;
transition: opacity 0.2s ease;
}
.cn-header h1:hover,
.cm-header h1:hover {
opacity: 0.95;
} #klaro .cookie-notice,
#klaro-cookie-notice,
.cookie-modal .cm-modal {
border-radius: 12px !important;
} .cct-4u-preference-link-wrapper {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 9999;
}
.cct-4u-preference-link-wrapper .cct-4u-preference-link-button {
background: none;
border: none;
padding: 5px;
cursor: pointer;
background-color: #333;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
transition: box-shadow 0.3s ease, opacity 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.cct-4u-preference-link-wrapper .cct-4u-preference-link-button:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.cct-4u-preference-link-wrapper .cct-4u-preference-link-button.is-hidden {
display: none !important;
}
.cct-4u-preference-link-wrapper .cct-4u-preference-icon {
display: block;
width: 2em;
height: auto;
}
body.klaro-modal-open .cct-4u-preference-link-wrapper .cct-4u-preference-link-button,
body.klaro-notice-open .cct-4u-preference-link-wrapper .cct-4u-preference-link-button {
opacity: 0;
pointer-events: none;
} #klaro *:focus, #klaro *:focus-visible, #klaro *:focus-within, #klaro *:active, #klaro:focus, #klaro:focus-visible, #klaro:focus-within, #klaro:active,
.klaro *:focus,
.klaro *:focus-visible,
.klaro *:focus-within,
.klaro *:active,
.klaro:focus,
.klaro:focus-visible,
.klaro:focus-within,
.klaro:active,
.cct-4u-preference-link-wrapper *:focus,
.cct-4u-preference-link-wrapper *:focus-visible,
.cct-4u-preference-link-wrapper *:focus-within,
.cct-4u-preference-link-wrapper *:active,
.cct-4u-preference-link-wrapper:focus,
.cct-4u-preference-link-wrapper:focus-visible,
.cct-4u-preference-link-wrapper:focus-within,
.cct-4u-preference-link-wrapper:active {
outline: none !important;
box-shadow: none !important;
}
#klaro button:not(.cct-4u-preference-link-button):focus, #klaro button:not(.cct-4u-preference-link-button):focus-visible, #klaro button:not(.cct-4u-preference-link-button):focus-within, #klaro button:not(.cct-4u-preference-link-button):active,
#klaro a:not(.cct-4u-preference-link-button):focus,
#klaro a:not(.cct-4u-preference-link-button):focus-visible,
#klaro a:not(.cct-4u-preference-link-button):focus-within,
#klaro a:not(.cct-4u-preference-link-button):active,
#klaro input:focus,
#klaro input:focus-visible,
#klaro input:focus-within,
#klaro input:active,
#klaro textarea:focus,
#klaro textarea:focus-visible,
#klaro textarea:focus-within,
#klaro textarea:active,
#klaro select:focus,
#klaro select:focus-visible,
#klaro select:focus-within,
#klaro select:active,
#klaro .cm-btn:focus,
#klaro .cm-btn:focus-visible,
#klaro .cm-btn:focus-within,
#klaro .cm-btn:active,
#klaro .cm-toggle:focus,
#klaro .cm-toggle:focus-visible,
#klaro .cm-toggle:focus-within,
#klaro .cm-toggle:active,
#klaro .cm-switch:focus,
#klaro .cm-switch:focus-visible,
#klaro .cm-switch:focus-within,
#klaro .cm-switch:active,
#klaro [role=button]:focus,
#klaro [role=button]:focus-visible,
#klaro [role=button]:focus-within,
#klaro [role=button]:active,
#klaro [tabindex]:focus,
#klaro [tabindex]:focus-visible,
#klaro [tabindex]:focus-within,
#klaro [tabindex]:active,
.klaro button:not(.cct-4u-preference-link-button):focus,
.klaro button:not(.cct-4u-preference-link-button):focus-visible,
.klaro button:not(.cct-4u-preference-link-button):focus-within,
.klaro button:not(.cct-4u-preference-link-button):active,
.klaro a:not(.cct-4u-preference-link-button):focus,
.klaro a:not(.cct-4u-preference-link-button):focus-visible,
.klaro a:not(.cct-4u-preference-link-button):focus-within,
.klaro a:not(.cct-4u-preference-link-button):active,
.klaro input:focus,
.klaro input:focus-visible,
.klaro input:focus-within,
.klaro input:active,
.klaro textarea:focus,
.klaro textarea:focus-visible,
.klaro textarea:focus-within,
.klaro textarea:active,
.klaro select:focus,
.klaro select:focus-visible,
.klaro select:focus-within,
.klaro select:active,
.klaro .cm-btn:focus,
.klaro .cm-btn:focus-visible,
.klaro .cm-btn:focus-within,
.klaro .cm-btn:active,
.klaro .cm-toggle:focus,
.klaro .cm-toggle:focus-visible,
.klaro .cm-toggle:focus-within,
.klaro .cm-toggle:active,
.klaro .cm-switch:focus,
.klaro .cm-switch:focus-visible,
.klaro .cm-switch:focus-within,
.klaro .cm-switch:active,
.klaro [role=button]:focus,
.klaro [role=button]:focus-visible,
.klaro [role=button]:focus-within,
.klaro [role=button]:active,
.klaro [tabindex]:focus,
.klaro [tabindex]:focus-visible,
.klaro [tabindex]:focus-within,
.klaro [tabindex]:active,
.cct-4u-preference-link-wrapper button:not(.cct-4u-preference-link-button):focus,
.cct-4u-preference-link-wrapper button:not(.cct-4u-preference-link-button):focus-visible,
.cct-4u-preference-link-wrapper button:not(.cct-4u-preference-link-button):focus-within,
.cct-4u-preference-link-wrapper button:not(.cct-4u-preference-link-button):active,
.cct-4u-preference-link-wrapper a:not(.cct-4u-preference-link-button):focus,
.cct-4u-preference-link-wrapper a:not(.cct-4u-preference-link-button):focus-visible,
.cct-4u-preference-link-wrapper a:not(.cct-4u-preference-link-button):focus-within,
.cct-4u-preference-link-wrapper a:not(.cct-4u-preference-link-button):active,
.cct-4u-preference-link-wrapper input:focus,
.cct-4u-preference-link-wrapper input:focus-visible,
.cct-4u-preference-link-wrapper input:focus-within,
.cct-4u-preference-link-wrapper input:active,
.cct-4u-preference-link-wrapper textarea:focus,
.cct-4u-preference-link-wrapper textarea:focus-visible,
.cct-4u-preference-link-wrapper textarea:focus-within,
.cct-4u-preference-link-wrapper textarea:active,
.cct-4u-preference-link-wrapper select:focus,
.cct-4u-preference-link-wrapper select:focus-visible,
.cct-4u-preference-link-wrapper select:focus-within,
.cct-4u-preference-link-wrapper select:active,
.cct-4u-preference-link-wrapper .cm-btn:focus,
.cct-4u-preference-link-wrapper .cm-btn:focus-visible,
.cct-4u-preference-link-wrapper .cm-btn:focus-within,
.cct-4u-preference-link-wrapper .cm-btn:active,
.cct-4u-preference-link-wrapper .cm-toggle:focus,
.cct-4u-preference-link-wrapper .cm-toggle:focus-visible,
.cct-4u-preference-link-wrapper .cm-toggle:focus-within,
.cct-4u-preference-link-wrapper .cm-toggle:active,
.cct-4u-preference-link-wrapper .cm-switch:focus,
.cct-4u-preference-link-wrapper .cm-switch:focus-visible,
.cct-4u-preference-link-wrapper .cm-switch:focus-within,
.cct-4u-preference-link-wrapper .cm-switch:active,
.cct-4u-preference-link-wrapper [role=button]:focus,
.cct-4u-preference-link-wrapper [role=button]:focus-visible,
.cct-4u-preference-link-wrapper [role=button]:focus-within,
.cct-4u-preference-link-wrapper [role=button]:active,
.cct-4u-preference-link-wrapper [tabindex]:focus,
.cct-4u-preference-link-wrapper [tabindex]:focus-visible,
.cct-4u-preference-link-wrapper [tabindex]:focus-within,
.cct-4u-preference-link-wrapper [tabindex]:active {
outline: none !important;
box-shadow: none !important;
} #klaro-cookie-notice {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
#klaro-cookie-notice .cn-body {
padding: 14px;
}
#klaro-cookie-notice .cn-header {
padding: 0 14px;
}
#klaro-cookie-notice .cn-header h1 {
font-size: 28px;
} .cm-powered-by {
display: none !important;
} .cct-4u-placeholder {
position: relative;
padding: 1rem;
border: 1px solid #ddd;
background-color: #f5f5f5;
text-align: center;
} .context-notice-4u {
background-color: transparent;
}
.context-notice-4u .klaro.cm-as-context-notice {
border: 1px solid #c8c8c8;
border-radius: 5px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 12px;
margin-bottom: 12px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.context-notice-4u .klaro.cm-as-context-notice .context-notice {
border: 0;
background-color: transparent;
}
.context-notice-4u .klaro.cm-as-context-notice .context-notice p {
color: #003366;
}
.context-notice-4u .klaro.cm-as-context-notice .context-notice p button {
color: #003366;
}
.context-notice-4u .klaro.cm-as-context-notice .context-notice > p:first-child {
background-color: rgba(255, 255, 255, 0.888);
border-radius: 5px !important;
padding: 2px 12px;
} .cct4u-credit {
margin-top: 10px;
padding-top: 10px;
text-align: center;
font-size: 11px;
color: inherit;
border-top: 1px solid;
border-top-color: inherit;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.cct4u-credit.cct4u-credit-visible {
opacity: 0.5;
transform: translateY(0);
}
.cct4u-credit.cct4u-credit-visible:hover {
opacity: 0.8;
}
.cct4u-credit a {
color: inherit;
text-decoration: none;
transition: opacity 0.3s ease;
}
.cct4u-credit a:hover {
text-decoration: underline;
}
.cct4u-credit-settings {
margin-left: auto;
padding-left: 15px;
font-size: 11px;
color: inherit;
opacity: 0;
transform: translateX(-10px);
transition: opacity 0.5s ease, transform 0.5s ease;
display: flex;
align-items: center;
white-space: nowrap;
}
.cct4u-credit-settings.cct4u-credit-visible {
opacity: 0.5;
transform: translateX(0);
}
.cct4u-credit-settings.cct4u-credit-visible:hover {
opacity: 0.8;
}
.cct4u-credit-settings a {
color: inherit;
text-decoration: none;
transition: opacity 0.3s ease;
}
.cct4u-credit-settings a:hover {
text-decoration: underline;
} #klaro > .klaro > div[id=""] {
display: none !important;
}
#klaro.cookie-notice .cn-header h1 {
color: inherit !important;
}
#klaro.cookie-notice a {
color: inherit !important;
text-decoration: underline;
}
#klaro.cookie-notice a:hover {
opacity: 0.8;
}
#klaro .cookie-modal a {
color: inherit !important;
text-decoration: underline;
}
#klaro .cookie-modal a:hover {
opacity: 0.8;
}
#klaro .cookie-modal .cm-modal {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
#klaro .cookie-modal .cm-modal .cm-header {
border-bottom: none !important;
padding-right: 14px;
}
#klaro .cookie-modal .cm-modal .cm-header h1 {
color: inherit !important;
}
#klaro .cookie-modal .cm-modal .cm-header .cm-close,
#klaro .cookie-modal .cm-modal .cm-header button.hide {
padding-right: 15px;
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
#klaro .cookie-modal .cm-modal .cm-header .cm-close svg,
#klaro .cookie-modal .cm-modal .cm-header button.hide svg {
stroke: currentColor !important;
}
#klaro .cookie-modal .cm-modal .cm-header .cm-close:hover,
#klaro .cookie-modal .cm-modal .cm-header button.hide:hover {
opacity: 0.7;
}
#klaro .cookie-modal .cm-modal .cm-header .hr-header {
margin: 15px 0 0 0;
border: none;
border-top: 1px solid currentColor;
opacity: 0.2;
height: 0;
}
#klaro .cookie-modal .cm-modal .cm-body .cm-purposes li.cm-purpose {
margin-left: 15px;
margin-right: 15px;
}
#klaro .cookie-modal .cm-modal .cm-body .cm-purposes li.cm-purpose:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
margin-bottom: 10px;
}
#klaro .cookie-modal .cm-modal .cm-footer {
border-top: none !important;
}
#klaro .cookie-modal .cm-modal .cm-footer .hr-footer {
margin: 0 0 15px 0;
border: none;
border-top: 1px solid currentColor;
opacity: 0.2;
height: 0;
}
#klaro .cookie-modal .cm-modal .cm-footer .cm-footer-buttons {
display: flex;
align-items: center;
gap: 10px;
} #klaro .cm-switch .slider:before,
#klaro .cm-switch .slider.round:before,
.cm-switch .slider:before,
.cm-switch .slider.round:before {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#klaro .cm-list-label:hover .cm-switch .slider:before,
#klaro .cm-list-label:hover .cm-switch .slider.round:before,
.cm-list-label:hover .cm-switch .slider:before,
.cm-list-label:hover .cm-switch .slider.round:before {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
#klaro .cm-list-input:checked + label .cm-switch .slider:before,
#klaro .cm-list-input:checked + label .cm-switch .slider.round:before {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}  @media (max-width: 1023px) { #klaro .cookie-modal .cm-modal {
max-width: 90% !important;
width: 400px !important;
min-width: 300px !important;
margin: 20px 10px !important;
} #klaro .cookie-modal .cm-modal {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
} #klaro-cookie-notice,
#klaro .cookie-notice {
max-width: 90% !important;
width: 400px !important;
min-width: 300px !important;
margin: 20px 10px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
} @media (max-width: 767px) { #klaro .cookie-modal .cm-modal {
margin: 15px auto !important;
} #klaro-cookie-notice,
#klaro .cookie-notice {
margin: 15px 10px !important;
}
} @media (max-width: 539px) { #klaro .cookie-modal .cm-modal {
max-width: 98% !important;
margin: 10px auto !important;
padding: 15px !important;
} #klaro .cookie-modal .cm-modal .cm-header {
padding-right: 10px !important;
} #klaro .cookie-modal .cm-modal .cm-header .cm-close,
#klaro .cookie-modal .cm-modal .cm-header button.hide {
top: 5px !important;
right: 5px !important;
} #klaro-cookie-notice,
#klaro .cookie-notice {
max-width: 98% !important;
margin: 10px 5px !important;
padding: 15px !important;
}
}