/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*
Theme Name: heroldratgeber_25
Theme URI: http://dubdev.io/
Author: Philipp Dubsky
Author URI: http://dubdev.io/
Version: 1.0.0
Tested up to: 8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hrtgbr25
Tags: cc
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
- Variables
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Buttons
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Variables
--------------------------------------------- */
:root {
--main-font-dark: #333333;
--color-happy-yellow: #fec600;
--color-error-red: #e55934;
--border-radius-10: 10px;
}
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body{
overflow-x: hidden!important;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: 800;
font-family: "Satoshi-Bold", Arial, sans-serif;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
.gform_submission_error.hide_summary {
display: none;
}
.validation_message.gfield_validation_message{
padding:0 15px 5px
}
.form-offer.form-btn-primary .gform_button.button {
min-width: unset;
width: auto;
padding-left: 55px;
padding-right: 55px;
}
.form-container {
padding: 30px 40px;
}
.gfield_required.gfield_required_asterisk {
color: var(--color-error-red);
}
.gfield--type-honeypot,
.gform_required_legend,
.gform_hidden {
display: none;
}
.form-floating .gfield {
background-color: #ffffff;
border-radius: 5px;
margin: 5px 0;
outline: 1.5px solid transparent;
}
.form-floating .gfield.gfield--type-text input,
.form-floating .gfield.gfield--type-email input,
.form-floating textarea {
padding: 22px 17px 8px;
border: 0;
outline: 0;
font-family: "Satoshi-Bold", Arial, sans-serif;
font-weight: 900;
font-size: 18px;
color: #000;
width: 100%;
}
.form-floating .gfield {
position: relative;
}
.form-floating .gfield_label {
position: absolute;
top: 50%;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
left: 16px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
z-index: 1;
}
/* api loading state */
.form-floating .loading {
}
.form-floating .loading::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
margin-top: -14px;
margin-left: -12px;
width: 25px;
height: 25px;
border-radius: 50px;
border: 3px solid #fec60050;
border-top-color: #fec600;
-webkit-animation: loading 1.2s linear infinite;
animation: loading 1.2s linear infinite;
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.form-floating .gfield_label.descup {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
top: 5px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.form-floating .gform_fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-floating .gfield {
width: 100%;
}
.form-floating .gfield--width-quarter {
width: 25%;
}
.form-floating .gfield--width-three-quarter {
width: calc(75% - 10px);
}
.form-floating .large {
max-width: 100%;
}
.form-floating select {
position: relative;
font-family: "Satoshi-Bold", Arial, sans-serif;
border: 0;
outline: 0;
padding: 22px 17px 8px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding-left: 0;
background-color: unset;
z-index: 2;
}
.input-focus {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.form-green .gfield,
.form-yellow .gfield {
border-width: 1px;
border-style: solid;
}
.form-floating .custom-select:after {
position: absolute;
right: 15px;
opacity: 0.7;
top: 50%;
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
content: url('data:image/svg+xml;utf8,');
}
.form-green .gfield {
border-color: #97c3b2;
}
.form-green .gfield input.large:focus + .gfield {
outline-color: #97c3b2;
border-color: #97c3b2;
}
.form-yellow .gfield {
border-color: #fee27f;
}
.form-yellow .input-focus {
outline-color: #fec600;
}
.form-green .input-focus {
outline-color: #338866;
}
.form-floating .gfield--type-consent {
border: 0 !important;
background-color: unset !important;
padding: 0 !important;
}
.form-floating .gfield--type-consent .gfield_label_before_complex {
display: none;
}
.form-floating textarea {
border: 0;
outline: 0;
resize: none;
max-height: 80px;
}
.form-floating .gfield--input-type-consent {
border: 0;
background: none;
padding: 0;
}
.form-floating .validation-message,
.form-floating .has-error label {
color: var(--color-error-red);
}
.form-floating .validation-message {
font-family: "Satoshi-Bold", sans-serif;
font-size: 14px;
font-weight: 900;
margin: 0 0 5px;
width: 100%;
}
.form-floating .validation-message svg {
margin-right: 5px;
}
.form-floating .has-error:not(.val-consent) {
outline-color: var(--color-error-red);
border-color: var(--color-error-red);
}
.form-btn-primary .gform_button.button {
outline: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fec600;
font-family: "Satoshi-Black", sans-serif;
font-weight: 900;
text-transform: uppercase;
width: 100%;
padding: 16px 25px 16px;
border-radius: 30px;
font-size: 18px;
margin-top: 25px;
cursor: pointer;
}
.form-legal {
font-size: 12px;
}
.form-container h4 {
text-align: center;
font-size: 18px;
margin-top: 0;
}
.gfield.gfield--type-captcha,
.gfield.gfield_visibility_hidden {
display: none;
}
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.form-floating .gfield.gfield--type-frcaptcha{
border:0;
background-color: transparent
}
.form-floating .gfield.gfield--type-frcaptcha label{
display: none
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: var(--main-font-dark);
font-family: "Satoshi-Regular", Arial, arial, helvetica, sans-serif;
font-size: 1rem;
line-height: 1.4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
h3 {
font-family: "Satoshi-Bold", Arial, arial, helvetica, sans-serif;
font-weight: 500;
font-size: 18px;
}
h2 {
font-family: "Satoshi-Regular", Arial, arial, helvetica, sans-serif;
font-weight: 400;
font-size: 30px;
text-align: left;
line-height: 140%;
}
h2 b {
font-family: "Satoshi-Bold", Arial, arial, helvetica, sans-serif;
font-weight: 600;
}
@media (max-width: 1120px) {
h2 {
font-size: 26px;
}
}
.container-xl h2 {
margin: 0 0 45px;
width: 100%;
}
@media (max-width: 768px) {
.container-xl h2 {
font-size: 26px;
margin-top: 0;
margin-bottom: 35px;
width: 100%;
}
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/* Elements
--------------------------------------------- */
body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ol {
list-style: decimal;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: #333;
}
a:visited {
color: #000;
}
a:hover,
a:focus,
a:active {
color: unset;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 0;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Containers
--------------------------------------------- */
#page.site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-main,
.site-footer,
.widget-area,
.site-header {
width: 100%;
max-width: 1480px;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width:768px){
.site-main,
.site-footer,
.widget-area,
.site-header {
padding-left: 15px;
padding-right: 15px;
}
}
.site-header{
max-width:1200px;
}
.container-l.site-footer {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer > .container {
max-width: 1200px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 768px) {
.site-footer > .container {
padding-left: 0;
padding-right: 0;
}
}
.container-xl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 45px;
padding-bottom: 45px;
width: 100%;
}
.container-xl.container-features-head {
padding-top: 35px;
padding-bottom: 35px;
}
.container-xl-ablauf-btm {
padding-bottom: 0;
}
.container-xl-ablauf:not(.container-xl-ablauf-btm){
padding-top:135px;
padding-bottom:135px
}
.container-features-big .features-feature.feature-img-big {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.container-features-big .features-feature.feature-img-big p {
margin-left: 25px;
}
.container-ablauf-btm .col:last-child {
padding: 35px 0 80px;
}
.ablauf-ma {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: end;
align-content: flex-end;
}
@media (max-width: 980px) {
.container-xl,
.container-xl.container-features-head {
padding-top: 35px;
padding-bottom: 35px;
}
.container-ablauf-btm .col:last-child {
padding: 35px 0 60px;
}
.container-xl-ablauf {
padding: 40px 15px 50px;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
border-radius: 0 !important;
}
.container-xl-ablauf:not(.container-xl-ablauf-btm){
padding:75px 15px 85px
}
.container-xl-ablauf.container-xl h2 {
margin-bottom: 35px;
}
.container-xl-ablauf-btm {
padding-bottom: 0;
}
/* .container-stestemonial .testemonial-image {
height: 100% !important;
} */
}
@media (min-width:1200px){
.container-xl-ctablock.container-xl{
margin-bottom: 40px;
margin-top: -30px;
}
}
@media (max-width: 768px) {
.container-xl.container-xl-ctablock {
padding-top: 15px;
padding-bottom:65px;
}
.container-ablauf-btm .col:last-child {
padding: 10px 0 30px;
}
}
.container-xl.container-headernav {
padding: 0;
}
.container-xl.container-hero {
padding-top: 60px;
padding-bottom: 70px;
}
.container-l {
max-width: 1170px;
width: 100%;
}
.container .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
margin: 0 10px;
}
@media (max-width: 980px) {
.container-features .col {
margin: 0;
}
.container-xl.container-features-head .container {
margin: 0 10px;
}
}
.container .row-3 .col {
width: 33.33%;
}
.container .row-1 .col {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container .row-2 .col {
width: 50%;
}
.container .row-1-2 .col:first-child {
width: 33.33%;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.container .row-1-2 .col:last-child {
width: 66.66%;
}
.container .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 600px) {
.container-xl.container-features-head .container {
margin: 0;
}
.container-xl.container-features-head {
padding-top: 15px;
padding-bottom: 15px;
}
.container-features .col {
width: 100%;
}
.container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.fl-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 980px) {
.container-kpi-btm {
overflow: hidden;
}
.dot-pag .swiper-pagination-bullet {
width: 15px !important;
height: 15px !important;
background-color: #ffffff;
opacity: 1;
}
.footer-top .fl-end {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.fl-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.col.fl-al-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.container-kpi-btm .feature-2 .p25 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.container-kpi p b {
font-family: "Satoshi-Bold", Arial, sans-serif;
font-size: 22px;
font-weight: 600;
}
.container-kpi p {
font-size: 18px;
}
.container-kpi .btn {
margin: 20px 0 35px;
}
@media (max-width: 900px) {
.container-kpi p,
.container-kpi p b {
font-size: 15px;
}
.container-kpi-btm .feature-2 .p25 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-kpi-btm .feature-2 .p25 img {
max-height: 100px;
margin-bottom: 15px;
width: auto;
}
.container-kpi-btm .feature-2 .p25 p {
margin: 0 !important;
}
}
.container-kpi-btm img {
float: left;
}
@media (max-width: 1250px) {
.container-xl.container-hero,
.container-kpi-btm,
.container-xl-ablauf {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
border-radius: 0 !important;
padding-left: 15px;
padding-right: 15px;
}
.br-xl-container {
border-radius: 0px;
}
}
@media (max-width: 600px) {
.container-kpi .row .col {
overflow: hidden;
}
.container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container:not(.container-features) .col {
width: 100%;
}
}
.hide_summary{
display:none!important
}
.container-features-big {
margin-bottom: 60px;
overflow: hidden;
}
.container-features-big .features-feature,
.container-features .features-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media (max-width: 980px) {
.container-features-big .features-head h3 {
font-size: 18px;
}
.container-features-big h2 {
margin-bottom: 40px;
}
}
.container-features-big .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.container-features-big .row .col {
height: auto;
border-radius: 10px;
}
@media (max-width:768px){
.container-features-big {
margin-bottom:0px
}
}
@media (min-width: 768px) {
.container-features-big .row .col {
width: calc(50% - 20px) !important;
margin: 10px !important;
}
}
.container-features-big .row .col .p25 {
padding: 35px;
}
@media (max-width: 1024px) {
.container-features-big .row .col .p25 {
padding: 20px;
}
}
.container-features-big .features-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.container-features-big .features-head h3 {
margin: 0;
}
@media (max-width: 768px) {
.container-imagetext img {
margin-bottom: 15px;
}
.container-features-big .row .col {
width: 100%;
margin: 10px 0;
}
}
@media (max-width: 980px) {
.container-features-big .features-feature {
padding: 0px !important;
}
}
/* Contact
--------------------------------------------- */
.container-contact-head .col:first-child {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.container-contact-head .site-heading {
padding-top: 50px;
}
.container-contact-head .contact-header-image {
-webkit-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.container.container-contact .col,
.container.container-contact picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.container.container-contact picture{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top:25px
}
.container.xl-contact .row{
padding:0px 25px
}
@media (max-width: 800px) {
}
/* Footer
--------------------------------------------- */
ul.footer-socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-socials li {
margin: 0 15px;
}
.site-footer h3 {
width: 100%;
display: block;
text-align: left;
font-size: 18px;
}
.site-footer .col {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.site-footer .fl-top .col {
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media (min-width: 1024px) {
.site-footer .pl-70 {
padding-left: 70px;
}
}
.footer-top {
margin: 50px 0 80px;
font-size: 18px;
}
.footer-top .col:first-child,
.footer-bottom .col:first-child {
margin-left: 0;
}
.footer-top .col:last-child,
.footer-bottom .col:first-child {
margin-right: 0;
}
.footer-top a {
text-decoration: none;
color: #000000;
}
.footer-top a:hover {
text-decoration: underline;
}
.footer-top .footer-menu ul li {
margin: 5px 0;
}
@media (max-width: 950px) {
.site-footer h3,
.footer-menu {
font-size: 18px;
}
.footer-top .fl-end {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 850px) {
.site-footer .col {
margin: 0;
}
.footer-menu-container {
overflow: hidden;
}
.footer-menu {
max-height: 0;
opacity: 0;
}
.footer-menu.expanded {
max-height: 100%;
opacity: 1;
}
.footer-menu-container h3.expanded:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer-top .footer-menu ul li {
margin: 10px 0;
}
.footer-top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-top .col {
width: 100%;
}
.footer-menu-container {
width: 100%;
}
.footer-menu-container h3 {
cursor: pointer;
margin: 10px 0 5px;
}
.footer-menu-container h3:after {
content: url('data:image/svg+xml;utf8,');
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
float: right;
}
.footer-top {
margin: 10px 0 50px;
}
.footer-copy {
font-size: 13px;
}
}
@media (max-width: 600px) {
.site-footer h3,
.footer-menu {
font-size: 16px;
}
.footer-bottom .col {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 0;
}
.footer-bottom .fl-end {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* Border Radius
--------------------------------------------- */
.br-20 {
border-radius: 20px;
}
.br-t-20 {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.br-b-20 {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.br-xl-container {
border-radius: 20px;
}
.br-15 {
border-radius: 15px;
}
.br-10 {
border-radius: 10px;
}
.br-5 {
border-radius: 5px;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
@media (min-width: 1220px) {
.site-branding {
min-width: 325px;
}
}
.focus > .container-main-menu{
visibility: visible!important;
}
.site-header{
padding-bottom: 0!important;
}
.menu-hauptmenue-container{
display:-ms-grid;
display:grid;
width: 100%;
}
.menu-item .badge{
background:#FEC600;
color:#000;
border-radius: 3px;
padding:2px 5px;
font-size:12px;
font-family:'Satoshi-Bold', Arial, sans-serif;
margin-left:5px;
text-decoration: unset!important;
}
.sub-menu.sub-menu-d1 .sub-menu{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.menu-adslot{
position: relative;
display:-ms-inline-grid;
display:inline-grid;
margin:0!important;
padding:0!important;
border-radius: 10px!important;
overflow: hidden;
-webkit-transition:.2s transform cubic-bezier(0.25, 0.1, 0.25, 0.99);
-o-transition:.2s transform cubic-bezier(0.25, 0.1, 0.25, 0.99);
transition:.2s transform cubic-bezier(0.25, 0.1, 0.25, 0.99);
cursor: pointer !important;
}
.menu-adslot:hover{
opacity:.9;
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
-webkit-transition:.2s transform cubic-bezier(0.25, 0.1, 0.25, 0.99);
-o-transition:.2s transform cubic-bezier(0.25, 0.1, 0.25, 0.99);
transition:.2s transform cubic-bezier(0.25, 0.1, 0.25, 0.99)
}
.container-preheadernav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.preheader-ad a{
font-family:'Satoshi-Bold', Arial, sans-serif;
font-size:15px;
color:#ededed;
text-decoration:none
}
app-basket-icon svg{
fill:#7C8E9A!important;
}
app-basket-icon .Label___idWZO{
background:#7C8E9A!important;
color:#000!important;
}
.preheader-ad a:hover{
text-decoration:underline
}
.preheader-ad{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.no-scroll {
overflow: hidden;
}
.container-headernav {
position: sticky;
top: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.85)!important;
z-index: 999;
}
.container-headernav:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
z-index:-1
}
.menu-adslot-img{
max-width:353px;
}
.mobile-menu-container .preheader-ad{
text-align: center;
background-color: #000;
}
.mobile-menu-container .preheader-ad a{
font-size:14px;
padding:17px 15px;
}
/* Hero Section
--------------------------------------------- */
.container-hero .col:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.container-hero h1,
.container-hero h2 {
display: block;
color: #fff;
text-align: left;
}
.container-hero h1 {
font-size: 40px;
font-family: "Satoshi-Regular", Arial, Helvetica, sans-serif;
font-weight: 400;
}
.container-hero h2 {
font-size: 22px;
font-family: "Satoshi-Medium", Arial, Helvetica, sans-serif;
font-weight: 400;
margin: 30px 0 00px;
}
.container-hero .hero-image {
max-width: 570px;
height: auto;
}
.container-hero:not(.container-hero2) .btn-primary {
margin-top: 40px;
}
@media (max-width: 1280px) {
.container-xl.container-hero {
padding-left: 40px;
padding-right: 40px;
}
.container-hero .hero-image {
width: 100%;
}
}
@media (max-width: 550px) {
.container-hero.container-aboutus-head .site-heading h1 {
padding-right: 0;
}
}
@media (max-width: 980px) {
.container-aboutus-head * {
text-align: left;
}
.container-hero .hero-image {
max-width: 350px;
margin-top: 30px;
}
.container-hero:not(.container-hero2) .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-hero .col {
width: 100%;
}
.container-hero:not(.container-hero2) .col,
.container-hero:not(.container-hero2) .col:last-child {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-hero.container-aboutus-head .col {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.container-hero .site-heading {
width: 100%;
margin-bottom: 15px;
}
.container-hero:not(.container-hero2) .site-heading h1 {
text-align: center;
font-size: 33px;
}
.container-hero.container-aboutus-head .site-heading h1 {
text-align: left;
padding-right: 40%;
}
.container-hero:not(.container-hero2) .site-heading h2 {
font-size: 18px;
text-align: center;
}
.container-hero:not(.container-hero2) .btn-primary {
margin: 10px 0 0;
}
.container-xl.container-hero:not(.form-header, .container-hero2) {
padding: 35px 25px !important;
}
.form-header h1 {
margin-top: 0;
}
.form-header {
padding: 35px 25px !important;
}
.form-header.container-hero .site-heading h2 {
margin: 20px 0 25px;
}
}
.container-hero.form-header h1 {
margin-top: 0;
}
@media (max-width: 768px) {
.container-hero .hero-image{
max-width:300px
}
.container-xl.container-hero:not(.form-header, .container-hero2){
padding:35px 15px!important
}
.container-xl.container-hero:not(.form-header) .col{
margin:0px!important
}
.container-hero.container-aboutus-head .col {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.brdesk {
display: none;
}
.hero-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-image img {
max-width: 350px;
}
.container-xl.container-hero {
overflow: hidden;
}
.form-header .col {
margin: 0;
}
.container-hero .site-heading h1 {
font-size: 26px;
}
.container-hero.container-aboutus-head .site-heading h1 {
text-align: center;
padding-right: 0;
}
.container-aboutus-head .aboutus-logos {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5px;
}
.container-aboutus-head .aboutus-logos img {
max-height: 60px !important;
margin-right: 0 !important;
}
.container-aboutus-head .aboutus-logos img:nth-child(2) {
margin: 0 20px !important;
}
.container-aboutus-head h1 {
margin-top: 0;
}
}
/* KPIs
--------------------------------------------- */
.container-kpi .mh-d-400 {
padding-bottom: 70px;
padding-top:50px
}
@media (min-width:769px){
.container-kpi .mh-d-400 .col:first-child{
padding-right:50px
}
}
@media (max-width:769px){
.container-kpi .mh-d-400 {
padding-bottom: 30px;
padding-top:0px
}
}
.swiper-slide.kpi-slider-slide {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kpi-slider-col .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #eff4f7;
opacity: 1 !important;
}
.kpi-slider-col .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fec600;
}
.kpi-slider-col .swiper-pagination {
margin-top: 40px;
}
.kpi-slider-col {
position: relative;
background-position: center 30%;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
}
.kpi-slider-col .swiper-wrapper{
height:auto!important
}
.kpi-slider-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 35px 20px;
max-width: 300px;
background: -o-linear-gradient(312deg, #fdf0f070 0%, #fff7da70 100%);
background: linear-gradient(138deg, #fdf0f070 0%, #fff7da70 100%);
border-radius: 20px;
opacity: 1;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
margin: 60px 0;
}
.kpi-slider-inner span {
display: block;
width: 100%;
text-align: center;
}
.container-xl.container-kpi {
padding-bottom: 0;
}
.kpi-slider-slide .kpi_num {
font-size: 60px;
font-family: "Satoshi-Medium", Arial, sans-serif;
font-weight: 500;
line-height: 120%;
}
.kpi-slider-slide .kpi_key {
font-size: 22px;
font-family: "Satoshi-Bold", Arial, sans-serif;
font-weight: 600;
}
.kpi-slider-slide .kpi_desc {
font-size: 16px;
font-family: "Satoshi-Medium", Arial, sans-serif;
font-weight: 500;
text-align: center;
margin: 15px 0 20px;
}
.kpi-slider-slide .kpi_copy {
font-size: 12px;
font-family: "Satoshi-Regular", Arial, sans-serif;
font-weight: 500;
text-align: center;
}
@media (max-width: 769px) {
.kpi-slider-col {
background-position: top;
overflow:hidden
}
.kpi-slider-inner {
max-width: 280px;
margin:10px 0
}
.kpi-slider-slide .kpi_num {
font-size: 35px;
}
.kpi-slider-slide .kpi_key {
font-size: 18px;
}
.kpi-slider-slide .kpi_desc {
font-size: 15px;
}
.kpi-slider-slide .kpi_copy {
font-size: 12px;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mh-d-400 .col:last-child {
margin-right: 0;
}
.container-kpi-btm .col.feature {
background-color: #ffffff;
padding: 35px;
-ms-flex-line-pack: start;
align-content: flex-start;
height: auto;
}
@media (min-width: 768px) {
.container-kpi-btm .col.feature {
width: calc(50% - 60px) !important;
margin: 10px !important;
}
}
@media (min-width: 981px) {
.container-kpi-btm .col.feature {
width: calc(50% - 90px) !important;
margin: 10px !important;
}
}
@media (max-width: 980px) {
.container-xl.container-kpi {
/* margin-top: 25px; */
}
.mh-d-400 .kpi-bar {
/*! min-height: 380px */
}
}
@media (max-width: 820px) {
.container-kpi-btm .col.feature.feature-2 {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.container-kpi-btm .col.feature.feature-2 img {
max-height: 100px;
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.kpi-slider .swiper-wrapper,
.features-slider .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 980px) {
.container-kpi-btm .col.feature {
padding: 20px;
}
}
.container-kpi-btm .col.feature img {
min-width: 145px;
height: auto;
}
@media (max-width: 980px) {
.container-kpi-btm .col.feature img {
min-width: 100px;
}
}
.container-kpi-btm .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
@media (max-width: 980px) {
.dot-pag.swiper-pagination {
position: relative;
margin-top: 25px;
}
}
.feature-badge {
padding: 5px 15px;
border-radius: 5px;
}
.container-kpi-btm .feature h3 {
font-family: "Satoshi-Bold", Arial, sans-serif;
display: block;
width: 100%;
}
.container-kpi-btm .feature p {
margin: 0;
}
.container-kpi-btm .col.feature.feature-2 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.container-kpi-btm .col.feature.feature-2 p {
margin: 0 0 0 35px;
}
@media (max-width: 980px) {
.container-kpi-btm .col.feature.feature-2 p,
.container-kpi-btm .feature p,
.feature-badge {
font-size: 15px;
}
.container-kpi-btm .feature h3 {
font-size: 18px;
}
}
.kpi-bar:hover .bar-head {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (max-width: 768px) {
.container-kpi-btm .col.feature {
width: 100%;
padding: 0;
margin: 0;
}
.container-kpi-btm .p25 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px;
}
.container-kpi-btm .feature-2 .p25 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media (max-width: 750px) {
.mh-d-400 .col:last-child {
min-height: 300px;
}
.container-kpi .container .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-kpi .row .col {
width: 100%;
}
.mh-d-400 .col:last-child {
margin: 0;
}
.container-kpi p {
padding: 0;
}
}
.container-kpi-btm.container-xl {
padding-top: 75px;
padding-bottom: 75px;
}
@media (max-width: 768px) {
.container-kpi-btm.container-xl {
padding-top: 45px;
padding-bottom: 25px;
}
}
/* Productsuggestions Empfehlungen
--------------------------------------------- */
.product-s {
position: relative;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024px) and (min-width: 790px) {
.product-s {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-s img {
height: 80px !important;
width: 80px !important;
max-width: 80px !important;
}
.product-s h3 {
margin-left: 0 !important;
text-align: center;
margin-top: 15px !important;
}
}
@media (max-width: 790px) {
.product-s {
width: 100% !important;
margin: 10px 0 !important;
}
.container-pr-sugg .row-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.product-s img {
height: 90px;
width: 90px;
max-width: 90px;
}
.product-s h3 {
font-family: "Satoshi-Bold", Arial, sans-serif;
font-size: 18px;
margin: 0;
margin-left: 30px;
}
.product-s {
text-decoration: none;
}
.container-faq h2,
.container-pr-sugg h2 {
margin-bottom: 50px;
}
.product-s:after {
content: " ";
position: absolute;
top: 0;
right: 0;
width: 99%;
height: 99%;
border-radius: 10px;
background-color: inherit;
z-index: -1;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.product-s:hover:after {
top: -5px;
right: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
/* Ablauf
--------------------------------------------- */
.ablauf-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr);
grid-template-columns: repeat(2, 1fr);
height: 80px;
width: 100%;
}
.col .ablauf-container:not(:last-child) {
margin-bottom: 10px;
}
.question {
display: -ms-grid;
display: grid;
grid-auto-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
padding: 0 35px;
height: 80px;
}
.ablauf-container.active .question .icon-container svg path {
fill: #ffffff;
}
.ablauf-container h3 {
font-size: 18px;
margin: 0;
}
@media (max-width:769px){
.question{
padding:0 20px
}
.ablauf-container h3{
font-family:'Satoshi-Medium', Arial, Helvetica, sans-serif;
font-weight:500;
font-size:15px
}
}
.icon-container {
position: relative;
}
.ablauf-container:last-of-type .question .icon-container:after {
display: none;
}
.answer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
pointer-events: none;
padding-left: 20px;
opacity: 0;
font-family: "Satoshi-Italic", Arial, sans-serif;
font-style: italic;
}
.active .answer {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
@media (max-width: 1050px) {
.container-ablauf-btm .col:first-child {
display: none;
}
.container-ablauf-btm.container .row-1-2 .col:last-child {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.ablauf-container {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(1, 1fr);
height: auto;
width: 100%;
margin: 15px 0;
}
.ablauf-container .answer {
padding-top: 10px;
}
.question .icon-container:not(:last-child)::after {
display: none;
}
.ablauf-container:not(.active) .answer {
display: none;
}
.kd-zitat {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.kd-zitat .testemonials-text.single-testemonials {
margin-left: 0;
margin-top: 15px;
}
.kd-zitat .testemonial-name {
margin-top: 15px !important;
}
.product-s {
margin: 10px 0 !important;
}
}
/* Features Section
--------------------------------------------- */
.container-stestemonial .features-feature,
.container-ablauf-top .features-feature,
.container-features .features-feature {
display: -ms-grid;
display: grid;
grid-auto-flow: column;
padding: 15px 20px 15px;
border-radius: var(--border-radius-10);
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.container-ablauf-top .btn {
margin-bottom: 10px;
}
.container-ablauf-top .col > img {
max-width: 250px;
}
.container-ablauf-top .row .col:nth-child(2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 850px) {
.container-ablauf-top .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-ablauf-top .row .col:nth-child(2) {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.container-ablauf-top .row .col:nth-child(2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 25px;
}
.container-ablauf-top .row .col:nth-child(1),
.container-ablauf-top .row .col:nth-child(3) {
width: calc(50% - 20px);
-ms-flex-line-pack: start;
align-content: flex-start;
}
.container-ablauf-top .features-head {
display: -ms-grid;
display: grid;
place-items: center;
}
.container-ablauf-top .row.row-1 .col {
width: 100%;
}
}
@media (max-width: 1024px) {
.container-ablauf-top h2 {
margin-bottom: 30px;
}
}
@media (max-width: 500px) {
.container-ablauf-top .row .col:nth-child(1),
.container-ablauf-top .row .col:nth-child(3) {
width: 100%;
}
}
@media (max-width: 980px) and (min-width: 600px) {
.features-feature {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.container-features .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-features .col {
margin-bottom: 10px;
width: calc(50% - 5px);
}
.container-features .col:first-child {
margin-right: 10px;
}
.container-features .col:last-child {
margin-left: 10px;
}
}
@media (max-width: 600px) {
.container-features .col {
width: 100%;
}
.features-feature {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.container-features .features-feature {
border-radius: 0;
}
.container-features .col:last-child .features-feature {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.container-features .col:first-child .features-feature {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.container-features .features-feature {
padding: 12px 20px 12px;
}
}
.h-100 {
height: 100%;
}
.w-100 {
width: 100%;
}
.features-image {
display: -ms-grid;
display: grid;
place-items: center;
-ms-grid-row-align: center;
align-self: center;
width: 30px;
min-width: 30px;
height: 30px;
background-color: #fff;
margin-right: 20px;
border-radius: 50%;
}
@media screen and (max-width:1280px){
.features-image{
width:22px;
min-width:22px;
height:22px
}
.features-image img{
-webkit-transform:scale(.75);
-ms-transform:scale(.75);
transform:scale(.75);
}
}
.container-features .features-feature.h-100 p {
line-height: 1.3;
font-family: "Satoshi-Medium", Arial, sans-serif;
}
.features-feature p {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-family: "Satoshi-Regular", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.container-ablauf-top .features-feature p {
font-family: "Satoshi-Medium", Arial, Helvetica, sans-serif;
font-weight: 500;
}
.container-features .features-feature p,
.container-stestemonial .features-feature p {
font-family: "Satoshi-Medium", Arial, Helvetica, sans-serif;
font-weight: 500;
text-wrap: balance;
}
.features-link {
font-family: "Satoshi-Bold", Arial, Helvetica, sans-serif;
font-weight: 900;
display: block;
font-size: 18px;
margin-top: 10px;
}
@media (max-width: 1120px) {
.features-feature p {
font-size: 15px;
}
}
/* Image Text Block
--------------------------------------------- */
.imagetext-text p:last-child {
margin-bottom: 0;
}
.col.fa-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.imagetext-text {
font-size: 18px;
}
@media (max-width: 980px) {
.imagetext-text strong:first-child {
display: block;
}
.imagetext-text {
font-size: 15px;
}
}
/* CTA Banner
--------------------------------------------- */
.gp-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px;
}
.gp-col p {
margin: 0 0 0 35px;
}
.gp-col .innerimg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1024px) {
.gp-col .innerimg {
min-width: 180px;
}
.gp-col .innerimg img {
max-height: 150px;
}
}
.gp-col .innerimg img{
object-fit:contain
}
@media (max-width: 1024px) {
.gp-col {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gp-col img {
margin-bottom: 25px;
min-width: 150px;
max-width:150px
}
.gp-col p {
margin: 0;
}
}
@media (max-width: 1120px) {
.gp-col p {
font-size: 15px;
}
}
@media (max-width: 700px) {
.container-gp .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-gp .col {
width: 100%;
margin: 0;
}
.container-gp .col:not(:last-child) {
margin-bottom: 15px;
}
}
.container-gp h2 {
margin-bottom: 50px;
}
/* CTA Banner
--------------------------------------------- */
.container-ctablock .row-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.container-ctablock .col:first-child {
min-width: 17%;
}
.container-ctablock .row {
padding: 0px 25px 0px 50px;
position: relative;
}
.container-ctablock span, .container-ctablock strong{
font-size:18px
}
@media (max-width:1024px){
.container-ctablock span, .container-ctablock strong{
font-size:16px
}
}
.container-ctablock .cta-img-cont,
.cta-img-cont .ctablock-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.cta-img-cont .ctablock-image {
position: absolute;
bottom: 0;
max-height: 90px;
width: revert;
}
.container-ctablock .col:nth-child(2) {
padding: 45px 20px;
}
@media (max-width: 768px) {
.container-ctablock .col:nth-child(2) {
padding: 0px 20px;
}
}
@media (max-width: 1200px) {
.container-ctablock .col:nth-child(2) {
padding: 0px 60px 0px 0px;
}
.container-ctablock .btn {
padding-left: 20px;
padding-right: 20px;
min-width: 250px;
}
.container-ctablock .row {
padding: 15px 25px;
}
.container-ctablock .col:first-child {
display: none;
}
.container-ctablock .col:last-child {
margin-left: 15px;
}
}
@media (max-width: 650px) {
.container-ctablock .col:nth-child(2) {
padding: 0px 0px 0px 0px;
}
}
@media (max-width: 640px) {
.container-ctablock .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.container-ctablock .col:last-child {
margin-left: 0;
margin-top: 15px;
}
}
/* Testemonials
--------------------------------------------- */
.container-testemonials {
margin: 00px 0;
}
.no-overflow {
overflow: hidden;
padding: 0 10px;
}
@media (max-width: 768px) {
.no-overflow {
padding: 0;
}
}
.slideInLeft {
-webkit-animation: 0.4s ease 0.1s 1 normal forwards running slideInFromLeft;
animation: 0.4s ease 0.1s 1 normal forwards running slideInFromLeft;
}
.testemonials-text span {
display: block;
}
.slideInFromBottom {
-webkit-animation: 0.4s ease 0.2s 1 normal forwards running slideInFromBottom;
animation: 0.4s ease 0.2s 1 normal forwards running slideInFromBottom;
}
@-webkit-keyframes slideInFromBottom {
from {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideInFromBottom {
from {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes slideInFromLeft {
from {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideInFromLeft {
from {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.testemonials {
width: 100%;
height: 100%;
position: relative;
border-radius: 10px;
}
.testemonials-bg-img {
position: absolute;
-webkit-animation-name: floating;
animation-name: floating;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.brmob{
display:block
}
@media (min-width:600px){
.brmob{
display:none
}
}
.testemonial-image-mb {
display: none;
}
@media (max-width: 750px) {
.testemonials-bg-img{
display:none
}
.testemonials .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.testemonials .col {
width: 100%;
}
.testemonial-image-dsk {
display: none;
}
.testemonial-image-mb {
display: block;
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
50% {
-webkit-transform: translate(0, 25px);
transform: translate(0, 25px);
}
100% {
-webkit-transform: translate(0, -0px);
transform: translate(0, -0px);
}
}
@keyframes floating {
0% {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
50% {
-webkit-transform: translate(0, 25px);
transform: translate(0, 25px);
}
100% {
-webkit-transform: translate(0, -0px);
transform: translate(0, -0px);
}
}
.swiper-slide.testemonials-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: auto;
}
.container-testemonials .col:first-child {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.testemonials-text {
font-size: 18px;
margin-right: 70px;
padding: 25px 0;
}
.container-stestemonial .testemonials-text {
padding: 35px 0;
}
.testemonials-text .testemonial-name {
margin-top: 30px;
font-weight: 800;
}
.testemonial-text {
font-family: "Satoshi-Italic", Arial, Helvetica, sans-serif;
font-style: italic;
}
@media (max-width: 980px) {
.testemonial-text {
font-size: 15px;
line-height: 1.4;
}
}
.overflow-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
display: -ms-grid;
display: grid;
place-items: center;
overflow: hidden;
z-index: -1;
}
.testemonial-image-mb {
display: none;
}
@media (max-width: 980px) {
.testemonials-text {
font-size: 15px;
}
}
@media (max-width: 750px) {
.testemonial-image-mb {
display: block;
}
.testemonial-image {
display: none !important;
}
.testemonials-text {
margin-right: 0;
padding: 25px 15px 35px !important;
}
.testemonials-text > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 35px;
}
.testemonials-text > div > div {
text-align: left;
padding-left: 18px;
}
.testemonial-image-mb {
border-radius: 50%;
background-color: #fff;
width: 50px;
height: 45px;
overflow: hidden;
padding-top: 5px;
}
.testemonials-text .testemonial-name {
margin-top: 0;
}
.testemonials-text .testemonial-name,
.testemonials-text .testemonial-job {
width: auto;
}
.testemonials-text div img {
float: left;
}
.testemonials-pagination {
width: 40px !important;
height: 40px !important;
}
.container-testemonials > .container {
/*! display: grid; */
}
.testemonials-pagination img {
-webkit-transform: scale(1.5) translateY(9px) !important;
-ms-transform: scale(1.5) translateY(9px) !important;
transform: scale(1.5) translateY(9px) !important;
}
}
/* Single Testemonials with Features
--------------------------------------------- */
.container-stestemonial .container-testemonials {
margin: 90px 0 20px;
}
.container-stestemonial .row:last-child .col:first-child {
margin-left: 0;
}
.container-stestemonial .row:last-child .col:last-child {
margin-right: 0;
}
@media (max-width: 980px) {
.container-stestemonial .container-testemonials {
margin-top: 60px;
margin-left: -15px;
margin-right: -15px;
border-radius: 0;
width: calc(100% + 30px);
margin-bottom: 10px;
}
.container-stestemonial > .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.container-stestemonial > .row > .col {
width: calc(50% - 20px);
margin: 10px !important;
}
.container-stestemonial .features-feature br {
display: none;
}
}
@media (max-width: 750px) {
.container-stestemonial > .row {
margin-top: 20px !important;
}
.container-stestemonial > .row > .col {
width: 100%;
margin: 0 !important;
}
.container-stestemonial > .row > .col .features-feature {
border-radius: 0;
}
.container-stestemonial > .row > .col:first-child .features-feature {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.container-stestemonial > .row > .col:last-child .features-feature {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
}
/* Kundenlogos Referenzen
--------------------------------------------- */
.container-xl-logos {
margin: 45px 0;
}
.container-xl-logos .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-xl-logos h2 {
text-align: center;
}
.container-xl-logos .btn.btn-primary {
margin: 50px 0 0;
}
.container-xl-logos .customer-logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0;
padding: 0;
list-style: none;
}
.container-xl-logos li {
display: inline;
margin: 10px;
}
.container-xl-pricingtable{
overflow:hidden
}
.container-xl-logos li img {
height: 50px;
width: auto;
-o-object-fit:contain;
object-fit:contain
}
.kd-zitat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
}
.kd-zitat img {
float: left;
}
.kd-zitat .single-testemonials {
margin-left: 60px;
}
.container-logos {
padding: 25px;
}
@media (max-width: 980px) {
.kd-zitat img {
max-width: 300px;
}
.kd-zitat .single-testemonials {
font-size: 15px;
padding: 0;
}
}
@media (max-width: 850px) {
.container-xl-logos {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 20px);
border-radius: 0;
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.customer-logos {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.customer-logos li img {
max-height: 30px;
-o-object-fit: contain;
object-fit: contain;
width:auto;
height:100%
}
.container-logos {
padding: 15px;
}
}
/* FAQs
--------------------------------------------- */
.faq-item {
border-top: 1px solid #c0ccd3;
-webkit-transition: padding-bottom 0.3s ease-out;
-o-transition: padding-bottom 0.3s ease-out;
transition: padding-bottom 0.3s ease-out;
}
.faq-item.open .faq-question {
text-decoration: underline;
}
.faq-item:last-child {
border-bottom: 1px solid #c0ccd3;
}
.faq-question {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.faq-question {
font-family: "Satoshi-Regular", sans-serif;
font-weight: 500;
font-size: 16px;
padding: 19px 20px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (max-width: 768px) {
.faq-question {
padding: 15px 20px;
font-size: 16px;
}
.faq-question svg {
min-width: 25px;
margin-left: 10px;
}
}
.faq-answer {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease-out;
-o-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
padding: 0 20px;
}
.faq-question svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.faq-answer:not([style*="max-height: 0"]) ~ .faq-question svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-question svg.open {
-webkit-transform: rotate(
180deg
);
-ms-transform: rotate(
180deg
);
transform: rotate(
180deg
); /* Or any other style you want to apply when the accordion is open */
}
.faq-item.open {
padding-bottom: 20px;
}
/* Kontaktblock
--------------------------------------------- */
.container-xl-contact {
margin: 45px 0 45px;
padding-bottom: 65px;
color: #000000;
}
@media (max-width: 980px) {
.container-xl-contact {
margin: 70px 0;
padding-bottom: 20px;
padding-top: 20px;
}
.container-xl-pr-sugg {
margin-top: 50px;
}
}
@media (max-width: 768px) {
.container-xl-contact {
padding-bottom: 10px;
padding-top: 0px;
}
.container-xl-contact h2 {
margin-bottom: 25px;
}
.table-contactinfo {
margin: 20px 0 30px;
}
.table-contactinfo * {
vertical-align: middle;
}
.table-contactinfo tr td:first-child {
padding-right: 0;
width: 30px;
}
.table-contactinfo tr td:first-child img {
min-width: 20px;
height: 20px;
width: 20px;
}
.content-contact {
/* padding-left: 20px; */
}
.content-contact span {
font-size: 18px;
}
}
@media (max-width: 980px) {
.content-contact span,
.content-contact .table-contactinfo {
font-size: 15px;
}
}
.table-contactinfo {
line-height: 1.8;
}
.table-contactinfo {
margin: 20px 0 30px;
}
.table-contactinfo * {
vertical-align: middle;
}
.table-contactinfo tr td:first-child {
padding-right: 0;
width: 30px;
}
.table-contactinfo tr td:first-child img {
min-width: 20px;
height: 20px;
width: 20px;
}
.content-contact {
padding-top:25px;
padding-bottom:25px;
padding-right:25px
}
.content-contact b{
display:block;
margin-bottom:13px
}
.content-contact span {
font-size: 18px;
}
@media (max-width: 1300px) {
.container-xl-contact {
border-radius: 0;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.table-contactinfo {
margin: 20px 0;
}
.table-contactinfo td {
text-align: left;
vertical-align: top;
padding: 5px;
}
.container-xl-contact .row {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media (max-width: 980px) {
.container-xl-contact .row .col:first-child picture {
display: -ms-grid;
display: grid;
place-items: center;
max-width:240px
}
.table-contactinfo {
line-height: 1.4;
}
.table-contactinfo{
margin:0px 0px 20px
}
}
@media (max-width: 980px) and (min-width: 768px) {
.container-xl-contact .row .col:first-child img {
min-width: 130%;
}
.container-xl-contact .row {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.container-xl-contact .row .col:first-child {
overflow: hidden;
display: -ms-grid;
display: grid;
place-items: center;
}
}
@media (max-width: 800px) {
.container-xl-contact .col {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1 !important;
-ms-flex: auto !important;
flex: auto !important;
}
.content-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 35px 0 0;
font-size: 15px;
text-align: center;
}
.content-contact span {
text-align:left;
font-size: 15px;
margin-bottom: 25px;
}
.container-xl-contact .row:last-child {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container.container-contact .col:last-child{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.container.container-contact .col:first-child{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
}
@media (max-width: 600px) {
.btn-normalizer {
margin-top: 35px;
}
.container-xl-contact {
margin-top: 20px;
margin-bottom: 20px;
}
.container-contact .btn-normalizer{
width:100%
}
}
/* Produkte Startseite
--------------------------------------------- */
.container-products h3 {
text-align: center;
}
.container-products .col {
margin: 10px;
}
.container-products h3:not(:first-child) {
margin-top: 40px;
}
.pr-card {
height: 100%;
}
.pr-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px;
margin: 10px 0;
position: relative;
cursor: pointer;
width: 100%;
}
a.pr-card {
text-decoration: unset;
}
.pr-card .pr-card-content {
margin-left: 25px;
width: 80%;
}
.pr-card h2 {
font-family: "Satoshi-Bold", arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 22px;
margin: 0;
text-align: left;
}
.pr-card:after {
content: " ";
position: absolute;
top: 0;
right: 0;
width: 99%;
height: 99%;
border-radius: 10px;
background-color: inherit;
z-index: -1;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.pr-card:hover:after {
top: -5px;
right: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.pr-card img {
width: 120px;
max-width: unset;
}
.pr-card:hover h2 {
text-decoration: underline;
}
.chev-right {
display: none;
}
.product-badge{
position: absolute;
right: 10px;
top: 10px;
border-radius: 4px;
background-color: #FEC600;
padding: 4px 9px 6px;
color: #292929;
font-family: 'Satoshi-Bold', Arial, sans-serif;
font-weight: 600;
}
.pr-card .pr-card-content span{
display: none
}
.chev-right {
display: block;
float: right;
width: 50px;
height: 50px;
margin-left:30px
}
@media (max-width: 1200px) {
.container-products h3 {
font-size: 18px;
}
.pr-card h2 {
font-size: 18px;
}
.pr-card-content span {
font-size: 15px;
}
}
@media (max-width: 950px) {
.product-badge{
font-size:14px
}
.pr-card img {
width: 90px;
}
.container-products .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-products .col {
width: 100%;
}
.pr-card {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pr-card .pr-card-content {
margin-right: 20px;
word-wrap: anywhere;
}
}
@media (max-width: 600px) {
.pr-card h2 {
padding: 0;
}
.pr-card {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
}
.pr-card .pr-card-content h2{
display: none
}
.pr-card .pr-card-content span{
display: block;
font-size:16px;
font-family:'Satoshi-Bold', Arial, sans-serif;
font-weight:600
}
.container-products .col {
margin: 10px 0;
}
}
/* Buttons
--------------------------------------------- */
.btn,
.gform_next_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Satoshi-Black", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 16px;
color: #000;
padding: 15px 55px 17px 55px;
text-decoration: none;
border-radius: 50px;
text-transform: uppercase;
cursor: pointer;
text-align: center;
min-width: 300px;
line-height: 130%;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.btn-s{
font-size:14px;
padding:8px 28px;
min-width:unset
}
.hero-container .btn{
min-width:auto
}
@media (max-width: 980px) {
.btn:not(.btn-s) {
padding: 15px 25px 17px 25px;
}
}
.btn.btn-header {
min-width: auto;
border:1px solid #fff!important;
background-color:transparent!important;
color:#fff
}
.btn.btn-header:hover{
background-color:#fff!important;
color:#000!important
}
.btn.btn-primary,
.gform_next_button {
background-color: var(--color-happy-yellow);
}
.btn.btn.btn-primary:hover {
background-color: #ffd43c;
}
.btn.btn-secondary {
border: 1px solid #000;
}
.btn.btn-secondary:hover {
color: #fff;
background-color: #000;
}
@media (min-width: 991px) {
.btn.btn-header {
padding: 6px 15px 7px;
min-width: unset;
text-wrap: nowrap;
}
}
.btn-normalizer {
display: inline-block;
width: auto;
}
@media (max-width: 768px) {
.container-contact .btn-normalizer {
margin-top: 10px;
}
}
/* Image Text Block
--------------------------------------------- */
@media (max-width: 650px) {
.imagetext-text {
margin: 0 !important;
}
.container-imagetext .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-imagetext .col {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-imagetext img {
max-width: 270px;
}
.container-imagetext .col:first-child {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 500px) {
.container-imagetext img {
max-width: 100%;
}
}
.im-head {
font-size: 22px;
font-family: "Satoshi-Medium", Arial, sans-serif;
font-weight: 500;
margin-top: 0;
}
.im-p {
font-size: 18px;
}
@media (max-width: 1120px) {
.im-head {
font-size: 18px;
}
.im-p {
font-size: 15px;
}
}
@media (max-width: 768px) {
.im-p {
margin-bottom: 0;
}
}
/* Scans Overview Header
--------------------------------------------- */
.container-xl.container-hero.container-scansu-head {
padding-top: 60px;
padding-bottom: 25px;
}
.container-xl.container-hero.container-scansu-head .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-xl.container-hero.container-scansu-head .site-heading {
max-width: 900px;
}
.scansu-container .badge{
font-size: 14px;
background-color:#fff;
border-radius: 5px;
padding:1px 6px 3px 6px;
font-family:'Satoshi-Bold', Arial, sans-serif;
font-weight:700
}
.scansu-container h2 {
font-size: 20px;
font-family:'Satoshi-Bold', Arial, sans-serif;
font-weight:700;
margin:15px 0 0;
text-align: left
}
.container-scansu-head {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.container-scansu-btm {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.container-scansu-head .row * {
text-align: center;
}
.scansu-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap:30px
}
.col-checks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 25px;
text-decoration: none !important;
}
@media (max-width: 870px) {
.scansu-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.scansu-container .btn-normalizer {
width: 100%;
}
.btn {
min-width: unset;
}
.container-scansu-btm {
padding-top: 0px;
background: transparent !important;
}
}
/* Navigation
--------------------------------------------- */
.site-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.main-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width:991px){
.main-navigation:not(.toggled) .menu-hauptmenue-container{
display: none
}
}
#primary-menu > li.current-menu-ancestor > a, .current-menu-item:not(.menu-item-has-children) > a{
text-decoration: underline;
-webkit-text-decoration-color: #FEC600;
text-decoration-color: #FEC600;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-thickness: 3px;
text-underline-offset:4px
}
.container-xl.container-preheadernav{
padding:8px 0 8px;
background-color:#000;
height: 48px;
}
.header-cta{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.menu.nav-menu > li > a + .container-main-menu{
position: absolute;
left:0;
width:100vw;
top:100%;
visibility: hidden;
padding-top:40px;
padding-bottom:40px;
cursor: default;
background: #000000E5;
}
.container-main-menu > .container-l{
max-width:1200px;
padding-left:20px;
padding-right:20px
}
#primary-menu > li > a{
pointer-events: none;
cursor:pointer
}
.nav-menu > li{
cursor: pointer
}
@media (min-width:992px){
.mobile-menu-container .preheader-ad, .mobile-menu-container .menu-pre-menue-container{
display: none
}
}
@media (max-width:991px){
.menu.nav-menu > li > a + .container-main-menu{
position: relative;
width:100%;
top:unset;
visibility: hidden;
border-top: none;
padding-top:0;
padding-bottom:0;
display: none;
}
.container-main-menu .container-l {
padding-left:0;
padding-right:0;
}
.focus.menu-item > .container-main-menu{
visibility: visible!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
}
}
@media (min-width:992px){
.menu.nav-menu > li > a:hover + .container-main-menu{
top:100%
}
.container-xl.container-main-menu:hover{
top:100%
}
}
.container-xl.container-main-menu{
top:100%;
left:0;
position:absolute;
background: rgba(14, 15, 17, 0.85);
}
.container-xl.container-main-menu:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
z-index:-1
}
.sub-menu.sub-menu-d1{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.nav-menu .sub-menu.sub-menu-d1 > .menu-item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
flex-direction: column;
width:25%;
}
@media (min-width:992px){
.nav-menu .sub-menu.sub-menu-d1 > .menu-item:not(:last-child){
border-right:1px solid #7C8E9A4D
}
}
.main-navigation .sub-menu a{
font-size: 15px;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.btn-header-dsk {
display: none;
font-size:12px;
line-height:160%
}
@media (min-width: 992px) {
.btn-header-dsk {
display: block;
}
}
@media (max-width: 991px) {
.btn-header {
display: none;
}
.btn.btn-secondary.btn-header {
border: 0;
padding: 15px;
}
.btn.btn-secondary.btn-header:hover {
background-color: transparent;
}
}
@media (min-width: 992px) {
.main-navigation {
width: 100%;
}
#primary-menu > li {
margin: 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#primary-menu > li:last-child {
margin-right: 25px;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
/*! display: block; */
left: auto;
}
.main-navigation .sub-menu li {
/*! width: 100%; */
/*! display: block; */
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
/* Sub Menu */
.main-navigation .sub-menu li a {
border-radius: 3px;
font-family: "Satoshi-Medium", Arial, sans-serif;
}
.main-navigation .sub-menu a{
font-weight: 500;
font-family:'Satoshi-Medium', Arial, sans-serif!important;
cursor:default
}
.main-navigation .sub-menu .sub-menu a{
font-weight:500;
font-family:'Satoshi-Regular', Arial, sans-serif!important;
cursor:pointer
}
.main-navigation .sub-menu .sub-menu li a:hover {
text-decoration: underline
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul,
.mb-show{
display: block;
}
}
.main-navigation a {
font-family: "Satoshi-Bold", Arial, Helvetica, sans-serif;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
font-size: 15px;
color: #EDEDED;
padding: 8px 20px 8px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1023px) {
.main-navigation li:hover > a {
border-color: #fec600;
}
.main-navigation li.focus > a:after{
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}
}
@media screen and (min-width: 994px) {
.menu-toggle, .mb-show, .btn-mobi-nav{
display: none!important;
}
.main-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
@-webkit-keyframes slideMenuIn {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes slideMenuIn {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
#prenav-menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin:0;
padding:0;
list-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#prenav-menu a{
font-size: 15px
}
#prenav-menu a{
color:#757575;
text-decoration: none;
}
#prenav-menu li:not(:last-child){
margin-right:25px
}
.preheader-menu{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.utility-nav-dropdown hr{
margin:5px 0;
background-color:#EFF4F7;
}
.btn-login-dropdown svg{
margin-left:5px
}
.btn-login-dropdown{
font-family:'Satoshi-Bold', Arial, sans-serif;
font-weight:700;
border-radius: 5px;
background: #757575;
padding:3px 10px;
margin-left:20px;
margin-right:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size:15px;
color:#292929
}
div.utility-nav-dropdown{
display: none;
position: absolute;
top:100%;
float:right;
background-color:#fff;
z-index: 5000;
-webkit-box-shadow: 0px 5px 25px 0px #00000040;
box-shadow: 0px 5px 25px 0px #00000040;
padding:5px;
border-radius:5px;
left:40%
}
.utility-nav-dropdown ul, .utility-nav-dropdown li{
list-style-type: none;
margin:0;
padding:0;
}
.utility-nav-dropdown.open {
display: block;
}
.utility-nav-dropdown a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color:unset;
padding:10px;
border-radius: 3px;
}
.utility-nav-dropdown a:hover{
background-color:#EFF4F7;
text-decoration: underline
}
.utility-nav-dropdown a:hover svg rect{
fill:#FEC600
}
.utility-nav-dropdown a svg{
margin-right:10px
}
.preheader-menu{
position: relative
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.site-branding a{
width:120px;
height:auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.custom-logo-link {
display: inline-block;
}
@media (min-width: 769px) {
.site-branding a{
display:-ms-grid;
display:grid;
width: 115px;
padding:17px 0;
}
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
-ms-grid-columns: (1fr);
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/* Navigation Responsive
--------------------------------------------- */
@media (min-width: 1400px) {
.main-navigation a {
padding: 8px 15px 8px;
}
}
@media (min-width: 991px) {
.menu.nav-menu > li.menu-item-has-children > a:after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuMjVMNS41IDUuNzVMMTAgMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
display: -ms-grid;
display: grid;
place-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding-left: 5px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
width: 10px;
height: 10px;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
}
.main-navigation a {
padding: 10px 20px 10px 15px;
}
.main-navigation .sub-menu a{
padding:2px 0;
margin: 5px 0
}
.sub-menu.sub-menu-d1 > li > a{
color: #FEC600;
font-size:14px;
padding-bottom: 15px
}
.sub-menu.sub-menu-d1 > li:not(:first-child){
display: flex;
align-content: center
}
.sub-menu.sub-menu-d1 > li:last-child *:not(.badge){
margin-right:0;
padding-right:0
}
}
@media (max-width: 993px) {
.main-navigation ul ul {
position: relative;
}
.main-navigation ul ul {
-webkit-box-shadow: none;
box-shadow: none;
}
.main-navigation li:hover > a {
background-color: transparent;
}
.sub-menu {
display: none;
}
.focus .sub-menu {
display: block;
position: relative;
left: auto;
float: none;
}
.submenu-ad{
display: none!important;
}
.nav-menu .sub-menu.sub-menu-d1 > .menu-item{
width: 100%
}
.menu.nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
#secondary-menu li:first-child a{
margin-top: 20px
}
#secondary-menu li a{
font-family:'Satoshi-Medium', arial, sans-serif;
font-weight: 400;
font-size:16px;
padding:10px 30px;
border:0
}
#secondary-menu li a svg{
display: none
}
.menu.nav-menu > li {
width: 100%;
}
.menu-toggle {
border: 0;
background: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.site-header .burger-icon {
display: block;
width: 27px;
height: 20px;
}
.nav-menu:not(.inside) {
position: absolute;
background: #0E0F11D9;
top: 60px;
right: 0;
width: 85%;
max-width: 400px;
min-height: 100vh;
z-index: 100;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
overflow: scroll;
padding-bottom: 120px;
display: none;
height: 100%;
}
.nav-menu:not(.inside):before{
content:" ";
width:100%;
height: 100%;
position:absolute;
backdrop-filter:blur(15px);
z-index: -1
}
.main-navigation.toggled .nav-menu:not(.inside) {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: slideMenuIn;
animation-name: slideMenuIn;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-box-shadow:0px 0px 50px #00000016;
box-shadow:0px 0px 50px #00000016;
display: block
}
.site-branding {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.site-navigation {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.header-cta, .container-xl.container-preheadernav{
display: none
}
.menu-item-has-children > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-item-has-children > a:after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuMjVMNS41IDUuNzVMMTAgMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
width: 10px;
height: 10px;
display: -ms-grid;
display: grid;
place-items: center;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-ms-flex-line-pack: center;
align-content: center;
margin-right: 5px;
}
.menu-item-has-children.focus > a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.menu.nav-menu > .focus > a {
text-decoration: underline;
-webkit-text-decoration-color: #FEC600;
text-decoration-color: #FEC600;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-thickness: 3px;
text-underline-offset: 4px;
}
.menu.nav-menu > li > a {
padding: 22px 20px 25px 30px;
}
.menu.nav-menu > li:first-child > a{
border-bottom:0
}
.main-navigation ul.sub-menu {
padding: 0;
}
/* first item */
.sub-menu-d1 > li > a{
font-family:'Satoshi-Bold', arial, sans-serif!important;
padding-left:40px!important;
}
.sub-menu-d1 > li > .sub-menu li{
padding-left:revert
}
.sub-menu-d1 > li > a:after{
display: none!important;
}
.sub-menu-d1 > .menu-item:first-child{
display: none
}
.main-navigation ul.sub-menu a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 15px 9px 50px;
font-family: "Satoshi-Regular", sans-serif;
font-weight: 500;
}
.site-branding {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
}
@media (max-width:768px){
.site-header {
padding: 0 15px;
height: 60px;
}
}
@media (max-width: 1024px) {
.container-contact-head .contact-header-image {
display: none;
}
.container-contact-head .site-heading {
padding-top: 0px;
}
}
@media (max-width: 500px) {
.container-hero .form-container {
padding: 20px;
}
.form-header {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.mobile-logo {
display: none;
max-width: 130px;
}
@media (min-width: 768px) and (max-width: 1220px) {
.mobile-logo {
max-width: 160px;
}
}
@media screen and (max-width: 1220px) {
.footer-logo img {
max-width: 130px;
}
}
/* Fonts Resposnive */
@media (min-width: 768px) and (max-width: 1279px) {
.container-hero h1 {
font-size: 40px;
}
.container-hero h2 {
font-size: 18px;
}
}
@media (max-width: 768px) {
.container-hero h1 {
font-size: 26px;
margin-bottom: 0;
}
.container-hero h2 {
font-size: 15px;
}
}
@-webkit-keyframes blink {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes blink {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.dots {
display: inline-block;
margin-left: 3px;
}
/* 300422 */
.gform_footer{
position: relative
}
#triggerVal{
position: absolute;
height:calc(100% - 25px);
width:100%;
top: 25px;
border-radius: 30px
}
.wobble{
-webkit-animation: vibrate-1 0.5s linear both;
animation: vibrate-1 0.5s linear both;
}
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
.gform_ajax_spinner{
position: absolute;
right: 25px;
bottom: 20px;
}
.page .post-thumbnail{display:none!important}
@media (max-width:767px){
.custom-logo{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
span.h2-sub{
font-family:'Satoshi-Bold', Arial, sans-serif;
font-size:18px;
}
@media (max-width:769px){
span.h2-sub{
font-family:'Satoshi-Bold', Arial, sans-serif;
font-size:16px;
}
}
.form-container{position:relative}
.form-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 25px);
background-color:#fec600;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 30px;
margin-top:25px;
cursor: pointer;
}
.form-overlay > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
height:100%;
width:100%
}
.spinner {
border: 3px solid rgba(0, 0, 0, 0.2);
border-top:3px solid #333;
border-radius: 50%;
width: 30px;
height: 30px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading-text {
color:#292929;
margin:0;
padding-right:20px;
font-family: "Satoshi-Black", sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: 18px;
text-align: center;
}
/*shop integration*/
app-basket-icon{
line-height:100%!important
}
.shop-container {
display: -ms-grid;
display: grid;
padding: 16px 48px 48px 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-grid-columns: minmax(0, 8fr) 48px 4fr;
grid-template-columns: minmax(0, 8fr) 4fr;
gap: 0 48px;
max-width: 1440px;
width: 100%;
}
/* @media screen and (min-width:1024px) and (min-height:1000px){
.shop-container .shop-summary{
position: sticky;
top: 110px;
}
} */
@media screen and (max-width: 1023px) {
.shop-container {
padding: 16px 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 1023px) {
.shop-container .shop-summary {
background: #fff;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
border-top: 1px solid #e2e2e2;
border-radius: 0;
}
}
.shop-trustbox {
border-radius: 4px;
padding: 24px;
-webkit-box-shadow: 0 1px 1px 0 hsla(0,0%,8%,.05);
box-shadow: 0 1px 1px 0 hsla(0,0%,8%,.05);
border: 1px solid #e2e2e2;
margin-top: 24px;
font-size:14px;
color:#395066
}
.shop-trustbox .trusts{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.shop-trustbox .trusts span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:20px
}
.shop-trustbox .trusts img{
opacity:.8;
width:13px;
margin-right:10px
}
.shop-disclaimer {
margin-top: 24px;
font-size: 0.95rem;
color: #666;
}
.card-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.card{
display:-ms-grid;
display:grid;
place-items:center;
border:1px solid rgb(211, 211, 211);
margin-right:15px;
border-radius:5px;
padding:3px 5px;
max-width:55px;
}
@media screen and (max-width:1024px){
.shop-trustbox{
padding:14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shop-trustbox .trusts span{
margin-bottom:0
}
.shop-trustbox .trusts span:not(:first-child){
display:none
}
.shop-trustbox .trusts span, .card-container{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.domain-center-dm.container-xl{
padding:60px 0;
margin:60px 0;
}
.domain-center-dm .container-l{
max-width:770px;
text-align: center;
}
.domain-center-dm{
font-size:18px
}
.domain-center-dm .dm-check-container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 560px;
margin: 50px auto 0;
}
.dm-check-container app-domain-checker-form{
width:100%
}
app-domain-checker-form{
min-height: 56px!important;
}
.image-content img{
border-radius: 10px;
}
.hmd-fig picture{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.jf-cnt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.hmd-fig{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hmd-fig picture, .hmd-fig figcaption{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.hmd-fig figcaption{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size:16px;
-ms-flex-line-pack:center;
align-content:center
}
.hmd-fig figcaption h3.h3-secondary{
text-align:left!important
}
.hmd-fig.img-right figcaption{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.hmd-fig.img-right picture{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
h3.h3-light{
font-family: "Satoshi-Regular", Arial, sans-serif;
font-weight: 400;
font-size: 30px
}
.wsb-p p{
font-size:18px
}
.facts-container{
max-width:580px
}
.fact svg{
margin-right:20px
}
.facts-container .fact{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border:2px solid #EFF4F7;
border-radius: 10px;
padding:22px 20px;
margin:10px 0
}
.facts-container b, .facts-container span{
display: block
}
.hmd-fig:not(.img-right) figcaption{
padding-left: 100px
}
.hmd-fig.img-right figcaption{
padding-right: 100px
}
@media (max-width:800px){
.mb-pd-15{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.hmd-fig:not(.img-right) figcaption, .hmd-fig.img-right figcaption{
padding-left: 0px;
padding-right:0px
}
.hmd-fig{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hmd-fig.img-right{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.hmd-fig figcaption{
margin-top:30px;
}
.hmd-fig img{
max-width:400px;
width:80%
}
.hmd-fig.img-right picture{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.hmd-fig picture{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width:500px){
.hmd-fig figcaption .btn{
width:100%!important
}
}
.hmd-fig img{border-radius:10px;overflow:hidden;height:100%;-o-object-fit:contain;object-fit:contain}
.domain-nhl h2{
margin-bottom:20px;
}
h3.h3-secondary{
font-family:"Satoshi-Bold", Arial, arial, helvetica, sans-serif;
margin: 0px 0px 50px;
color: #7C8E9A;
text-align: center;
}
@media (max-width:800px){
h3.h3-secondary{
font-size:18px
}
}
.d-ab-outter{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width:100%;
}
.d-ab-container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #EFF4F7;
border-radius: 10px;
padding:20px;
}
.d-ab-container .number-circle{
display:-ms-grid;
display:grid;
place-items:center;
width:30px;
height:30px;
min-width:30px;
background: #EFF4F7;
border-radius: 50%;
}
.d-ab-container .d-ab-text{
padding-left:15px;
font-size: 16px
}
.d-ab-container .d-ab-text b{
display: block
}
.d-ab-outter .d-ab-container:not(:last-child){
margin-bottom:20px
}
.hmd-fig ul{
margin:25px 0 0;
padding-left:30px
}
.hmd-fig h3.h3-secondary{
margin-bottom:5px;
}
.products-slider .swiper-inner{
border: 1px solid #EFF4F7;
border-radius:15px;
padding:30px 40px
}
.domain-center-dm p{
font-size: 16px
}
.domain-center-dm.fs-18 p{
font-size:18px
}
@media (max-width:769px){
.domain-center-dm.container-xl{
margin-left:-15px;
margin-right:-15px;
width:calc(100% + 30px);
padding-left:15px;
padding-right:15px;
border-radius:0!important
}
.domain-center-dm.container-xl.m10{
margin-left:00px;
margin-right:00px;
padding-left:10px;
padding-right:10px;
width:100%
}
}
.dm-tab-nav-item[aria-selected="true"] {
border: 1px solid #7C8E9A4D!important
}
.container-ctl > p{
text-align: center;
font-size:18px;
max-width:700px;
margin:0 auto;
padding-bottom:30px;
}
@media (max-width:1000px) and (min-width:599px){
.text-content{
padding-left:0!important;
}
}
.ctl3{
margin-top:30px;
margin-bottom:60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:20px;
}
.ctl{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:40px 30px;
border: 1px solid #EFF4F7;
border-radius: 15px;
display: -ms-grid;
display: grid;
place-items:center;
}
.ctl span{
font-family: 'Satoshi-Bold', Arial, sans-serif;
font-weight: 700;
font-size: 18px;
text-align: center;
}
.ctl p{
font-size: 16px;
text-align: center;
margin-bottom:0
}
@media (max-width: 769px){
.ctl3{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important;
}
.ctl{
width:100%!important;
}
}
.v-banner{
background-color:#f0f4f7;
border-radius: 15px;
}
@media (max-width:750px){
.v-banner{
padding-left:15px;
padding-right:15px
}
}
@media (max-width:700px){
.v-banner .row{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
}
.v-banner .col{
width:100%;
padding-right:15px
}
}
.badge-big{
-webkit-box-shadow: 0px 10px 30px 0px #7C8E9A66;
box-shadow: 0px 10px 30px 0px #7C8E9A66;
border-radius: 10px;;
background-color:#fff;
padding:10px 20px
}
.v-banner strong{
text-align: center;
font-size:18px
}
.v-banner .col{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.v-banner .btn{
margin-top: 40px
}
.domain-center-dm a{
color:#333333
}
@media (max-width:800px) and (min-width:600px){
.hmd-fig figcaption{
margin:30px auto;
width:600px
}
.hmd-fig picture {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width:800px){
.hmd-fig picture{
max-width:unset!important
}
.hmd-fig figcaption{
margin-left:10px;
margin-right:10px
}
}
@media (max-width:800px){
.fl-dr.domain-nhl figure{
-webkit-box-orient:vertical!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important;
}
.fl-dr .hmd-fig.img-right picture{
-webkit-box-ordinal-group:2!important;
-ms-flex-order:1!important;
order:1!important;
}
}
@media (max-width: 600px) {
.dm-tab-panel table td {
padding: 5px 10px!important;
font-size:14px
}
}
.mobi-login ul {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease;
-o-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.mobi-login ul.active {
display:block!important;
max-height: 200px;
}
.mobi-login .login{
font-family: 'Satoshi-Medium', arial, sans-serif;
font-weight: 400;
font-size: 16px;
padding: 10px 30px;
}
.btn.btn-primary.btn-mobi-nav{
color:#333;
font-size:16px;
padding:11px 25px;
margin:10px 15px 30px;
}
.mobi-login li a{
color: #292929;
font-size: 16px;
font-family: 'Satoshi-Regular', Arial, sans-serif;
font-weight: 500;
word-wrap: break-word;
margin-left:20px;
margin-top:5px
}
.mobi-login li a svg{
margin-right:15px
}
.mobi-login ul.active {
display: block !important;
max-height: 200px;
}
.mobi-login ul {
max-height: 0;
overflow:hidden;
-webkit-transition:max-height 0.3s ease;
-o-transition:max-height 0.3s ease;
transition:max-height 0.3s ease;
}
/*shop integration end*/
.page.post-password-required{
display: -ms-grid;
display: grid;
place-items:center;
z-index:900;
background-color: #eff4f7;
border-radius: 15px;
padding-top:25px;
padding-bottom:25px;
height:100%;
width:100%;
}
.password-container{
display: -ms-grid;
display: grid;
place-items:center;
border-radius: 10px;
background-color: #fff;
padding:45px 85px;
max-width:900px;
overflow: hidden;
}
.password-container img{
margin-left:-85px;
margin-right:-85px;
width:calc(100% + 170px);
margin-top: -50px;
max-width:unset
}
.password-container svg{
max-width:70px;
height: 100%
}
.password-container svg path{
fill:#7C8E9A;
}
.post-password-form{
display: -ms-grid;
display: grid;
place-items:center;
}
.post-password-form p{
font-weight:900;
font-size: 18px;
color: #7C8E9A;
margin-bottom: 0
}
.password-container input[type=password]{
border-radius:5px;
padding:7px 15px;
min-height: 56px;
width:100%;
}
.password-container input[type=submit]{
margin-top:40px
}
.number-circle{
display: -ms-grid;
display: grid;
place-items:center;
width:40px;
height:40px;
background-color: #EFF4F7;
border-radius: 50%;
font-family: 'Satoshi-Regular', Arial, sans-serif;
font-weight: 400;
font-size: 22px;
}
.jf-c{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width: 100%
}
.jf-c .number-circle{
margin-right:15px
}
@media (max-width:700px){
.post-password-required h1{
text-align: center;
font-size:22px
}
.post-password-form p{
font-size:16px;
text-align: center
}
.post-password-form .btn-primary{
width:100%;
}
.page.post-password-required{
background-color: #fff!important;
}
.password-container{
padding:00px!important;
}
.password-container svg{
max-width:40px!important;
}
}
.container-xl.container-main-menu:after{
content:" ";
position: absolute;
width:100%;
background: rgba(0, 0, 0, 0.25);
height:100vh;
top:100%;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
.container-xl.container-main-menu{
-webkit-box-shadow: 5px 9px 10px -10px #0007;
box-shadow: 5px 9px 10px -10px #0007;
}
.bg-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: -1;
}
.bg-container {
position: absolute;
top: -2500px;
left: 50%;
transform: translateX(-50%);
width: 3258px;
height: 3258px;
border-radius: 50%;
background-color: #EAE0C8
}
body {
background-color:#eff4f7
}
.success-story-grid {
display:grid;
grid-auto-rows:1fr;
grid-template-columns:1fr 1fr 1fr;
gap:20px
}
.single-story h3 {
font-family:'Satoshi-Medium',Arial,sans-serif;
font-weight:500;
font-size:16px;
color:#292929;
margin:0 0 35px
}
.single-story .pre-text {
font-family:'Satoshi-Bold',Arial,sans-serif;
font-weight:500;
font-style:700;
font-size:16px
}
.success-story-card,
.hero-story {
overflow:hidden;
background-color:#fff;
border-radius:10px;
border:1px solid #AAA3;
transition:.2s
}
.success-story-card:hover .pre-text,
.hero-story:hover .pre-text {
text-decoration:underline;
transition:.2s
}
.single-story * {
text-decoration:none
}
.hero-story {
max-width:375px;
box-shadow:0 5px 40px 0 #1B1A5633;
cursor:pointer
}
.success-story-card:hover,
.hero-story:hover {
box-shadow:0 5px 20px 0 #00000026;
transition:.2s
}
.container-xl.success-storys h1 {
font-family:'Satoshi-Bold',Arial,sans-serif;
font-weight:700;
font-size:30px;
margin:0 0 10px;
font-size:18px
}
.container-xl.success-storys h2 {
font-family:'Satoshi-Bold',Arial,sans-serif;
font-weight:700;
font-size:30px;
text-align:left;
margin:0 0 0
}
#btn-hero {
margin-top:20px
}
.story-text {
padding:20px 30px 30px
}
.thumbnail {
width:100%;
padding-top:56.25%;
background-size:110%;
background-position:center center;
background-repeat:no-repeat;
overflow:hidden;
transition: background-size 0.2s ease, background-position 0.2s ease;
}
.product-container {
display:flex;
flex-direction:row;
gap:10px
}
.blog_sidebar{
display:none!important;
opacity:0!important;
height:0!important;
width:0!important
}
.story-product-badge {
background:#EFF4F7;
padding:5px 10px;
border-radius:5px;
font-size:12px;
font-family:'Satoshi-Medium',Arial,sans-serif;
font-weight:500;
color:#292929
}
.single-story {
position:relative;
text-decoration:none
}
.arrow {
position:absolute;
right:10px;
top:10px;
display:grid;
place-items:center;
width:25px;
height:25px;
border:1px solid rgba(255,255,255,.5);
backdrop-filter:blur(40px);
border-radius:5px
}
.single-story:hover .arrow {
background:rgba(254,198,0,1);
border:1px solid rgba(255,255,255,.5)
}
.single-story:hover .arrow path {
stroke:#000
}
.pill-kpi {
display:grid;
place-items:center
}
.pill {
position:absolute;
transform:rotate(-10deg);
border-radius:50px;
padding:10px 50px;
height:80px;
width:250px;
background:#FEC600
}
.pill-kpi span {
margin:0 auto;
width:100%;
z-index:90;
display:flex;
place-items:center;
font-family:'Satoshi-Regular',Arial,sans-serif;
font-weight:400;
font-size:60px
}
.kpi-3col p {
display:block;
width:100%;
text-align:center;
margin-top:35px
}
.kpi-3col .col {
justify-content:center
}
.container-xl.kpi-3col h2 {
font-family:'Satoshi-Bold',Arial,sans-serif;
font-weight:700;
font-size:20px;
margin-bottom:65px
}
.single-story-head span,
.single-story-head h1,
.single-story-testemonial p,
.container-l>h2,
.single-story-testemonial span.name,
.single-story-kpi p {
font-family:'Satoshi-Bold',Arial,sans-serif;
;
font-weight:700
}
.single-story-head span:not(.story-product-badge) {
font-size:18px
}
.single-story-head h1 {
font-size:26px;
margin:10px 0 20px
}
.single-story-head .container-l {
display:flex;
flex-direction:row;
gap:40px
}
.single-story-head {
margin:70px 0
}
.story-link:hover{
transition: background-size 0.2s ease, background-position 0.2s ease;
}
.story-link:hover .thumbnail{
background-size:120% auto;
transition: background-size 0.26s ease, background-position 0.2s ease;
}
.story-logo-container {
width:150px;
aspect-ratio:1 / 1;
box-shadow:0 5px 40px 0 #1B1A5633;
border-radius:10px;
padding:10px;
background-color:#fff;
display:flex;
align-content:center;
justify-content:center;
height:100%
}
.story-logo-container a {
display:flex
}
.story-logo-container picture {
display:grid
}
.js-cen {
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center
}
.container-ww {
padding:40px;
background-color:#fff;
border-radius:10px
}
.story-single-content .container-l h3 {
margin-top:0
}
.story-single-content .container-l p {
margin-bottom:40px
}
.container-xl.mw-1080,
.container-xl.mw-760 {
padding-top:10px;
padding-bottom:10px
}
.container-xl.mw-760>.container-l {
max-width:760px
}
.mw-1080>.container.container-l {
max-width:1080px
}
.container-ww h3 {
margin-top:0
}
.container-ww p:not(:last-child) {
margin:0 0 40px
}
.single-story-testemonial .container {
display:flex;
flex-direction:row;
gap:40px;
justify-content:center;
align-items:center
}
.single-story-testemonial p {
font-size:18px;
font-style:italic;
margin-bottom:20px!important
}
.container-l>h2 {
margin-top:50px!important;
font-size:20px
}
.single-story-testemonial img {
width:120px;
min-width:120px;
height:auto;
border-radius:10px;
overflow:hidden
}
.single-story-testemonial .textcontent {
display:flex;
flex-direction:column;
justify-content:center
}
.single-story-testemonial span {
display:block;
font-size:14px
}
.single-story-kpi .container {
display:grid;
place-items:center
}
.single-story-kpi span {
font-family:'Satoshi-Regular',Arial,sans-serif;
font-weight:400;
font-size:60px;
line-height:100%
}
.single-story-kpi p {
margin:20px 0 0
}
@media (max-width:1170px) {
.success-story-grid,
.success-storys .container,
.filter-form{
padding:0 25px
}
}
@media (max-width:1100px) {
.success-story-grid {
grid-template-columns:1fr 1fr
}
.story-text {
padding:20px 20px 30px
}
}
@media (max-width:675px) {
.success-story-grid {
grid-template-columns:1fr
}
.success-storys .row {
flex-direction:column
}
.success-storys .col {
width:100%;
justify-content:center;
margin:0
}
.success-storys h2 {
text-align:center!important;
font-size:30px!important
}
.success-storys .col:first-child {
text-align:center;
margin-bottom:35px
}
.kundenlogos-v3 {
max-width:100vw;
overflow:hidden
}
.container-xl-logos {
margin-left: -20px !important;
margin-right: -20px !important;
width: calc(100% + 30px) !important;
}
}
@media (max-width:550px) {
.single-story-testemonial .container {
flex-direction:column
}
.container-ww {
padding:20px
}
}
@media (max-width:475px) {
.single-story-head {
margin:30px 0
}
.single-story-head .container {
flex-direction:column;
justify-content:center;
width:100%;
align-items:center;
text-align:center
}
.js-cen {
text-align:center;
justify-content:center!important;
align-items:center!important
}
}
.single-story .meta{
display: flex;
justify-content: space-between;
align-items: center;
}
.single-story .meta time{
font-family: 'Satoshi-Medium', Arial, sans-serif;
font-style: Medium;
font-size: 12px;
color: #757575BF;
}
/*single post*/
/*single post*/
/*single post*/
h1.heroldblog_single_title{
font-family: 'Satoshi-Bold', Arial, sans-serif;
font-weight: 700;
font-size: 30px;
margin:20px 0 30px
}
.meta-header{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
font-size: 12px
}
.headerimg_desc{
font-family: 'Satoshi-Medium', Arial, sans-serif;
font-weight: 500;
font-size: 12px;
text-align: center;
color: #757575BF;
margin: 15px 0 40px
}
.herold_header_single img, .herold_header_single{
border-radius: 20px;
overflow: hidden
}
.wp-block-column h2.wp-block-heading, h2{
font-family: 'Satoshi-Bold', Arial, sans-serif;
font-weight: 700;
font-size: 26px;
text-align: left;
margin:50px 0 20px
}
.wp-block-column > h2:first-of-type{
margin-top: 0
}
h3.wp-block-heading, h4.wp-block-heading{
margin:40px 0 20px
}
.post .entry-content{
max-width:766px;
margin:0 auto
}
.post .entry-content > p{
font-size: 16px;
margin:0 0 40px
}
.wp-block-image figcaption, .wp-block-image figcaption a{
color: #757575BF;
font-size: 12px;
text-align: center
}
/* content container */
.entry-content > .wp-block-columns > .wp-block-column:first-child{
flex-basis:100%!important;
}
.entry-content > .wp-block-columns > .wp-block-column:last-child{
display: none!important;
flex-basis:0!important;
}
.entry-content > .wp-block-columns{
flex-basis: 100%!important;
border: 1px solid #AAAAAA66;
padding:40px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
background-color:#fff;
border-bottom:0
}
@media (max-width:769px){
.entry-content > .wp-block-columns{
padding:20px;
margin-left:-15px;
margin-right:-15px;
width:calc(100% + 30px);
border-radius: 0;
border:0
}
.wp-block-column h2.wp-block-heading, h2{
font-size:22px
}
.related-posts .row{
grid-template-columns: repeat(1, 1fr)!important;
}
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
width:100%!important;
flex-basis: 100%!important;
}
.article-metabox .row{
flex-direction:column;
border-radius: 10px;
overflow: hidden;
}
.article-metabox{
background-color:#fff;
border: 1px solid #AAAAAA66;
border-top: 0;
padding: 40px;
background-color: #fff;
}
.article-metabox .col{
margin: 0;
}
.article-metabox .meta-autor{
background-color: #FEC600;
padding: 20px 25px;
}
.article-metabox .meta-rating{
background-color: #FFF5D1;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 20px 25px;
}
div#ez-toc-container{
position: relative!important;
width: 100%;
border-radius: 10px;
background-color:#fff;
overflow: hidden;
padding: 14px 25px;
}
div#ez-toc-container:hover{
background-color:#eff4f7;
border-color:#eff4f7;
}
.ez-toc-title{
font-size:16px!important;
}
.ez-toc-title-toggle a i{
display: none;
}
.ez-toc-title-toggle {
font-size: 0;
position: absolute;
width:100%;
left:0;
right:0;
top:0;
transform: translateY(-50%);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: 0.3s ease;
line-height: 0;
}
.ez-toc-title-toggle a{
left:0;
right:0;
top:20px;
bottom:0;
position: relative;
width:100%;
background-color:black!important;
}
.ez-toc-title-toggle a::before {
transform: rotate(180deg);
content: "";
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTA0IDUwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA0IDUwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzYzQ0NDg7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNzIuNCwyOTguN2MwLDIuOC0xLDUuNi0yLjksNy44Yy00LjMsNS0xMS45LDUuNi0xNi45LDEuM0wyNTIsMjIxLjFsLTEwMC42LDg2LjdjLTUsNC4zLTEyLjYsMy44LTE2LjktMS4zICAgICAgICAgICAgICAgICAgICAgICAgICBjLTQuMy01LTMuOC0xMi42LDEuMy0xNi45bDEwOC40LTkzLjRjNC41LTMuOSwxMS4yLTMuOSwxNS43LDBsMTA4LjQsOTMuNEMzNzEsMjkyLDM3Mi40LDI5NS40LDM3Mi40LDI5OC43eiIvPgo8L2c+CjxkaXYgeG1sbnM9IiIgaWQ9ImRpdlNjcmlwdHNVc2VkIiBzdHlsZT0iZGlzcGxheTogbm9uZSIvPjxzY3JpcHQgeG1sbnM9IiIgaWQ9Imdsb2JhbFZhcnNEZXRlY3Rpb24iIHNyYz0ibW96LWV4dGVuc2lvbjovL2MzZDJjMzNkLWFiNGYtNDdiNS05YjNiLWQ3NWI5NzYzOTJiNS9qcy93cnNfZW52LmpzIi8+PC9zdmc+");
display: block;
height: 49px;
background-size: 35px;
background-repeat: no-repeat;
transition: 0.3s ease;
background-position: 2% top;
}
#ez-toc-container a.ez-toc-toggle{
position: relative!important;
background-image:none!important;
background:transparent!important;
border: 0!important;
outline: 0!important;
}
.ez-toc-list li{
padding:4px 0!important;
font-size:16px!important;
}
.wp-block-list{
margin-left: 0
}
.herold_gelb_border{
background: #FFF5D1;
border-radius: 10px;
padding:30px 20px
}
.herold_gelb_border ul{
margin-left:0;
padding-left:20px;
margin-bottom: 0
}
.herold_gelb_border li, .wp-block-list li{
padding:5px 0
}
.herold_gelb_border p{
margin: 0!important;
}
.herold_blog_cta_box{
background: #F4F4F4;
border-radius: 10px;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 30px;
padding-left: 40px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column
}
.herold_blog_cta_box .cta_box_button_wrapper a{
display: flex;
margin-top: 25px
}
.herold_blog_cta_box a{
border-radius: 100px;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
background: #FEC600;
font-family: 'Satoshi-Black', Arial, sans-serif;
font-weight: 900;
font-size: 12px;
text-decoration: none;
text-transform: uppercase
}
.herold_blog_cta_box .cta_box_text{
font-family: 'Satoshi-Bold', Arial, sans-serif;
font-weight: 700;
font-size: 16px;
}
.kundenlogos-v3 .img-col img{
display: flex
}
.kk-star-ratings{
display: flex;
flex-direction: column-reverse;
justify-content: center;
}
.kk-star-ratings .kksr-legend{
margin:-5px 0 10px
}
.kk-star-ratings .kksr-legend{
font-family: 'Satoshi-Bold', Arial, sans-serif;
font-weight: 700;
font-size: 14px!important;
color:#292929;
opacity: 1!important;
}
.submenu-ad{
display: flex;
align-items: center;
justify-content: space-between;
padding:17px 40px;
border-radius: 5px;
margin-top: 40px;
border: 1px solid #7C8E9A4D;
max-width:1160px;
}
.submenu-ad span{
font-size:21px;
color:#fff;
margin-left:20px;
}
.submenu-ad .btn{
font-family:'Satoshi-Black', Arial, sans-serif;
font-weight:700;
color:#000;
min-width: unset;
transition:none!important
}
.submenu-ad > div{
display: flex;
align-items: center;
}
#menu-item-141002{
text-decoration: underline;
text-underline-offset: 23px;
text-decoration-thickness: 4px;
text-decoration-color: #fec600;
}
@media (max-width:880px){
#search_query{
min-width:unset!important;
width:100%
}
}
@media (max-width:755px){
.success-story-grid, .success-storys .container, .filter-form{
padding:0 20px
}
.filter-dropdown .cd-selected {
padding: 10px 40px 10px 20px!important;
}
.filter-form > .row{
flex-direction: column;
}
.filter-form > .row > .col{
width: 100%
}
[data-target="filter_content_art"] .cd-options{
left:0!important;
}
[data-target="filter_category"] .cd-options{
right:0!important;
}
.filter-form .col:first-child{
justify-content: space-between!important;
}
#search_query{
min-width:unset!important;
width:100%;
margin-top: 20px
}
#search_query {
position: relative;
border: 1px solid #AAAAAA33;
border-radius: 10px;
padding: 14px 15px 15px 20px !important;
background-size: 42px!important;
background-repeat: no-repeat;
background-position: right 4px center;
font-size: 16px;
font-family: 'Satoshi-Medium', Arial, sans-serif;
font-weight: 500;
}
}
#ajax-pagination ul{
padding:0
}
.herold_gelb_border ul{
list-style: none;
margin: 0;
padding: 0;
}
.herold_gelb_border li p{
display: flex;
flex-direction: row;
gap:10px;
align-items: center;
}
.herold_gelb_border li img{
width:32px;
height:32px;
}
@media (max-width:769px){
.article-metabox .meta-autor{
flex-direction: column!important;
justify-content: center!important;
text-align: center!important;
}
.article-metabox{
width:calc(100% + 30px);
margin-left:-15px;
margin-right:-15px;
border:0
}
.rtg-nl-subsribe .hs-form .hs_email{
min-width: unset!important;
justify-content: center!important;
}
}