:root {
--itg-color-primary: #060922;
--itg-color-secondary: #0a7ed1;
--itg-color-text: #060922;
--itg-color-title-soft: #fafaf8;
--itg-color-text-soft: #f7f7f4;
--itg-color-bg: #fbfbfa;
--itg-color-surface: #fcfcfb;
--itg-color-border: rgba(6, 9, 34, 0.12);
--itg-color-border-strong: rgba(6, 9, 34, 0.2);
--itg-color-shadow: rgba(6, 9, 34, 0.08);
--itg-color-transparent-blue: #0a7ed10d;
--itg-color-mobile-white: #eff3f6;
--itg-font-sans: 'Jost', sans-serif;
--itg-font-body: var(--itg-font-sans);
--itg-font-heading: var(--itg-font-sans);
--itg-font-nav: var(--itg-font-sans);
--itg-font-size-body: 1.25rem;
--itg-line-height-body: 1.6;
--itg-font-size-nav: 1.1rem;
--itg-line-height-nav: 1.5;
--itg-font-weight-nav: 500;
--itg-font-size-h1: 3.5rem;
--itg-line-height-h1: 1.1;
--itg-font-weight-h1: 700;
--itg-font-size-h2: 2.5rem;
--itg-line-height-h2: 1.15;
--itg-font-weight-h2: 700;
--itg-font-size-h3: 1.5rem;
--itg-line-height-h3: 1.3;
--itg-font-weight-h3: 600;
--itg-font-size-h4: 1.25rem;
--itg-line-height-h4: 1.25;
--itg-font-weight-h4: 600;
--itg-letter-spacing-h4: 0.08em;
--itg-text-transform-h4: uppercase;
--itg-font-size-link: 1rem;
--itg-font-size-button: 1.25rem;
--itg-font-weight-button: 400;
--itg-container-max: 1320px;
--itg-breakpoint-md: 768px;
--itg-breakpoint-lg: 1025px;
--itg-widget-gap: 20px;
--itg-space-2xs: 0.25rem;
--itg-space-xs: 0.5rem;
--itg-space-sm: 0.75rem;
--itg-space-md: 1rem;
--itg-space-lg: 1.5rem;
--itg-space-xl: 2rem;
--itg-space-2xl: 3rem;
--itg-space-3xl: 4rem;
--itg-radius-button: 0 1rem 0 1rem;
--itg-radius-card: 1.25rem;
--itg-radius-field: 0.875rem;
--itg-transition-base: 180ms ease;
--itg-button-bg: transparent;
--itg-button-text: var(--itg-color-secondary);
--itg-button-border: var(--itg-color-secondary);
--itg-button-hover-bg: var(--itg-color-secondary);
--itg-button-hover-text: var(--itg-color-text-soft);
--itg-box-shadow-default: 0px 0px 5px 0px rgba(114, 114, 114, 0.5019607843137255);
--itg-border-shadow: 1px solid rgba(114, 114, 114, 0.2);
} html {
font-size: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--itg-color-bg);
color: var(--itg-color-text);
font-family: var(--itg-font-body);
font-size: var(--itg-font-size-body);
line-height: var(--itg-line-height-body);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: var(--itg-color-primary);
font-family: var(--itg-font-body);
font-size: var(--itg-font-size-link);
text-decoration-thickness: 0.08em;
text-underline-offset: 0.14em;
text-decoration-color: var(--itg-color-secondary) !important;
transition:
color var(--itg-transition-base),
opacity var(--itg-transition-base);
&.elementor-item-active {
&:after {
border: none !important;
background-color: transparent !important;
}
}
&:link {
text-decoration-line: underline;
text-decoration-style: dashed;
text-decoration-color: var(--itg-color-secondary) !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 0.32em !important;
white-space: normal !important;
}
}
a:hover,
a:focus-visible {
color: var(--itg-color-secondary);
}
p,
ul,
ol,
dl,
blockquote {
margin: 0 0 var(--itg-space-lg);
}
li,
p {
a {
position: relative;
&:link {
text-decoration-line: underline;
text-decoration-style: dashed;
text-decoration-color: var(--itg-color-secondary);
text-decoration-thickness: 1px;
text-underline-offset: 0.32em;
white-space: normal !important;
}
&:after { }
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 var(--itg-space-md);
font-family: var(--itg-font-heading);
}
h1 {
font-size: var(--itg-font-size-h1);
line-height: var(--itg-line-height-h1) !important;
font-weight: var(--itg-font-weight-h1);
}
h2 {
font-size: var(--itg-font-size-h2);
line-height: var(--itg-line-height-h2) !important;
font-weight: var(--itg-font-weight-h2);
}
h3 {
font-size: var(--itg-font-size-h3);
line-height: var(--itg-line-height-h3) !important;
font-weight: var(--itg-font-weight-h3);
}
h4 {
color: var(--itg-color-secondary);
font-size: var(--itg-font-size-h4);
line-height: var(--itg-line-height-h4) !important;
font-weight: var(--itg-font-weight-h4);
letter-spacing: var(--itg-letter-spacing-h4);
text-transform: var(--itg-text-transform-h4);
}
h4::before,
h4::after {
content: '•';
display: inline-block;
position: relative;
top: 0.1rem;
font-size: 1.25rem;
}
h4::before {
padding-right: 0.2rem;
}
h4::after {
margin-left: 0.2rem;
}
img,
picture,
svg,
video {
display: block;
max-width: 100%;
height: auto;
}
button,
input,
select,
textarea {
font: inherit;
}
section,
.itg-section,
.elementor-section,
.e-con {
position: relative;
} button,
.elementor-button,
.wp-element-button,
.itg-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5em;
min-height: 3rem;
padding: 0.8rem 1.35rem;
border: 1px solid var(--itg-button-border);
border-radius: var(--itg-radius-button);
background: var(--itg-button-bg);
color: var(--itg-button-text);
font-family: var(--itg-font-body);
font-size: var(--itg-font-size-button);
font-weight: var(--itg-font-weight-button);
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition:
background-color var(--itg-transition-base),
color var(--itg-transition-base),
border-color var(--itg-transition-base),
transform var(--itg-transition-base),
box-shadow var(--itg-transition-base);
}
button:hover,
button:focus-visible,
.elementor-button:hover,
.elementor-button:focus-visible,
.wp-element-button:hover,
.wp-element-button:focus-visible,
.itg-button:hover,
.itg-button:focus-visible {
background: var(--itg-button-hover-bg);
color: var(--itg-button-hover-text);
border-color: var(--itg-button-hover-bg);
transform: translateY(-1px);
box-shadow: 0 0.75rem 2rem rgba(10, 126, 209, 0.18);
}
button:focus-visible,
.elementor-button:focus-visible,
.wp-element-button:focus-visible,
.itg-button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid rgba(10, 126, 209, 0.35);
outline-offset: 3px;
} .itg-section--soft,
.itg-surface,
.itg-card,
.elementor-widget-form,
.elementor-widget-shortcode form {
background: var(--itg-color-surface);
}
.itg-card {
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border: 1px solid var(--itg-color-border);
border-radius: var(--itg-radius-card);
box-shadow: 0 1rem 2.5rem var(--itg-color-shadow);
}
.itg-card > :last-child,
.itg-stack > :last-child {
margin-bottom: 0;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
select,
textarea,
.elementor-field,
.elementor-field-textual {
width: 100%;
min-height: 3rem;
padding: 0.85rem 1rem;
border: 1px solid var(--itg-color-border-strong);
border-radius: var(--itg-radius-field);
background: #fff;
color: var(--itg-color-text);
transition:
border-color var(--itg-transition-base),
box-shadow var(--itg-transition-base);
}
textarea,
textarea.elementor-field-textual {
min-height: 9rem;
resize: vertical;
}
input::placeholder,
textarea::placeholder,
.elementor-field::placeholder {
color: rgba(6, 9, 34, 0.5);
}
input:focus,
select:focus,
textarea:focus,
.elementor-field:focus,
.elementor-field-textual:focus {
border-color: var(--itg-color-secondary);
box-shadow: 0 0 0 4px rgba(10, 126, 209, 0.12);
}
.elementor-field-group,
.itg-stack {
display: grid;
gap: var(--itg-widget-gap);
}
.elementor-widget-text-editor p {
line-height: 1.5;
} .elementor-element {
--widgets-spacing: var(--itg-widget-gap) var(--itg-widget-gap);
--widgets-spacing-row: var(--itg-widget-gap);
--widgets-spacing-column: var(--itg-widget-gap);
}
.u-surface {
background: var(--itg-color-surface);
}
.u-bg {
background: var(--itg-color-bg);
}
.u-text-primary {
color: var(--itg-color-primary);
}
.u-text-secondary {
color: var(--itg-color-secondary);
}
.u-text-soft {
color: rgba(6, 9, 34, 0.72);
}
.u-center {
text-align: center;
}
.u-stack-xs > * + * {
margin-top: var(--itg-space-xs);
}
.u-stack-sm > * + * {
margin-top: var(--itg-space-sm);
}
.u-stack-md > * + * {
margin-top: var(--itg-space-md);
}
.u-stack-lg > * + * {
margin-top: var(--itg-space-lg);
}
.u-stack-xl > * + * {
margin-top: var(--itg-space-xl);
}
.u-radius-card {
border-radius: var(--itg-radius-card);
}
.u-shadow-card {
box-shadow: 0 1rem 2.5rem var(--itg-color-shadow);
}  .logo-link img,
.logo-link svg {
display: block;
width: auto;
max-width: 100%;
height: 70px;
max-height: 70px;
margin-top: 3px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
header .logo-link,
.elementor-element-02d1b77 .elementor-widget-container {
min-height: 73px;
}
header.is-sticky .logo-link svg {
stroke: #fff;
fill: #fff;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
:where(#header) {
--c-primary: var(--itg-color-primary);
--c-secondary: var(--itg-color-secondary);
--c-text: var(--itg-color-text);
--c-accent: var(--itg-color-title-soft);
--c-warm-white-text: var(--itg-color-text-soft);
max-height: 90px;
}
.custom-logo {
display: inline-block;
width: 100%;
max-width: 177px !important;
max-height: 70px !important;
}
.custom-logo svg {
width: 100%;
}
:where(#header) svg {
fill: var(--c-primary);
}
:where(#header) ul li a,
:where(#header) ul li a:hover {
position: relative;
}
:where(#header) ul li a::after,
:where(#header) ul li a:hover::after {
content: unset;
display: none;
border-bottom: 0;
}
:where(#header) ul li a::before,
:where(#header) ul li a:hover::before {
content: '\2022';
position: absolute;
top: 1.3rem;
left: 0.3rem;
display: inline-block;
color: var(--c-secondary);
font-size: 2rem;
line-height: 1;
transition: color 0.3s ease-in-out;
}
:where(#header).is-sticky {
background-color: var(--c-secondary);
}
:where(#header).is-sticky ul li a {
color: var(--c-warm-white-text);
}
:where(#header).is-sticky .elementor-nav-menu--main .elementor-item:hover,
:where(#header).is-sticky .elementor-nav-menu--main .elementor-item.elementor-item-active,
:where(#header).is-sticky .elementor-nav-menu--main .elementor-item.highlighted,
:where(#header).is-sticky .elementor-nav-menu--main .elementor-item:focus-visible {
color: var(--c-warm-white-text);
fill: var(--c-warm-white-text);
}
:where(#header).is-sticky ul li a::before,
:where(#header).is-sticky ul li a:hover::before,
:where(#header).is-sticky ul li a.elementor-item-active::before {
color: var(--c-warm-white-text);
}
:where(#header).is-sticky svg {
fill: var(--c-warm-white-text);
}
ul.elementor-nav-menu li:last-child a,
ul.elementor-nav-menu li:last-child a:hover {
padding-right: 0;
}
ul.elementor-nav-menu li a:link {
text-decoration: none !important;
}  header {
z-index: 10;
position: fixed;
}
#header {
width: 100% !important;
.header__inner {
position: relative !important;
width: calc(100% - 4rem) !important;
max-width: 1320px !important;
margin-inline: auto !important;
position: fixed;
.e-con-inner {
.custom-logo,
.custom-logo > div {
height: 70px;
min-height: unset;
}
}
.elementor-menu-toggle {
display: none;
}
#itg-hamburger {
position: absolute;
display: none;
width: 31px;
.hamburger,
.hamburger:hover {
background-color: transparent !important;
border-radius: 0;
box-shadow: none;
padding: 0;
.hamburger-box {
width: 30px;
height: 21px;
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
height: 2px;
width: 30px;
}
}
}
}
}
} .section {
padding-inline: 0;
padding-block: clamp(4.5rem, 7vw, 7rem);
padding-top: 130px !important;
&#hero {
padding-top: 140px !important;
}
.section__inner {
display: flex;
align-items: center;
width: min(calc(100% - 4rem), 1320px) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
align-self: center !important;
.elementor-element:not(.abo):not(.soforthilfe__inner):not(#zone1):not(#zone2) {
padding-inline: 0;
.e-con-inner {
padding-block: 0 !important;
}
}
}
&#hero {
#hero-whatsapp-text,
#hero-contact-text {
p {
line-height: 1.5;
margin-bottom: 0 !important;
}
}
#hero-google-reviews {
margin-bottom: 2rem;
.wp-google-list {
.grw-header-inner {
padding-bottom: 0 !important;
.rpi-flx {
flex-direction: row !important;
}
}
}
}
#hero-second-cta {
a {
p {
margin-bottom: 0 !important;
}
}
}
}
#soforthilfe-preisbox-mobile {
display: none;
}
.abo-price {
margin-top: auto;
}
.abo-plus {
margin-top: -1rem;
}
.elementor-field-group {
gap: 10px !important;
margin-bottom: 25px !important;
}
textarea {
border-radius: 0.875rem !important;
}
button#senden {
margin-top: 10px;
padding: 10px;
}
.border-title {
position: relative;
&:after {
content: '';
border-bottom: 3px solid var(--e-global-color-secondary);
width: 30px;
position: absolute;
bottom: -8px;
}
}
.step {
padding-right: 0.5rem !important;
}
.step:not(:last-child) {
border-right: var(--itg-border-shadow);
}
.step a {
font-size: var(--itg-font-size-body);
}
.circle-number p {
position: relative;
margin-bottom: 0;
z-index: 1;
margin-top: 14px;
&:after {
content: '';
position: absolute;
background-color: rgba(10, 126, 209, 0.05);
width: 50px;
height: 50px;
left: 0;
z-index: 0;
border-radius: 50%;
top: -5px;
}
}
.service-text {
li {
list-style-type: none;
i {
color: var(--e-global-color-secondary);
margin-right: 0.5rem;
position: relative;
top: 1px;
}
}
}
.privat-preis-text {
h3 {
margin: 0;
font-size: 1.8rem;
}
h5 {
font-size: 1.1rem;
display: block;
margin: 0;
text-align: center;
font-weight: 400;
}
}
&#kmu {
position: relative;
&:before,
&:after {
content: '';
display: flex;
height: 50%;
position: absolute;
width: 100vw;
z-index: -1;
}
&:before {
background: linear-gradient(180deg, rgba(251, 251, 250, 1) 0%, rgba(10, 126, 209, 0.1) 100%);
top: 0;
}
&:after {
background: linear-gradient(0deg, rgba(251, 251, 250, 1) 0%, rgba(10, 126, 209, 0.1) 100%);
top: 50%;
}
#kmu-service-raster {
grid-template-rows: auto auto auto;
row-gap: 10px;
> div.elementor-element {
column-gap: 0;
align-items: stretch;
> div.elementor-element {
row-gap: 10px;
}
&:nth-child(-n + 2) {
align-self: stretch;
}
&:nth-child(odd):after {
content: '';
position: relative;
border-right: var(--itg-border-shadow);
left: 11px;
z-index: -1;
}
&:nth-child(-n + 4):before {
content: '';
position: absolute;
top: 6px;
border-bottom: var(--itg-border-shadow);
z-index: -1;
}
h3 {
font-size: 1.1rem;
margin-bottom: 0.6rem;
}
p {
margin-bottom: 0;
font-size: 1rem;
}
}
svg {
width: 30px;
}
.elementor-icon {
i {
position: relative;
top: 0.3rem;
margin-right: 0.3rem;
&:before {
box-sizing: content-box;
font-size: 1.5rem;
color: var(--itg-color-secondary);
background-color: var(--itg-color-bg);
border-radius: 50%;
padding: 5px;
}
}
}
}
#kmu-paket-stunden-gueltigkeit {
background-color: var(--itg-color-bg);
border-radius: 1rem;
#kmu-stunden,
#kmu-gueltigkeit {
column-gap: 0;
justify-content: center;
div .elementor-widget-container {
align-items: center;
display: flex;
}
}
#kmu-stunden {
justify-content: flex-end;
padding-right: 1rem;
&:after {
content: '';
height: 100%;
display: flex;
position: absolute;
right: -11px;
top: 0;
border-right: var(--itg-border-shadow);
}
}
#kmu-gueltigkeit {
justify-content: flex-start;
padding-left: 1rem;
}
.elementor-icon-wrapper {
display: flex;
align-items: center;
}
.elementor-icon {
i {
align-items: center;
display: flex;
&:before {
font-size: 1.8rem;
color: var(--itg-color-secondary);
}
}
}
p {
font-size: 1.1rem !important;
margin-bottom: 0;
}
}
.kmu-abo-raster-box {
background-color: var(--itg-color-bg) !important;
}
.kmu-services-title {
display: none;
}
#kmu-cta {
> .elementor-element {
padding-top: 1rem;
padding-bottom: 1rem;
}
.elementor-icon {
i {
&:before {
font-size: 4rem;
color: var(--itg-color-secondary);
}
}
}
p {
margin-bottom: 0;
}
.elementor-widget-container {
margin-bottom: 0;
}
}
#kmu-paket-frage {
.elementor-widget-icon {
display: flex;
align-self: center !important;
}
p {
margin-bottom: 0;
}
}
#kmu-cta {
align-self: flex-end;
}
}
&#kundenstimmen {
.section__inner {
> .e-con-inner {
row-gap: 3rem !important;
}
}
}
&#faq {
.elementor-element-a5ecf20 {
.e-n-accordion-item-title {
display: grid;
grid-template-columns: 2.75rem minmax(0, 1fr);
align-items: center;
gap: 0.25rem;
padding: 0.85rem 0.85rem 0.85rem 0 !important;
> span {
&:nth-child(2) {
padding-bottom: 0;
}
}
}
.e-n-accordion-item-title-header {
grid-column: 2;
min-width: 0;
}
.e-n-accordion-item-title-text {
font-size: clamp(1.05rem, 0.95vw, 1.2rem);
line-height: 1.45;
}
.e-n-accordion-item-title-icon {
grid-column: 1;
grid-row: 1;
display: flex;
align-items: flex-start;
justify-content: center;
width: 2.5rem;
min-width: 2.5rem;
padding: 0.15rem 0.65rem 0.35rem 0.25rem;
box-sizing: border-box;
color: var(--itg-color-secondary);
}
.e-n-accordion-item-title-icon svg {
width: 0.85rem;
height: 0.85rem;
fill: currentColor;
}
.e-n-accordion-item > [role='region'] {
padding: 1rem 0.85rem 1rem 3rem !important;
}
.e-n-accordion-item > [role='region'] > .e-con-inner {
padding: 0 !important;
}
.e-n-accordion-item > [role='region'] .elementor-widget-text-editor {
padding: 0 !important;
}
.e-n-accordion-item > [role='region'] p,
li {
font-size: clamp(1.05rem, 0.95vw, 1.2rem);
line-height: 1.45;
}
details {
p {
margin-bottom: var(--itg-space-lg) !important;
&:last-child {
margin-bottom: 0 !important;
}
}
}
}
}
&#einzugsgebiet {
.elementor-widget-text-editor {
.elementor-widget-container {
align-items: center;
display: flex;
p {
margin-bottom: 0;
}
}
}
#einzugsgebiet-2spalten-container {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch !important;
margin-bottom: 1rem;
#einzugsgebiet-linke-spalte,
#einzugsgebiet-karte-container {
width: 100%;
}
#einzugsgebiet-zonen-wrapper {
padding-bottom: 0;
}
#einzugsgebiet-karte-container,
#einzugsgebiet-karte-container > div,
#einzugsgebiet-karte-container > div > div {
display: flex;
height: 100% !important;
min-height: 0;
width: 100%;
}
}
#zone1,
#zone2 {
align-self: stretch !important;
> div > div > div.elementor-widget-container {
display: flex;
align-items: center;
}
.zonen-titel {
.elementor-icon-wrapper {
border: 1px solid var(--itg-color-secondary);
border-radius: 50%;
height: 2.3rem;
width: 2.3rem;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--itg-color-transparent-blue);
svg {
width: 1.6rem;
position: relative;
top: 0;
height: auto;
fill: var(--itg-color-secondary);
}
}
p {
font-weight: 600;
font-size: 1.2rem;
}
}
.zone-preis {
p {
font-size: 1.8rem;
color: var(--itg-color-secondary);
width: 100%;
font-weight: 600;
text-align: center;
}
}
.zone-pauschale p {
width: 100%;
text-align: center;
font-size: 1.1rem;
}
.zonen-anmerkung {
background-color: #0a7ed10d;
border-radius: 2rem;
column-gap: 1rem;
padding: 0.5rem 1rem !important;
.elementor-widget-icon {
flex: 0 0 29px;
width: 29px;
}
.elementor-icon-wrapper {
background-color: transparent;
border: none;
display: flex;
.elementor-icon {
i {
display: flex;
align-items: center;
width: 29px;
margin-right: 0;
&:before {
color: var(--itg-color-secondary);
font-size: 1.8rem;
}
}
}
}
p {
font-size: 1rem;
margin-left: 0;
}
}
.zone-region {
p {
font-size: 1rem;
}
}
}
#einzugsgebiet-infotext {
> div:first-child {
box-shadow: var(--itg-box-shadow-default);
border-radius: 2rem;
padding: 1rem 2rem !important;
column-gap: 35px;
.elementor-widget-icon {
.elementor-widget-container {
display: flex;
align-items: center;
.elementor-icon-wrapper {
.elementor-icon {
height: 100%;
i {
display: flex;
align-items: center;
margin-right: 1rem;
&:before {
font-size: 4rem;
color: var(--itg-color-secondary);
}
}
}
}
}
}
> div:nth-child(2) {
padding: 1rem 2rem;
}
.elementor-widget-text-editor .elementor-widget-container {
display: flex;
flex-direction: column;
align-items: flex-start;
p:first-child {
margin-bottom: 0.5rem;
}
}
}
}
#einzugsgebiet-unsicher-zone {
padding-top: 1.5rem;
text-align: center;
}
#einzugsgebiet-raster {
.einzugsgebiet-raster-container {
column-gap: 0;
&:not(:last-child):after {
content: '';
border-right: var(--itg-border-shadow);
}
> div:first-child {
margin-right: 1rem;
.elementor-widget-container {
display: flex;
align-items: center;
}
i:before {
font-size: 2rem;
color: var(--itg-color-secondary);
background-color: var(--itg-color-transparent-blue);
border-radius: 50%;
padding: 1rem;
}
}
> div:nth-child(2) {
.elementor-widget-container {
display: flex;
flex-direction: column;
align-items: flex-start;
> p:first-child {
font-weight: 600;
}
}
}
}
}
}
&#kontakt {
padding-block: clamp(5rem, 7vw, 7rem) !important;
p {
a {
font-size: var(--itg-font-size-body);
}
}
}
} footer {
> .section {
padding-top: 0 !important;
}
#footer-grid {
padding-block: clamp(2.5rem, 5vw, 4.5rem);
padding-bottom: 0 !important;
.e-con-inner {
column-gap: 30px;
}
}
.footer-row {
> div:not(first-child) {
padding-right: 2rem;
}
img {
width: 10vw;
min-width: 150px;
}
strong {
font-weight: 600;
}
p {
font-size: 1.2rem;
margin-bottom: 1rem;
}
h4 {
font-size: 1.3rem;
&:before,
&:after {
content: unset;
}
}
&#zahlung {
row-gap: 0;
> div:nth-child(2) .elementor-element {
padding: 0;
align-items: center;
.elementor-icon-wrapper {
align-items: center;
display: flex;
}
p {
margin-bottom: 0;
}
}
}
}
#footer-bottom {
padding-block: clamp(1rem, 7vw, 1.5rem);
> .e-con-inner {
border-top: 1px solid var(--itg-color-border);
padding-top: 2rem;
}
.elementor-nav-menu--main {
ul {
li {
a {
font-size: var(--itg-font-size-body);
&:hover {
color: var(--itg-color-secondary);
&:after {
content: unset;
}
}
&:first-child {
padding-left: 0;
}
}
}
}
}
.elementor-element-07fe781 {
align-self: center;
}
}
} .mdcc-popup__overlay {
background: #00000066 !important;
}
.mdcc-popup__close {
width: 35px;
border-radius: 0 !important;
display: none;
}
.mdcc-popup__button {
&.mdcc-popup__button--tertiary {
text-decoration: none !important;
}
}
#danke-text {
p {
a {
font-size: inherit;
}
}
}@media (min-width: 1920px) {
#hero {
padding-bottom: 5vh;
}
.elementor-element.section {
min-height: 0;
}
}
@media (max-width: 1920px) and (min-width: 1441px) {
#hero {
min-height: 100vh;
padding-bottom: 0;
> .elementor-element {
margin-top: 8vh;
}
}
#einzugsgebiet {
#einzugsgebiet-infotext {
> div {
&:first-child {
margin-right: 20px;
}
}
}
}
} @media (min-width: 1441px) and (max-width: 1728px) and (max-height: 900px) and (min-aspect-ratio: 16/9) {
#hero {
> .elementor-element {
margin-top: 3vh;
}
#above_the_fold_text {
> div {
margin-bottom: 2rem;
}
}
}
}
@media (max-width: 1536px) {
#hero {
> .elementor-element {
margin-top: 0;
}
#above_the_fold_text {
> div {
margin-bottom: 3rem;
}
}
}
#einzugsgebiet {
#einzugsgebiet-infotext {
> div {
&:first-child {
margin-right: 20px;
}
}
}
}
} @media (max-width: 1024px) {
:root {
--itg-font-size-h1: 2.9rem;
--itg-font-size-h2: 2.15rem;
--itg-font-size-h3: 1.35rem;
--itg-space-3xl: 3rem;
}
}
@media (max-width: 767px) {
:root {
--itg-font-size-body: 1rem;
--itg-font-size-h1: 2.3rem;
--itg-font-size-h2: 1.8rem;
--itg-font-size-h3: 1.25rem;
--itg-font-size-h4: 1.05rem;
--itg-font-size-button: 1rem;
--itg-widget-gap: 16px;
}
.itg-card {
padding: 1.25rem;
}
button,
.elementor-button,
.wp-element-button,
.itg-button {
width: 100%;
}
} @media all and (max-width: 1400px) {
#soforthilfe-top-container {
max-width: 1140px;
margin-bottom: 3rem;
}
}
@media (min-width: 1367px) and (max-width: 1400px) {
.section .section__inner {
width: min(calc(100% - 4rem), 1320px) !important;
max-width: 1320px !important;
}
.section .section__inner [data-element_type='container'] {
max-width: none !important;
}
} @media (max-width: 1200px) {
.section .section__inner,
#header .header__inner {
width: min(calc(100% - 3rem), 1140px) !important;
}
.section > .e-con-inner {
width: min(calc(100% - 3rem), 1140px) !important;
}
.section > .e-con-inner > .section__inner {
width: 100% !important;
}
.hero-grid,
#soforthilfe-top-container > .e-con-inner,
#kmu .elementor-element-93c32e5,
#einzugsgebiet .elementor-element-e2acce0,
#kontakt .elementor-element-dcb6702 > .e-con-inner {
gap: 2rem !important;
}
#kmu-service-raster,
#kmu-paket-raster {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
#service-map {
min-height: 520px;
}
}
@media (max-width: 1366px) {
#header {
.header__inner {
width: min(calc(100% - 4rem), 1320px);
max-width: 1140px !important;
}
}
.section > .e-con-inner {
width: min(calc(100% - 4rem), 1320px);
max-width: 1140px !important;
}
.section > .e-con-inner > .section__inner {
width: 100% !important;
}
#hero {
a[href='/#kundenstimmen'] {
> div {
margin-bottom: 1rem !important;
}
}
}
#kmu {
#kmu-stunden {
> div {
&:nth-child(2) {
strong {
display: inline-block;
width: 100%;
}
}
}
}
}
}
@media (max-width: 1366px) and (max-height: 800px) {
#hero {
.hero-grid {
margin-bottom: 3rem;
}
#above_the_fold_text {
.elementor-widget-container {
margin-bottom: 2rem;
}
}
#hero-left {
.elementor-element {
&:nth-child(3) {
.elementor-widget-container {
margin-bottom: 1rem;
}
}
}
}
}
}
@media (max-width: 1280px) {
.elementor-53 .elementor-element.elementor-element-98fdd5e > .elementor-widget-container {
padding-left: 30px !important;
}
}
@media (max-width: 1200px) and (orientation: landscape) {
#kmu {
#kmu-paket-raster {
grid-template-columns: 1fr !important;
> div {
display: flex;
flex-direction: row;
&.kmu-package-card {
padding: 1.5rem;
padding-inline: 1.5rem !important;
> div {
width: auto;
align-self: center;
padding: 0 !important;
.elementor-widget-container {
margin-bottom: 0;
}
.elementor-icon-wrapper {
display: flex;
}
.elementor-widget-text-editor p {
margin-bottom: 0;
}
&:last-child {
margin-top: 0;
> div:first-child {
display: none;
}
.elementor-widget-container {
margin-top: 0;
}
}
&:nth-last-child(3),
&:nth-last-child(2) {
margin-left: 0;
}
&:nth-last-child(3) {
margin-right: 2rem;
}
&:nth-last-child(1) {
margin-right: 0;
> div {
&:nth-child(3) {
display: flex;
align-self: flex-end;
}
}
}
&:nth-last-child(4) {
left: 63px;
}
}
}
}
}
}
} @media (max-width: 1024px) { :root {
--itg-font-size-h1: 2.9rem;
--itg-font-size-h2: 2.15rem;
--itg-font-size-h3: 1.35rem;
--itg-space-3xl: 3rem;
}
body {
overflow-x: hidden;
} #header {
max-height: none;
}
#header .header__inner {
width: min(calc(100% - 2rem), 960px) !important;
#itg-hamburger {
display: block;
position: relative;
}
}
#header {
.hamburger {
display: flex;
}
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
background-color: var(--itg-color-primary);
}
#desktop-nav {
&.is-active {
.elementor-nav-menu--main {
position: fixed;
display: flex !important;
top: 70px;
left: 0;
z-index: 10;
width: 100vw;
height: calc(100vh - 70px) !important;
background-color: var(--itg-color-mobile-white);
transition: background-color 0.3s ease;
ul {
flex-direction: column;
justify-content: flex-start;
margin-top: 10vh;
row-gap: 10px;
text-align: center;
li {
&:last-child {
padding-right: 20px;
}
a {
justify-content: center;
font-size: 1.4rem;
font-weight: 500;
&:before {
content: unset;
}
}
}
}
}
}
}
&.is-sticky {
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
background-color: var(--itg-color-mobile-white);
}
#desktop-nav.is-active .elementor-nav-menu--main {
background-color: var(--itg-color-secondary);
}
}
}
#header.is-sticky #desktop-nav.is-active .elementor-nav-menu--main {
background-color: var(--itg-color-secondary);
}
.custom-logo {
max-width: 150px !important;
}
.section {
padding-top: 96px !important;
}
.section#hero {
padding-top: 118px !important;
}
.section .section__inner {
width: min(calc(100% - 2rem), 960px) !important;
}
.section > .e-con-inner {
width: min(calc(100% - 2rem), 960px) !important;
}
.section > .e-con-inner > .section__inner {
width: 100% !important;
}
.hero-grid,
#soforthilfe-top-container > .e-con-inner,
#kmu .elementor-element-93c32e5,
#einzugsgebiet .elementor-element-e2acce0,
#ueber-mich .elementor-element-54d5f5f,
#vorteile .elementor-element-24e5b09 > .e-con-inner {
display: grid !important;
grid-template-columns: 1fr !important;
align-items: start !important;
}
#hero .elementor-widget-image img,
#vorteile .elementor-widget-image img,
#ueber-mich-bild img {
width: 100%;
max-height: 560px;
object-fit: cover;
} #soforthilfe-boxencontainer,
#kmu-paket-stunden-gueltigkeit,
#kmu .elementor-element-ad9f620,
#einzugsgebiet .elementor-element-cf32720 {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 1rem !important;
}
#hero {
.hero-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
column-gap: 3rem;
row-gap: 1rem;
align-items: start;
}
#hero-left {
display: contents;
}
.hero-grid > *,
#hero-left > * {
min-width: 0;
max-width: 100%;
} #hero-left > .elementor-element-b717186 {
grid-column: 1;
grid-row: 1;
}
#hero-left > .elementor-element-2d41ffe {
grid-column: 1;
grid-row: 2;
margin-top: -35vw;
}
#hero-left > .elementor-element-bdb32a9 {
grid-column: 1;
grid-row: 3;
margin-top: -23vw;
}
#above_the_fold_text {
grid-column: 1;
grid-row: 4;
margin-top: -255px;
}
a[href='/#kundenstimmen'] {
grid-column: 1;
grid-row: 4;
margin-top: -110px;
} #hero-image {
grid-column: 2;
grid-row: 1;
}
#hero-call-button-container {
grid-column: 1;
grid-row: 5;
margin-top: -90px;
}
#hero-second-cta {
grid-column: 2;
grid-row: 3;
> a {
justify-content: center;
}
}
#hero-image,
#hero-call-button-container,
#hero-second-cta {
width: 100%;
}
#hero-image {
.elementor-widget-container {
margin-top: 60px;
padding: 0;
}
img {
display: block;
width: 100%;
height: auto;
}
}
}
#soforthilfe .step { }
#soforthilfe .step:last-child {
border-bottom: 0;
padding-bottom: 0 !important;
}
#soforthilfe-preisbox {
display: none;
}
#soforthilfe-preisbox-mobile {
display: block !important;
}
#soforthilfe-top-container {
> .e-con-inner {
grid-template-columns: 1fr 1fr !important;
#soforthilfe-links {
display: contents;
> div {
&:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
&:nth-child(2) {
grid-column: 2;
grid-row: 1;
height: auto;
align-self: flex-end;  > div {
.elementor-widget-container {
text-align: center;
}
p {
margin-bottom: 0;
}
}
.price-unit {
font-size: 1.5rem;
}
}
&:nth-child(3) {
grid-column: 1;
grid-row: 1;
display: flex !important;
flex-direction: column;
margin-top: 205px;
> div {
width: 100%;
}
}
}
}
}
}
#service-map {
min-height: 460px;
}
#privatkunden {
> div {
&:nth-child(1) {
margin-bottom: 1rem;
}
}
.privat-abo {
height: 100%;
ul {
li {
position: relative;
i {
position: absolute;
left: -1.6rem;
top: 6px;
margin-right: 0;
}
}
}
&.abo-plus {
height: unset;
> div {
&:nth-child(1) {
> div {
&:nth-child(1) {
top: -17px;
> div {
&:nth-child(1) {
display: inline-block;
}
}
}
}
}
}
}
}
} #kmu {
.kmu-services-title {
display: block;
}
#kmu-service-raster {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem 1.5rem !important;
> .elementor-element {
display: grid !important;
grid-template-columns: 2rem minmax(0, 1fr);
align-items: start;
gap: 0.75rem !important;
}
.elementor-widget-icon,
.elementor-widget-icon .elementor-widget-container,
.elementor-icon-wrapper,
.elementor-icon {
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 2rem;
min-width: 2rem;
}
.elementor-icon {
line-height: 1 !important;
i {
position: static !important;
top: auto !important;
margin: 0 !important;
transform: none !important;
}
i::before {
display: block;
padding: 0 !important;
font-size: 1.35rem !important;
line-height: 1;
}
}
}
#kmu-paket-raster {
grid-template-columns: 1fr !important;
gap: 0.75rem !important;
.kmu-package-card {
display: grid !important;
grid-template-columns: 4.5rem minmax(0, 1fr) auto;
align-items: center;
gap: 1rem !important;
padding: 1rem 1.25rem !important;
> .e-con:first-child,
.abo,
.abo-price {
padding: 0 !important;
}
.abo-price {
justify-self: end;
min-width: 9rem;
}
}
}
.kmu-layout {
display: flex !important;
}
.kmu-left-column {
width: 50%;
.kmu-services-section {
#kmu-service-raster { > div { &:after {
right: -10px;
position: absolute !important;
height: 100%;
}
> div {
&:first-child {
i:before {
padding: 3.5px !important;
}
}
&:nth-child(2) { padding-block: 0;
h3 {
margin-bottom: 0;
}
}
}
}
}
}
}
.kmu-packages-section {
width: 50%;
> div {
&#kmu-paket-raster {
row-gap: 1.5rem !important;
.kmu-package-card {
&:nth-child(2) {
padding-top: 1.5rem !important;
> div {
&:first-child { left: 1rem;
.elementor-widget-container {
transform: translateX(0);
}
}
}
}
}
}
&:nth-last-child(2) {
flex-direction: column;
display: flex !important;
row-gap: 10px !important;
> div {
&:first-child { justify-content: center !important;
padding-block: 0;
> div {
&:nth-child(2) { p {
strong {
width: auto !important;
}
}
}
}
}
&:last-child {
padding-block: 0;
justify-content: center !important;
}
}
}
&:last-child { display: flex !important;
flex-direction: column;
row-gap: 2rem !important;
> div {
justify-content: center;
width: auto;
}
}
}
}
}
#vorteile {
min-height: unset;
display: flex !important;
.elementor-element-24e5b09 > .e-con-inner {
display: contents !important;
> div {
&:first-child {
width: 50%;
order: 4;
margin-top: -600px;
> div {
width: 100%;
}
}
&:nth-child(2) > div {
> div {
&:first-child {
order: 1;
}
&:nth-child(2) {
order: 2;
}
&:nth-child(3) {
order: 3;
}
&:nth-child(4) {
width: 50%;
order: 4;
align-self: flex-end;
}
}
}
}
}
}
#ueber-mich {
.elementor-element-9f75453 {
> div {
&:nth-child(2) {
margin-bottom: 1rem;
}
&:nth-child(3) {
> div {
&:nth-child(2) {
.elementor-widget-container {
padding-left: 0 !important;
p {
&:nth-child(4),
&:nth-child(5) { }
}
}
}
}
}
}
}
}
footer {
#footer-bottom {
.elementor-menu-toggle,
.elementor-nav-menu--dropdown {
display: none !important;
}
.elementor-nav-menu--main {
display: block !important;
}
.elementor-nav-menu {
display: flex !important;
flex-wrap: wrap;
}
}
}
}
@media (max-width: 1024px) and (orientation: landscape) {
header {
#header {
height: 70px;
.header__inner {
height: 70px;
.e-con-inner {
.logo-link,
.custom-logo {
width: 150px !important;
height: 59px !important;
flex: 0 0 150px;
max-width: 150px !important;
max-height: 59px !important;
transition: none !important;
-webkit-transition: none !important;
.elementor-widget-container,
.logo-link {
display: flex;
align-items: center;
width: 150px !important;
height: 59px !important;
max-width: 150px !important;
max-height: 59px !important;
min-height: 59px !important;
}
img,
svg {
display: block !important;
width: 150px !important;
height: 59px !important;
max-width: 150px !important;
max-height: 59px !important;
margin-top: 0 !important;
transition: none !important;
-webkit-transition: none !important;
}
}
}
}
}
#hero {
#hero-left {
> div {
&:nth-child(2) {
}
}
}
}
}
}
@media (max-width: 834px) and (orientation: portrait) {
#hero {
min-height: 100%;
#hero-second-cta {
flex-direction: column;
margin-top: 80px;
row-gap: 15px;
margin-left: 11vw;
width: auto;
> a {
display: flex;
justify-content: flex-start;
p {
margin-bottom: 0;
}
}
}
#hero-call-button-container {
justify-content: center;
margin-top: -168px;
}
#above_the_fold_text {
margin-top: -345px;
}
a[href='/#kundenstimmen'] {
margin-top: -180px;
justify-content: center;
}
}
#soforthilfe {
h2 {
width: calc(100vw - 2rem);
} #soforthilfe-top-container {
margin-bottom: 2rem;
}
#soforthilfe-boxencontainer {
margin-top: 196px !important;
}
.step {
flex-direction: column !important;
p {
margin-bottom: 0;
padding-right: 11px;
}
}
.elementor-element-2ee970b {
padding-top: 0;
}
}
#privatkunden {
.privat-abo {
> div {
&:first-child {
> div {
&:nth-child(3) {
padding-inline: 1rem !important;
}
}
}
p {
min-height: 60px;
}
}
}
}
#kmu {
h2 {
font-size: var(--itg-font-size-h2);
}
h3 {
font-size: var(--itg-font-size-h3);
}
.kmu-layout {
flex-direction: column;
}
.kmu-left-column {
display: contents;
}
.kmu-intro {
order: 1;
}
.kmu-packages-section {
order: 2;
width: 100%;
> div:last-child {
flex-direction: row;
}
}
.kmu-services-section {
order: 3;
}
#kmu-paket-optionen-container {
h2 {
font-size: calc(var(--itg-font-size-h2) * 0.9);
text-align: center;
}
> div > div {
&:nth-child(2) {
p {
text-align: center;
}
}
}
}
#kmu-paket-raster {
display: flex !important;
flex-direction: column;
.kmu-package-card {
display: flex !important;
flex-direction: row !important;
> div {
width: auto;
&:nth-last-child(3) {
margin-left: 0 !important;
margin-right: 1.5rem !important;
padding-top: 0 !important;
.elementor-widget-container {
margin: 0;
}
.elementor-icon-wrapper {
display: flex;
}
}
&:nth-last-child(2) {
margin-left: 0 !important;
.elementor-widget-container {
margin-bottom: 0;
}
p {
margin-bottom: 0;
}
}
&:last-child {
margin-right: 0;
margin-top: 0;
.elementor-widget-container {
margin: 0;
}
.elementor-widget-text-editor {
width: 100%;
h3,
h5 {
text-align: right;
}
}
.elementor-widget-divider {
display: none;
}
}
}
}
}
#kmu-service-raster {
> div:after {
right: -12px !important;
}
}
#kmu-paket-stunden-gueltigkeit {
flex-direction: row !important;
}
}
#ueber-mich {
.elementor-element-9f75453 {
> div {
&:nth-child(2) {
margin-bottom: 0.5rem;
}
&:nth-child(3) {
display: flex;
flex-direction: column;
> div {
&:first-child {
width: 100%;
margin-bottom: 2rem;
.elementor-widget-container {
padding-right: 0;
}
}
&:nth-child(2) {
width: 100%;
.elementor-widget-container {
padding-left: 0 !important;
p {
&:nth-child(4),
&:nth-child(5) {
width: unset;
margin-left: 0;
}
}
}
}
}
}
}
}
}
#einzugsgebiet {
#einzugsgebiet-infotext {
display: flex;
flex-direction: column-reverse;
> div {
&:last-child {
margin-bottom: 2rem;
> div {
padding-top: 0;
}
}
&:first-child {
margin-right: 0;
width: 100%;
}
}
}
}
#kontakt {
.section__inner.elementor-element-dcb6702 {
.e-con-inner {
flex-direction: column;
> div {
width: 100%;
&:first-child {
p {
&:last-child {
margin-bottom: 0;
}
}
}
}
}
}
}
} @media (max-width: 768px) {
:root {
--itg-font-size-body: 1rem;
--itg-font-size-h1: 2.3rem;
--itg-font-size-h2: 1.8rem;
--itg-font-size-h3: 1.25rem;
--itg-font-size-h4: 1.05rem;
--itg-font-size-button: 1rem;
--itg-widget-gap: 16px;
}
h1,
h2,
h3,
.elementor-heading-title {
overflow-wrap: break-word; }
p,
li,
.elementor-widget-text-editor {
font-size: 1.2rem;
line-height: 1.42;
overflow-wrap: break-word; }
p,
ul,
ol,
.elementor-widget-container {
margin-bottom: 0;
}
a {
font-size: 1.2rem;
}
.itg-card {
padding: 1.25rem;
}
button,
.elementor-button,
.wp-element-button,
.itg-button {
width: 100%;
}
h1,
#hero h1.elementor-heading-title {
font-size: clamp(2rem, 10.8vw, 2.6rem) !important;
line-height: 1.04 !important;
margin-bottom: 0.8rem;
}
h2,
h2.elementor-heading-title {
font-size: clamp(1.65rem, 7.2vw, 2.15rem) !important;
line-height: 1.12 !important;
margin-bottom: 0.75rem;
}
h3,
h3.elementor-heading-title {
font-size: clamp(1.18rem, 4.6vw, 1.45rem) !important;
line-height: 1.18 !important;
margin-bottom: 0.55rem;
}
h4 {
font-size: 0.9rem !important;
letter-spacing: 0.05em;
margin-bottom: 0.65rem;
}
body.page-id-3445,
body.page-id-3481,
body.page-id-3483 {
.section {
padding-top: 96px !important;
}
h1,
.elementor-heading-title {
overflow-wrap: break-word;
hyphens: auto;
}
.elementor-widget-text-editor {
p {
margin-bottom: 1rem;
}
p:has(> strong:only-child) {
margin-top: 1.75rem;
margin-bottom: 0.5rem;
}
p:first-child:has(> strong:only-child) {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
}
}
.section {
padding-top: 64px !important;
}
.section#hero {
padding-top: 96px !important;
}
.section .section__inner,
#header .header__inner {
width: min(calc(100% - 1.25rem), 720px) !important;
&:before {
content: unset;
}
}
.section > .e-con-inner {
width: min(calc(100% - 1.25rem), 720px) !important;
}
.section > .e-con-inner > .section__inner {
width: 100% !important;
} #header {
max-height: 70px;
}
#header .header__inner > .e-con-inner { max-height: 70px;
flex-wrap: nowrap;
justify-content: space-between !important;
display: flex;
align-items: flex-start !important;
}
.custom-logo { svg,
img {
display: block !important;
width: 128px !important;
height: 50px !important;
max-width: none !important;
}
}
#header {
width: 100% !important;
background-color: var(--itg-color-mobile-white);
&.is-sticky,
&.is-sticky #desktop-nav.is-active .elementor-nav-menu--main {
background-color: var(--itg-color-secondary);
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
background-color: var(--itg-color-mobile-white); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
}
}
#above_the_fold_text br,
#privatkunden br,
#kontakt br {
display: none;
} #hero .elementor-button,
#soforthilfe .elementor-button,
#kmu .elementor-button,
#kontakt .elementor-button {
width: auto;
max-width: min(100%, 18rem);
min-height: 2.9rem;
padding: 0.7rem 1.2rem;
font-size: 1.28rem;
line-height: 1.65;
}
#soforthilfe-boxencontainer,
#kmu-service-raster,
#kmu-paket-raster,
#kmu-paket-stunden-gueltigkeit,
#kmu .elementor-element-ad9f620,
#kontakt .elementor-element-dcb6702 > .e-con-inner {
grid-template-columns: 1fr !important;
}
.abo,
.abo-price,
.kmu-abo-raster-box,
#zone1,
#zone2,
.soforthilfe__inner {
min-width: 0;
}
.abo,
.abo-price,
.kmu-abo-raster-box,
#zone1,
#zone2,
#kmu-paket-stunden-gueltigkeit,
#kmu .elementor-element-ad9f620 {
padding: 1rem !important;
row-gap: 0.7rem !important;
column-gap: 0.7rem !important;
border-radius: 0.875rem !important;
}
.abo-price {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.kmu-abo-raster-box > .e-con:first-child,
#kmu-paket-raster .kmu-abo-raster-box > .e-con:first-child {
padding: 0.75rem !important;
}
.abo > .elementor-element,
.kmu-abo-raster-box > .elementor-element,
.soforthilfe__inner > .elementor-element,
#zone1 > .elementor-element,
#zone2 > .elementor-element {
margin-bottom: 0 !important;
}
.elementor-divider {
padding-block: 0.25rem !important;
}
.elementor-divider-separator {
margin: 0 !important;
}
.abo-description p,
.zone-pauschale p,
.zone-region p {
font-size: 0.95rem !important;
line-height: 1.35;
}
.privat-preis-text h3,
.zone-preis p {
font-size: 1.65rem !important;
line-height: 1.1 !important;
margin-bottom: 0 !important;
}
.privat-preis-text h5 {
font-size: 0.95rem !important;
line-height: 1.2 !important;
}
.abo-plus {
margin-top: 0 !important;
}
.elementor-absolute {
position: static !important;
transform: none !important;
margin-bottom: 0.75rem;
}
#vorteile ol,
.how-list ul {
padding-left: 1.15rem;
}
.service-text li,
#vorteile li,
.how-list li {
margin-bottom: 0.55rem;
}
.service-text li:last-child,
#vorteile li:last-child,
.how-list li:last-child {
margin-bottom: 0;
}
.service-text li i {
margin-right: 0.4rem;
}
.e-n-accordion-item-title {
align-items: flex-start;
gap: 0.75rem;
padding-inline: 0 !important;
}
.e-n-accordion-item-title-text {
line-height: 1.25;
} #hero {
.hero-grid {
row-gap: 20px !important;
> .e-con:first-child {
order: 1;
}
}
.elementor-widget-image {
order: 2;
img {
max-height: 300px;
border-radius: 0.875rem;
}
}
#hero-call-button {
.elementor-button-wrapper {
display: flex;
justify-content: flex-start;
}
.elementor-button {
max-width: 16rem;
}
}
#hero-whatsapp,
#hero-contact-form {
min-height: 64px;
.elementor-widget-container {
margin-bottom: 0;
}
}
#hero-second-cta {
margin-left: 9vw;
a {
.elementor-widget-container {
align-items: center;
display: flex;
}
p {
font-size: 1.1rem;
}
}
}
#above-the-fold-text {
margin-top: 355px;
}
a[href='/#kundenstimmen'] {
margin-top: -200px;
}
} #soforthilfe {
.section__inner {
> .e-con-inner:first-child {
> .elementor-widget-container { }
}
}
#soforthilfe-links {
row-gap: 0;
> div:first-child {
padding-top: 0;
padding-bottom: 0;
row-gap: 10px;
h2 {
margin-bottom: 0;
}
.elementor-widget-text-editor {
margin-top: 0.75rem;
margin-bottom: 1.5rem;
}
}
}
#soforthilfe-preisbox-mobile {
padding: 1.5rem; row-gap: 20px;
.elementor-widget-text-editor {
&:first-child {
p {
font-size: 2.6rem;
font-weight: 600;
text-align: center;
}
.price-unit {
font-size: 1.3rem;
text-align: center;
}
}
&:nth-child(2) {
.elementor-widget-container {
margin-top: 1rem;
p {
hyphens: none;
}
}
}
}
.elementor-widget-divider {
margin: 1.5rem auto;
}
div {
&:nth-child(4) {
.elementor-button-icon {
font-size: 2.5rem;
}
a {
max-width: unset;
width: 100%;
padding: 1.2rem;
font-size: 1.3rem;
line-height: 2;
}
}
}
> a {
.elementor-widget-icon .elementor-widget-container {
display: flex;
align-items: center;
}
svg {
width: 40px !important;
height: 40px !important;
}
.elementor-widget-text-editor {
display: flex;
align-items: center;
}
}
@media (min-width: 481px) {
a[href='#einzugsgebiet'] {
font-size: 1rem !important;
white-space: nowrap;
}
}
}
#soforthilfe-boxencontainer {
margin-top: 176px !important;
.border-title {
&:after {
bottom: -3px;
}
}
ul {
padding-left: 2rem;
li {
margin-bottom: 0.5rem;
}
}
}
#soforthilfe-steps {
.step {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding-top: 0;
padding-bottom: 0;
column-gap: 10px;
> div:nth-child(2) {
row-gap: 10px;
}
h5 {
font-size: 1.2rem;
}
.circle-number p {
left: -4px;
&:after {
width: 40px;
height: 40px;
left: 4px;
}
}
}
> div:nth-child(2) {
padding-bottom: 0;
}
}
#soforthilfe-top-container {
margin-bottom: 2rem;
}
.elementor-button-wrapper {
display: flex;
justify-content: flex-start;
}
}
#soforthilfe-whatsapp {
min-height: 64px;
.elementor-widget-container {
margin-bottom: 0;
}
} #privatkunden {
.section__inner {
&:first-child {
.e-con-inner {
padding-bottom: 0;
padding-top: 0;
> div:first-child {
margin-bottom: 0;
}
h2 {
margin-bottom: 0;
}
.elementor-widget-text-editor {
margin-top: 0.75rem;
margin-bottom: 1.5rem;
}
}
}
&:last-child {
.e-con-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
> .elementor-widget-icon {
width: auto;
height: 2rem;
.elementor-icon {
font-size: 2rem;
}
}
.elementor-widget-text-editor {
text-align: left;
}
}
}
}
.privat-abo {
&.abo-plus {
height: calc(100% + 1rem);
align-self: flex-end;
> div:first-child {
> .elementor-absolute {
position: absolute !important;
}
}
}
&:first-child {
margin-bottom: calc(1rem + 10px);
}
> div {
.elementor-divider {
padding-inline: 1rem;
justify-content: center;
margin-top: 1rem;
.elementor-divider-separator {
width: 100%;
}
}
p {
min-height: 41px;
}
}
.abo {
width: 100%;
margin-left: 0;
.service-text {
.elementor-widget-container ul {
padding-left: 1.1rem;
> li {
position: relative;
left: -1.1rem;
padding-left: 1.8rem;
font-size: 1rem;
i {
position: absolute;
left: 0;
top: 5px;
}
}
}
}
}
.abo-price {
margin-right: 0;
margin-left: auto;
row-gap: 10px;
> div:first-child {
display: none;
}
}
&:last-child {
margin-bottom: 0;
}
}
} #kmu {
.elementor-button-wrapper {
display: flex;
justify-content: flex-start;
}
#kmu-cta {
.elementor-button-wrapper {
justify-content: center;
}
}
.kmu-services-title {
margin-top: 1.4rem;
margin-bottom: 1rem;
}
#kmu-service-raster {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem 1.25rem !important;
> .elementor-element {
display: grid !important;
grid-template-columns: 1.75rem minmax(0, 1fr);
align-items: start;
gap: 0.55rem !important;
padding: 0 !important;
}
.elementor-widget-icon,
.elementor-widget-icon .elementor-widget-container,
.elementor-icon-wrapper,
.elementor-icon {
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 1.75rem;
min-width: 1.75rem;
}
.elementor-icon {
line-height: 1 !important;
i {
position: static !important;
top: auto !important;
margin: 0 !important;
transform: none !important;
}
i::before {
display: block;
padding: 4px !important;
font-size: 1.2rem !important;
line-height: 1;
}
}
h3 {
font-size: 1rem !important;
line-height: 1.2 !important;
}
p {
font-size: 0.9rem !important;
line-height: 1.32;
}
}
#kmu-paket-raster {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0.85rem !important;
.kmu-package-card {
display: grid !important;
position: relative;
grid-template-columns: 3.75rem minmax(0, 1fr) max-content;
align-items: center;
gap: 0.9rem !important;
min-height: 5.25rem;
padding: 1rem 1.15rem !important;
background-color: var(--itg-color-bg) !important;
border: 1px solid var(--itg-color-border);
border-radius: 0.875rem !important;
box-shadow: var(--itg-box-shadow-default);
&.is-popular {
border: 1px solid var(--itg-color-secondary);
> div:nth-child(2) {
padding: 0;
}
}
&::after {
content: none !important;
}
> .e-con:first-child {
grid-column: 1;
grid-row: 1;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
margin-left: 1rem !important;
.elementor-widget-container {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
border: none;
background: none;
}
}
.elementor-icon-wrapper {
display: flex;
}
.elementor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 50%;
background: var(--itg-color-transparent-blue) !important;
i,
svg {
color: var(--itg-color-secondary);
fill: var(--itg-color-secondary);
display: flex;
align-items: center;
}
i::before {
font-size: 1.55rem;
}
}
.abo {
grid-column: 2;
grid-row: 1;
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-self: start; padding: 0 !important;
text-align: left;
row-gap: 10px !important;
.elementor-widget-container {
margin-bottom: 0;
}
.elementor-widget-heading,
.abo-description {
width: 100%;
text-align: left;
}
h3 {
color: var(--itg-color-primary);
font-size: clamp(1.15rem, 4.8vw, 1.45rem) !important;
line-height: 1.1 !important;
margin-bottom: 0 !important;
}
}
.abo-description {
p {
color: var(--itg-color-primary);
font-size: 0.95rem !important;
line-height: 1.2;
margin: 0;
text-align: left;
}
}
.abo-price {
grid-column: 3;
grid-row: 1;
display: flex !important;
flex-direction: column;
align-items: flex-end;
justify-self: end;
min-width: 0;
padding: 0 !important;
background: transparent !important;
text-align: right;
margin-top: unset;
.elementor-widget-container {
margin-bottom: 0;
}
> div:first-child {
display: none;
}
}
.elementor-divider,
.service-text {
display: none !important;
}
.privat-preis-text {
width: 100%;
.elementor-widget-container {
margin-top: 0;
}
h3 {
color: var(--itg-color-secondary);
font-size: clamp(1.15rem, 4.8vw, 1.55rem) !important;
line-height: 1.05 !important;
margin-bottom: 0 !important;
white-space: nowrap;
}
h5 {
color: var(--itg-color-secondary);
font-size: 0.9rem !important;
line-height: 1.2 !important;
text-align: right;
width: 100%;
}
}
.elementor-absolute {
position: absolute !important; transform: none !important;
margin-bottom: 0;
z-index: 2;
top: 6px;
left: 50%;
width: auto;
.elementor-widget-container {
padding: 0;
}
.elementor-heading-title {
display: flex;
align-items: center; padding: 0.15rem 0.55rem !important;
border-radius: 999px;
background: var(--itg-color-secondary);
color: var(--itg-color-text-soft);
font-size: 0.75rem !important;
line-height: 1;
padding: 0;
}
}
}
}
#kmu-paket-stunden-gueltigkeit {
row-gap: 0.5rem;
&.kmu-note-row {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0 !important;
border-radius: 0.875rem !important;
margin-top: 1.5rem;
}
#kmu-stunden,
#kmu-gueltigkeit {
justify-content: flex-start !important;
padding: 0 !important;
}
#kmu-stunden {
flex-wrap: nowrap;
:after {
display: none !important;
}
}
}
.kmu-cta-row {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 1rem !important;
border-radius: 0.875rem !important;
margin-top: 1rem;
> div:first-child {
column-gap: 10px;
flex-wrap: nowrap;
.elementor-icon {
font-size: 35px;
}
}
> div:nth-child(2) {
display: flex;
justify-content: center;
flex-direction: row;
}
}
}
#vorteile { .elementor-element-c050a13 {
margin-top: -491px !important;
.elementor-widget-container {
padding: 2rem 2rem 2rem 0;
}
}
}
#ueber-mich {
.ueber-mich-bild-text-container {
flex-direction: column;
> .elementor-element {
width: 100%;
.elementor-widget-container {
padding: 0;
}
}
#ueber-mich-bild {
margin-bottom: 2rem;
}
.ueber-mich-text {
p {
margin: 0 0 var(--itg-space-lg);
}
}
}
}
.section#kundenstimmen {
.section__inner {
> .e-con-inner {
row-gap: 20px !important;
}
}
.google-bewertungen {
.grw-header-inner {
margin: 0 0 2rem 0 !important;
padding: 0 !important;
.rpi-flx {
display: flex !important;
align-items: center !important;
justify-content: center;
.wp-google-name {
text-align: center !important;
}
.rpi-stars {
margin: 0px auto;
}
}
}
.rpi-slide {
padding: 0 !important;
}
}
} #einzugsgebiet .zonen-anmerkung {
border-radius: 1rem !important;
padding: 0.45rem 0.65rem !important;
flex-wrap: nowrap;
}
#einzugsgebiet .zonen-anmerkung p {
margin-left: 0.5rem !important;
font-size: 0.92rem !important;
line-height: 1.25;
}
#service-map {
min-height: 420px;
border-radius: 0.875rem;
overflow: hidden;
}
#service-map .gm-style-iw-c {
max-width: min(280px, calc(100vw - 3rem)) !important;
} #faq {
details {
.elementor-element {
&:nth-child(2) {
p {
margin-bottom: var(--itg-space-lg) !important;
font-size: 1.05rem !important;
&:last-child {
margin-bottom: 0 !important;
}
}
ul {
padding-left: 1rem;
margin-bottom: 1rem;
li {
font-size: 1.05rem;
}
}
}
}
}
} #kontakt_formular .elementor-button {
width: 100%;
max-width: none;
}
#kontakt_formular .elementor-field-group {
margin-bottom: 12px !important;
}
#kontakt_formular label {
line-height: 1.25;
}
#kontakt_formular input,
#kontakt_formular textarea {
font-size: 16px;
}
#kontakt {
p {
strong {
display: block;
}
a {
display: inline-block;
font-size: 1.2rem !important;
}
br {
display: none;
}
}
}
.e-n-accordion-item-title {
align-items: flex-start;
gap: 0.75rem;
padding-inline: 0 !important;
}
.e-n-accordion-item-title-text {
line-height: 1.25;
} footer .e-con-inner {
grid-template-columns: 1fr !important;
}
#footer-bottom {
.e-con-inner {
display: flex;
flex-direction: row;
align-items: center;
}
}
#danke-text {
p {
a {
font-size: 1.2rem;
}
}
}
} @media (max-width: 480px) { .section .section__inner,
#header .header__inner {
width: min(calc(100% - 3rem), 440px) !important;
}
.section > .e-con-inner {
width: min(calc(100% - 3rem), 440px) !important;
}
.section > .e-con-inner > .section__inner {
width: 100% !important;
}
.section {
padding-top: 80px !important;
}
.section#hero {
padding-top: 86px !important;
height: 100%;
&:before {
background-image: url(//it-guide.ch/wp-content/uploads/2026/01/web-hero-2.jpeg);
height: 100%;
}
}
a {
white-space: nowrap;
}
h3,
h3.elementor-heading-title {
font-size: clamp(1.18rem, 5.2vw, 1.45rem) !important;
}
h4 {
font-size: 1rem !important;
}
#hero h1.elementor-heading-title {
font-size: clamp(1.9rem, 12.2vw, 3rem) !important;
}
body.page-id-3445,
body.page-id-3481,
body.page-id-3483 {
h1,
.elementor-heading-title {
font-size: clamp(1.75rem, 9vw, 2.25rem) !important;
line-height: 1.08 !important;
}
} #hero {
display: grid;
.hero-grid {
margin-top: unset;
display: flex !important;
flex-direction: column-reverse;
}
.elementor-widget-heading {
margin-top: unset !important;
}
#above_the_fold_text {
margin-top: unset;
}
#hero-call-button-container {
margin-top: unset;
}
#hero-left {
display: flex !important;
margin-top: unset;
.elementor-widget-container {
margin-bottom: 0;
}
h1 {
br {
display: none;
}
}
h4 {
margin-bottom: 0;
}
p {
font-size: 1.1rem;
}
.elementor-button {
padding: 0.7rem 1.2rem;
span {
line-height: 1.8;
&.elementor-button-text {
font-size: 1rem;
}
}
}
#hero-call-button-container {
justify-content: center;
}
#hero-second-cta {
column-gap: 10px;
margin-top: unset;
margin-left: unset;
justify-content: center;
width: 100%;
flex-direction: row;
a {
&:nth-child(2) {
justify-content: flex-end;
}
p {
font-size: 3.2vw;
}
}
}
#hero-whatsapp,
#hero-contact-form {
.elementor-icon {
font-size: 1.7rem !important;
}
.elementor-widget-container {
display: flex;
align-items: center;
}
p {
font-size: 3.2vw;
}
}
}
a[href='/#kundenstimmen'] {
margin-top: unset;
> div {
margin-bottom: 0 !important;
}
}
}
#hero-contact-form {
justify-content: flex-end;
}
#hero-image {
.elementor-widget-container {
margin-top: 0 !important;
margin-bottom: 2rem;
padding: 0;
}
} #vorteile {
.section__inner > .e-con-inner {
row-gap: 2rem;
> .elementor-widget-image {
order: 2;
}
> #vorteile-bild {
.elementor-widget-container {
padding: 0 !important;
}
}
> .hero-grid {
order: 1;
}
}
} #soforthilfe {
#soforthilfe-top-container {
.e-con-inner {
grid-template-columns: unset !important;
display: flex !important;
}
#soforthilfe-links {
display: flex !important;
padding-right: 0;
row-gap: 2rem;
& > div:first-child {
.elementor-widget-text-editor {
margin-bottom: 0;
}
}
#soforthilfe-boxencontainer {
margin-top: 0 !important;
}
}
}
#soforthilfe-steps {
.step {
border: none !important;
a {
font-size: 1.2rem;
}
}
}
} .elementor-button {
width: auto;
max-width: min(100%, 17rem);
min-height: 2.85rem;
padding-inline: 1rem;
font-size: 0.98rem;
line-height: 1.15;
}
.elementor-button-content-wrapper {
justify-content: center;
width: auto;
}
#kontakt_formular .elementor-button,
#kontakt_formular .elementor-button-content-wrapper {
width: 100%;
}
.privat-preis-text h3,
.zone-preis p {
font-size: 1.45rem !important;
}
.abo,
.abo-price,
.kmu-abo-raster-box,
#zone1,
#zone2,
#kmu-paket-stunden-gueltigkeit,
#kmu .elementor-element-ad9f620 {
padding: 0.85rem !important;
row-gap: 20px !important;
}
#privatkunden {
.section__inner {
&:first-child {
margin-bottom: 0;
}
&:last-child {
.e-con-inner {
column-gap: 20px !important;
> div {
&:nth-child(2) {
> div {
margin: 0 !important;
}
}
}
}
}
}
.privat-abo {
padding: 1.5rem !important;
margin-bottom: 0rem !important;
&:first-child {
p {
text-align: left;
}
}
> div {
padding: 0 !important;
&:nth-child(1) {
padding-top: 0;
display: flex;
align-self: center;
> div {
&:last-child {
padding: 0 !important; }
&:nth-last-child(2) {
padding-inline: 0 !important;
}
}
p {
min-height: unset;
}
}
.elementor-divider {
padding-inline: 0 !important;
}
&:first-child {
display: flex;
flex-direction: row;
.elementor-widget-icon {
width: 75px;
height: 75px;
margin-right: 1rem;
}
.elementor-widget-heading {
width: calc(100% - 75px - 1rem);
}
.elementor-widget-text-editor {
margin-left: calc(75px + 1rem);
margin-top: -11%;
p {
font-size: 1.1rem !important;
text-align: left;
}
}
}
}
.abo-price {
width: 50%;
margin-top: 2%;
row-gap: 0px !important;
.elementor-widget-text-editor {
align-self: flex-end;
}
}
&:nth-child(2) {
height: 100% !important;
align-self: flex-start;
> div {
&:first-child {
display: flex;
flex-direction: row;
> div:first-child {
top: -35px;
width: auto;
}
.elementor-widget-icon {
width: 75px;
height: 75px;
margin-right: 1rem;
}
.elementor-widget-heading {
width: calc(100% - 75px - 1rem);
position: relative;
}
.elementor-widget-text-editor {
margin-left: calc(75px + 1rem);
margin-top: -11%;
p {
font-size: 1.1rem !important;
text-align: left;
}
}
}
}
}
}
}
#kmu {
.kmu-intro,
.kmu-packages-section {
row-gap: 0 !important;
h2 {
margin-bottom: 1rem !important;
}
> .elementor-widget-text-editor,
> .e-con > .elementor-widget-text-editor {
margin-top: 0 !important;
margin-bottom: 1rem;
}
}
.kmu-packages-section {
margin-top: 0.5rem;
> .e-con:first-child {
row-gap: 0 !important;
}
}
.kmu-packages-section {
h2 { font-size: clamp(1.18rem, 5.2vw, 1.45rem) !important;
line-height: 1.16 !important;
}
}
#kmu-service-raster {
> .elementor-element {
align-items: start;
}
.elementor-widget-icon {
box-sizing: border-box;
padding-top: 10px !important;
}
.elementor-icon,
.elementor-icon i {
height: auto;
line-height: 1 !important;
}
}
#kmu-paket-raster {
margin-top: 2rem;
.kmu-package-card { .abo-price {
grid-column: 3;
grid-row: 1;
align-items: flex-end;
justify-self: end;
text-align: right;
}
.privat-preis-text {
h5 {
text-align: right;
}
}
}
}
#kmu-paket-stunden-gueltigkeit.kmu-note-row,
.kmu-cta-row {
grid-template-columns: 1fr !important;
}
#kmu-cta {
.elementor-button {
.elementor-button-content-wrapper {
line-height: 1.8;
}
}
}
#kmu-paket-optionen-container {
> div:first-child {
p,
h2 {
text-align: left !important;
}
}
}
}
#vorteile {
> div.elementor-element-24e5b09 .e-con-inner {
display: flex !important;
flex-direction: column !important;
> div {
&:first-child {
width: 100% !important;
margin-top: 0 !important;
.elementor-widget-container {
padding: 0 !important;
}
}
&:nth-child(2) {
order: unset;
> div > div {
&:nth-child(4) {
width: 100% !important;
align-self: flex-start !important;
}
}
}
}
}
}
.section#einzugsgebiet {
#einzugsgebiet-zonen-wrapper {
grid-template-columns: 1fr !important;
#zone1,
#zone2 {
.zone-preis {
width: 50%;
align-self: flex-end;
margin-bottom: -10px !important;
margin-top: -84px !important;
p {
font-size: 1.2rem;
text-align: right;
}
}
.zone-pauschale {
width: 50%;
align-self: flex-end;
p {
text-align: right;
}
}
.zonen-titel {
p {
font-size: 1.1rem;
}
}
}
}
#einzugsgebiet-infotext {
flex-direction: column-reverse;
> .elementor-element {
&:first-child {
padding: 1rem 1rem !important;
flex-wrap: nowrap;
.elementor-widget-container {
justify-content: flex-start;
align-items: flex-start !important;
}
.elementor-icon-wrapper {
height: 32px;
}
.elementor-icon {
i {
margin: 0 !important;
width: 32px;
height: 32px;
&:before {
font-size: 2rem !important;
}
}
}
}
.elementor-widget-text-editor {
padding: 0 !important;
}
&:last-child {
margin-bottom: 1.5rem;
}
}
}
} #faq {
.elementor-element-a5ecf20 {
.e-n-accordion-item-title {
display: grid;
grid-template-columns: 2.75rem minmax(0, 1fr);
align-items: start;
gap: 0.25rem;
padding: 0.85rem 0.85rem 0.85rem 0 !important;
}
.e-n-accordion-item-title-header {
grid-column: 2;
min-width: 0;
}
.e-n-accordion-item-title-text {
font-size: 1.2rem;
line-height: 1.25;
}
.e-n-accordion-item-title-icon {
grid-column: 1;
grid-row: 1;
display: flex;
align-items: flex-start;
justify-content: center;
width: 2.5rem;
min-width: 2.5rem;
padding: 0.15rem 0.65rem 0.35rem 0.25rem;
box-sizing: border-box;
color: var(--itg-color-secondary);
}
.e-n-accordion-item-title-icon svg {
width: 0.85rem;
height: 0.85rem;
fill: currentColor;
}
.e-n-accordion-item > [role='region'] {
padding: 1rem 0.85rem 1rem 3rem !important;
}
.e-n-accordion-item > [role='region'] > .e-con-inner {
padding: 0 !important;
}
.e-n-accordion-item > [role='region'] .elementor-widget-text-editor {
padding: 0 !important;
}
}
} #hero .elementor-widget-image img {
max-height: unset;
} #service-map {
min-height: 360px;
}
#service-map .gm-control-active,
#service-map .gm-fullscreen-control {
transform: scale(0.9);
transform-origin: center;
} footer {
.section {
row-gap: 0;
}
a {
color: inherit;
text-decoration: none;
}
h4 {
margin-bottom: 1rem;
}
a:hover,
a:focus-visible {
color: var(--itg-color-secondary);
text-decoration: none;
}
#footer-grid {
> .e-con-inner {
grid-template-columns: 1fr !important;
row-gap: 0 !important;
}
.footer-row {
position: relative;
padding-block: 2rem !important;
&#zahlung {
> .elementor-element:nth-child(2) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
row-gap: 10px;
> .elementor-element {
width: 50%;
justify-self: flex-start;
column-gap: 10px;
svg {
height: 0.7em;
}
}
}
}
.elementor-widget-container {
p {
&:last-child {
margin-bottom: 0;
}
}
}
}
.footer-row:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-top: 1px solid var(--itg-color-border);
}
.footer-row:first-child {
padding-top: 0 !important;
}
}
#footer-bottom {
&.section__inner {
padding-top: 0 !important;
}
> .e-con-inner {
justify-items: center;
.elementor-element {
> .e-con-inner {
row-gap: 20px !important;
.elementor-element {
align-items: center;
}
}
}
}
.elementor-element-d1ae4ee > .e-con-inner {
grid-template-columns: 1fr !important;
justify-items: center;
row-gap: 0.75rem !important;
text-align: center;
}
.elementor-menu-toggle,
.elementor-nav-menu--dropdown {
display: none !important;
}
.elementor-nav-menu--main {
display: block !important;
}
.elementor-nav-menu {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem 1rem;
}
.elementor-nav-menu li,
.elementor-nav-menu a {
display: inline-flex;
}
.elementor-nav-menu a {
padding: 0 !important;
text-decoration: none;
}
.e-con-inner {
display: flex;
flex-direction: column;
align-items: center;
}
}
}
}
@media (max-width: 393px) {
#soforthilfe {
a[href='#einzugsgebiet'] {
white-space: normal;
text-decoration-line: underline;
text-decoration-style: dashed;
text-decoration-color: var(--itg-color-secondary);
text-decoration-thickness: 1px;
text-underline-offset: 0.32em;
&:after {
content: unset;
}
}
}
#kmu {
#kmu-service-raster {
grid-template-columns: repeat(1, 1fr) !important;
gap: 1.7rem 0 !important;
> div:before,
> div:after {
display: none;
}
> div > div:first-child {
padding-top: 0 !important;
}
}
#kmu-stunden {
strong {
width: 100% !important;
}
}
}
}
@media (max-width: 390px) {
#einzugsgebiet {
.zonen-titel {
column-gap: 10px !important;
p {
font-size: 1rem !important;
}
.elementor-element {
&:first-child {
.elementor-icon-wrapper {
width: 2rem !important;
height: 2rem !important;
}
svg {
width: 1.3rem !important;
}
}
}
}
.zone-pauschale {
margin-top: -4px;
font-size: 1rem !important;
}
}
#kmu {
#kmu-stunden {
strong {
display: block;
}
}
}
} @media (max-width: 360px) {
a {
font-size: 0.95rem !;
}
h2,
h2.elementor-heading-title {
font-size: 1.45rem !important;
width: auto !important;
}
h3,
h3.elementor-heading-title {
font-size: 1.12rem !important;
}
p,
li,
.elementor-widget-text-editor {
font-size: 0.95rem;
line-height: 1.38;
}
#hero {
h1.elementor-heading-title {
font-size: 1.72rem !important;
}
#hero-left #hero-second-cta {
.elementor-icon {
font-size: 1.6rem !important;
}
}
}
#soforthilfe {
#soforthilfe-preisbox-mobile {
.elementor-element-6ab0e8e {
span.elementor-button-text {
font-size: 1.2rem;
}
}
}
.step {
p {
&:after {
top: -7px;
}
}
}
}
#privatkunden,
.section#kmu {
.privat-preis-text h3 {
font-size: 1.35rem !important;
}
#kmu-paket-stunden-gueltigkeit {
p {
font-size: 0.9rem !important;
}
}
}
#einzugsgebiet {
#zone1,
#zone2 {
> div:first-child > div.elementor-widget-icon {
display: none;
}
}
.zone-preis p {
font-size: 1.35rem !important;
}
#service-map {
min-height: 320px;
}
}
#faq {
p {
a {
font-size: 1.05rem !important;
}
}
}
#kontakt {
p {
a {
font-size: 0.95rem !important;
}
}
}
#danke-text {
p {
a {
font-size: 0.95rem;
}
}
}
}
@media (max-width: 320px) and (orientation: portrait) {
#hero {
#hero-second-cta {
flex-direction: column !important;
justify-content: flex-start;
width: auto !important;
row-gap: 0px;
a {
margin-left: 22vw !important;
justify-content: flex-start !important;
p {
font-size: 4.4vw;
}
}
}
a[href='/#kundenstimmen'] {
#hero-google-reviews .wp-google-list .grw-header-inner .rpi-flx {
display: flex !important;
flex-direction: column !important;
}
}
}
#soforthilfe {
#soforthilfe-links {
.elementor-element-6ab0e8e {
span.elementor-button-text {
font-size: 1rem !important;
}
svg {
font-size: 1.9rem !important;
}
}
}
#soforthilfe-preisbox-mobile {
p {
font-size: 0.9rem;
}
a svg {
width: 30px !important;
height: 30px !important;
}
}
}
.section {
&#kmu {
#kmu-paket-raster {
.kmu-package-card {
.abo {
h3 {
font-size: 0.9rem !important;
}
p {
font-size: 0.75rem !important;
}
}
}
}
#kmu-paket-stunden-gueltigkeit {
p {
font-size: 0.8rem !important;
}
}
}
}
footer {
#zahlung {
.elementor-element-57dad81 {
> div {
column-gap: 0 !important;
}
}
svg {
display: none;
}
}
}
}.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}