@charset "UTF-8";
/*!
Theme Name: SaaS Web
Theme URI: http://underscores.me/
Author: SaaS Web Internet Solutions GmbH
Author URI: https://www.saasweb.net/
Description: Description
Version: 1.0.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saasweb
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SaaS Web is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* 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%;
}

/* 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 {
  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;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 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
	 ========================================================================== */
/**
 * 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 {
  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] {
  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;
}

/* 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 {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #333;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
}

h4,
h5,
h6 {
  font-weight: 600;
}

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: var(--wp--preset--font-family--pre);
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: var(--wp--preset--font-family--code);
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

.site {
  width: 100%;
  padding-top: var(--wp--style--root--padding-top, 0);
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
  padding-left: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0.5em;
}

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: #23505c;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

body.page:not(.home) .entry-content a:not(.wp-block-button__link):not(.button) {
  color: #b2c300;
}
body.page:not(.home) .entry-content a:not(.wp-block-button__link):not(.button):visited, body.page:not(.home) .entry-content a:not(.wp-block-button__link):not(.button):hover, body.page:not(.home) .entry-content a:not(.wp-block-button__link):not(.button):focus, body.page:not(.home) .entry-content a:not(.wp-block-button__link):not(.button):active {
  color: #b2c300;
}

body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content a:not(.wp-block-button__link):not(.button), body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content a:not(.wp-block-button__link):not(.button):visited, body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content a:not(.wp-block-button__link):not(.button):hover, body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content a:not(.wp-block-button__link):not(.button):focus, body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content a:not(.wp-block-button__link):not(.button):active {
  color: var(--sw-green-text, #636d00);
}

body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content :is(.wp-block-cover, .landing-approach, .landing-hero, .saasweb-dark-green, .has-saas-green-dark-background-color) a:not(.wp-block-button__link):not(.button), body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content :is(.wp-block-cover, .landing-approach, .landing-hero, .saasweb-dark-green, .has-saas-green-dark-background-color) a:not(.wp-block-button__link):not(.button):visited, body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content :is(.wp-block-cover, .landing-approach, .landing-hero, .saasweb-dark-green, .has-saas-green-dark-background-color) a:not(.wp-block-button__link):not(.button):hover, body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content :is(.wp-block-cover, .landing-approach, .landing-hero, .saasweb-dark-green, .has-saas-green-dark-background-color) a:not(.wp-block-button__link):not(.button):focus, body.page:not(.home):where(.saasweb-agency, .saasweb-net, .saasweb-cloud) .entry-content :is(.wp-block-cover, .landing-approach, .landing-hero, .saasweb-dark-green, .has-saas-green-dark-background-color) a:not(.wp-block-button__link):not(.button):active {
  color: #b2c300;
}

body.page:not(.home) .entry-content .saas-breadcrumbs a:not(.wp-block-button__link):not(.button), body.page:not(.home) .entry-content .saas-breadcrumbs a:not(.wp-block-button__link):not(.button):visited, body.page:not(.home) .entry-content .saas-breadcrumbs a:not(.wp-block-button__link):not(.button):hover, body.page:not(.home) .entry-content .saas-breadcrumbs a:not(.wp-block-button__link):not(.button):focus, body.page:not(.home) .entry-content .saas-breadcrumbs a:not(.wp-block-button__link):not(.button):active {
  color: inherit;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
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: 1px solid #ccc;
  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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media only screen and (max-width: 980px) {
  .main-navigation.toggled ul#mega-menu-menu-1.max-mega-menu.nav-menu,
  #site-navigation.toggled ul#mega-menu-menu-1.max-mega-menu.nav-menu {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto;
    padding-top: var(--header-height, 74px) !important;
    box-sizing: border-box;
  }
  header#masthead #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li.mega-menu-item > a,
  header#masthead #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li.mega-menu-item > a.mega-menu-link {
    display: block !important;
    width: 100% !important;
    min-height: 44px;
    line-height: 1.2;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    touch-action: manipulation;
    box-sizing: border-box;
    white-space: nowrap;
  }
  header#masthead #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li.mega-menu-item > a.mega-menu-link {
    position: relative;
    padding-right: 3rem !important;
  }
  header#masthead #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li.mega-menu-item > a.mega-menu-link .mega-indicator {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.75rem;
    cursor: pointer;
  }
}
/* Top-Level mobil: Beschreibung umbrechen, Link/LI wachsen mit Inhalt (kein Überlapp mit nächstem li) */
@media screen and (max-width: 1207px) {
  /* nowrap auf dem Top-Link verhindert die Zeilenhöhe — nur bei mega-has-description aufheben */
  header#masthead #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li.mega-menu-item.mega-has-description > a.mega-menu-link {
    white-space: normal !important;
    height: auto !important;
    min-height: 44px;
    padding-bottom: 1rem !important;
  }
  #site-navigation #mega-menu-menu-1 > li.mega-menu-item.mega-has-description {
    overflow: visible;
  }
  #site-navigation #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link .mega-description-group {
    white-space: normal;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  #site-navigation #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link .mega-menu-description {
    display: block;
    max-width: 80%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 1208px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
  /* Top-Level Mega-Menü: Beschreibung nur mobil sichtbar (Plugin-Breakpoint 1208px) */
  #site-navigation #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link .mega-menu-description {
    display: none !important;
  }
  /* Custom Coding & Business Boost: 3. Spalte soll 2 Rasterspalten einnehmen (25% / 25% / 50%). */
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-8317 .mega-sub-menu > li#mega-menu-8317-0 > ul.mega-sub-menu > li#mega-menu-8317-0-2,
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-9090 .mega-sub-menu > li#mega-menu-9090-0 > ul.mega-sub-menu > li#mega-menu-9090-0-2 {
    --span: 6 !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
  /*
   * Managed Hosting: 4. Spalte (Custom HTML) über beide Menüzeilen (25% / 25% / 25% / 25%, Zeile 1+2).
   * display: contents hebt die Row-Wrapper auf, damit alle Spalten im gemeinsamen Grid liegen.
   */
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 > ul.mega-sub-menu {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: auto auto;
    align-items: stretch;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 > ul.mega-sub-menu > li.mega-menu-row,
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: contents;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    --span: 3 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-0-0 {
    grid-column: 1/span 3;
    grid-row: 1;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-0-1 {
    grid-column: 4/span 3;
    grid-row: 1;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-0-2 {
    grid-column: 7/span 3;
    grid-row: 1;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-0-3 {
    grid-column: 10/span 3;
    grid-row: 1/span 2;
    align-self: stretch;
    background-color: rgba(178, 195, 0, 0.85);
    border-left: 3px solid #17404b;
    box-sizing: border-box;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static {
    padding: 0.2rem 0.8rem 0.8rem 1rem;
    color: #17404b;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static h4 {
    line-height: 1.5;
    color: #17404b;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static .mega-block-title {
    display: grid !important;
    grid-template-columns: 2.5em minmax(0, 1fr);
    column-gap: 0.55em;
    align-items: start;
    position: static;
    padding-left: 0;
    margin-bottom: 0;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static .mega-block-title::before {
    content: "" !important;
    display: block;
    position: static;
    grid-column: 1;
    grid-row: 1/-1;
    align-self: start;
    width: 2.5em;
    height: 2.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M12 2C6.48 2 2 6.03 2 11c0 2.2 1.05 4.18 2.72 5.5L3 22l6.1-3.05C10.02 19.32 10.99 19.5 12 19.5c5.52 0 10-4.03 10-9S17.52 2 12 2z'/%3E%3Ctext x='12' y='15' text-anchor='middle' font-family='sans-serif' font-size='11' font-weight='700' fill='%23b2c300'%3E%3F%3C%2Ftext%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static .textwidget.custom-html-widget {
    margin-top: 0.5rem;
    line-height: 1.5;
    color: #17404b;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static .mega-menu-contact-container {
    margin-top: 0.5rem;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static a {
    display: inline;
    color: #17404b;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static a:link, #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static a:visited, #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static a:active, #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static a:focus {
    color: #17404b;
  }
  #site-navigation #mega-menu-menu-1 .mega-menu-column.mega-menu-static a:hover {
    color: #fff;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-0-3 > .mega-sub-menu {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-1-0 {
    grid-column: 1/span 3;
    grid-row: 2;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-1-1 {
    grid-column: 4/span 3;
    grid-row: 2;
  }
  #site-navigation #mega-menu-menu-1 > li#mega-menu-item-121 #mega-menu-121-1-2 {
    grid-column: 7/span 3;
    grid-row: 2;
  }
}
.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: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/**
 * Native mega menu.
 *
 * Markup is produced by Saasweb_Mega_Menu_Walker and is only active when the
 * ACF option "menu-use-max-mega-plugin" is unchecked. All selectors are scoped
 * to #site-navigation .main-navigation--mega so the Max Mega Menu styles (used
 * on the shared hosting site) are never touched.
 *
 * Depth mapping:
 *   .saasweb-mega__top       -> first level: item in the header bar / accordion header
 *   .saasweb-mega__col       -> second level: column title in the overlay (icon + title)
 *   .saasweb-mega__row       -> third level: stacked rows (links) inside a column
 */
/* Gepunkteter Fokusrahmen (a:focus aus _links.scss) nur bei Tastatur, nicht nach Tippen oder Klicken. */
#site-navigation .saasweb-mega a:focus:not(:focus-visible) {
  outline: none;
}

.main-navigation--mega {
  /* Hamburger (mobile only). */
}
.main-navigation--mega .menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0.5rem;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #17404b;
}
.main-navigation--mega .menu-toggle__box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 20px;
}
.main-navigation--mega .menu-toggle__bar {
  display: block;
  height: 2px;
  width: 100%;
  background: currentColor;
  border-radius: 2px;
  transform-origin: center;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}
.main-navigation--mega.toggled .menu-toggle__bar:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}
.main-navigation--mega.toggled .menu-toggle__bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.main-navigation--mega.toggled .menu-toggle__bar:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

/* Neutralise the generic _navigation.scss sub-menu rules for our lists. */
#site-navigation .saasweb-mega,
#site-navigation .saasweb-mega__grid,
#site-navigation .saasweb-mega__col-list {
  position: static;
  top: auto;
  left: auto;
  float: none;
  box-shadow: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

#site-navigation .saasweb-mega a {
  width: auto;
}

/* ---------------------------------------------------------------------------
 * Mobile first (< 1208px): full-width dropdown + accordion.
 * ------------------------------------------------------------------------- */
#site-navigation .saasweb-mega {
  /* Label + caret share one box (active highlight is applied here). */
  /* Caret / accordion toggle — sits directly beside the label. */
  /* Panels are collapsed on mobile until opened. */
  /* Column. */
  /* Column title (second level) = icon + name (+ optional description), linkbar. */
  /* Stacked rows (third level). */
  /* Active states: level 3 = light green; level 2 only when that exact page is active. */
  /* Top-level parent of the current page: one shared highlight for label + arrow. */
  /* Level-2 parent of an active level-3 item: small green triangle beside the title. */
}
#site-navigation .saasweb-mega .saasweb-mega__top {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 0;
}
#site-navigation .saasweb-mega .saasweb-mega__label {
  display: inline-flex;
  align-items: center;
  margin-left: 1.25rem;
}
#site-navigation .saasweb-mega .saasweb-mega__top-link {
  display: inline-block;
  padding: 0.9rem 0.5rem 0.9rem 0.75rem;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  text-decoration: none;
}
#site-navigation .saasweb-mega .saasweb-mega__toggle {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 2.5rem;
  min-height: 44px;
  padding: 0.9rem 0.75rem 0.9rem 0.15rem;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  color: #17404b;
  cursor: pointer;
}
#site-navigation .saasweb-mega .saasweb-mega__caret {
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
#site-navigation .saasweb-mega .saasweb-mega__top.is-open .saasweb-mega__toggle .saasweb-mega__caret {
  transform: rotate(-135deg);
}
#site-navigation .saasweb-mega .saasweb-mega__panel {
  display: none;
  flex: 1 0 100%;
  width: 100%;
  background: #f5f5f5;
}
#site-navigation .saasweb-mega .saasweb-mega__top.is-open > .saasweb-mega__panel {
  display: block;
}
#site-navigation .saasweb-mega .saasweb-mega__inner {
  padding: 0.75rem 1.25rem 1.25rem;
}
#site-navigation .saasweb-mega .saasweb-mega__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
#site-navigation .saasweb-mega .saasweb-mega__col {
  list-style: none;
}
#site-navigation .saasweb-mega .saasweb-mega__col-title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.75rem;
  padding: 0.35rem 0;
  color: inherit;
  text-decoration: none;
}
#site-navigation .saasweb-mega .saasweb-mega__col-title:hover .saasweb-mega__col-name, #site-navigation .saasweb-mega .saasweb-mega__col-title:focus-visible .saasweb-mega__col-name {
  color: #b2c300;
}
#site-navigation .saasweb-mega .saasweb-mega__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: #e8f0f4;
  overflow: hidden;
}
#site-navigation .saasweb-mega .saasweb-mega__icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
#site-navigation .saasweb-mega .saasweb-mega__col-text {
  display: block;
}
#site-navigation .saasweb-mega .saasweb-mega__col-name {
  display: block;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.95rem;
}
#site-navigation .saasweb-mega .saasweb-mega__col-desc {
  display: block;
  margin-top: 0.1rem;
  color: #666;
  font-size: 0.8rem;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}
#site-navigation .saasweb-mega .saasweb-mega__col-list {
  display: block;
  margin: 0.35rem 0 0;
}
#site-navigation .saasweb-mega .saasweb-mega__col-list--wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
}
#site-navigation .saasweb-mega .saasweb-mega__col-list--wrap .saasweb-mega__row {
  flex: 0 0 auto;
}
#site-navigation .saasweb-mega .saasweb-mega__col-list--wrap .saasweb-mega__row-link {
  display: inline;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#site-navigation .saasweb-mega .saasweb-mega__row {
  list-style: none;
}
#site-navigation .saasweb-mega .saasweb-mega__row-link {
  display: block;
  padding: 0.32rem 0;
  color: #23505c;
  font-size: 0.92rem;
  line-height: 1.3;
  text-decoration: none;
}
#site-navigation .saasweb-mega .saasweb-mega__row-link:hover {
  color: #b2c300;
}
#site-navigation .saasweb-mega .saasweb-mega__row.current-menu-item > .saasweb-mega__row-link {
  color: #b2c300;
  font-weight: 600;
}
#site-navigation .saasweb-mega .saasweb-mega__col.current-menu-item > .saasweb-mega__col-title .saasweb-mega__col-name {
  color: #b2c300;
}
#site-navigation .saasweb-mega .saasweb-mega__top.current-menu-item > .saasweb-mega__label,
#site-navigation .saasweb-mega .saasweb-mega__top.current-menu-parent > .saasweb-mega__label,
#site-navigation .saasweb-mega .saasweb-mega__top.current-menu-ancestor > .saasweb-mega__label {
  background-color: rgba(178, 195, 0, 0.5);
}
#site-navigation .saasweb-mega .saasweb-mega__col.current-menu-parent:not(.current-menu-item) > .saasweb-mega__col-title .saasweb-mega__col-name {
  display: inline-block;
  position: relative;
  padding-right: 1rem;
}
#site-navigation .saasweb-mega .saasweb-mega__col.current-menu-parent:not(.current-menu-item) > .saasweb-mega__col-title .saasweb-mega__col-name::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.35rem solid transparent;
  border-bottom: 0.35rem solid transparent;
  border-left: 0.55rem solid #b2c300;
}

/* Mobile: turn the toggled menu into a full-height overlay below the header. */
@media only screen and (max-width: 1207px) {
  #site-navigation.main-navigation--mega {
    position: static;
  }
  #site-navigation.toggled .saasweb-mega,
  #site-navigation.toggled #primary-menu.saasweb-mega {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: var(--header-height, 87px);
    height: calc(100vh - var(--header-height, 87px));
    height: calc(100dvh - var(--header-height, 87px));
    max-height: calc(100vh - var(--header-height, 87px));
    max-height: calc(100dvh - var(--header-height, 87px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    padding-top: 4rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
    z-index: 998;
  }
}
/* Lock page scroll while the mobile menu overlay is open.
 * Scrolling stays available inside the overlay when an expanded submenu overflows. */
body.mega-menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* body ist dabei fixiert und um die Scrollhöhe nach oben verschoben. Ohne Scrollen
 * klebt die (sticky) Kopfzeile nicht mehr oben, sondern wandert mit nach oben aus
 * dem Bild – samt Menü. Solange das Menü offen ist, steht sie deshalb fest oben. */
body.mega-menu-open header#masthead {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

/* ---------------------------------------------------------------------------
 * Desktop (>= 1208px): horizontal bar + hover mega panels.
 * ------------------------------------------------------------------------- */
@media only screen and (min-width: 1208px) {
  .main-navigation--mega .menu-toggle {
    display: none;
  }
  /* Etwas mehr Abstand zwischen Top-Bar (obere Zeile) und Menü-Zeile.
   * Höhere Spezifität als header#masthead #site-navigation (zwei IDs).
   *
   * justify-content: flex-end schiebt die Menü-Zeile an die Unterkante der
   * (per height:100% gestreckten) Nav — so schließt die Menü-Leiste bündig
   * mit der Unterkante des Headers ab. Damit sitzt das Overlay (dessen Top
   * notfalls aus --header-height abgeleitet wird) immer direkt unter dem Menü
   * und es entsteht kein Spalt, in dem der Hero durchscheint. */
  header#masthead #site-navigation.main-navigation--mega {
    padding-top: 38px;
    justify-content: flex-end;
    /* Reset the position: relative that #masthead > * applies, so the mega
     * panel's containing block becomes #masthead itself (position: sticky).
     * That lets the panel anchor to the header bottom via top: 100%. */
    position: static;
  }
  /* The masthead's fade-in overlay (::before) is positioned; with the nav now
   * static it would paint on top of the menu links. Push it behind the content.
   * Scoped to the native mega header -> the Max-Mega/Hosting header is untouched. */
  body.saasweb-native-mega header#masthead::before {
    z-index: -1;
  }
  /* Logo: die generische Regel (header#masthead #logo) verkleinert es ab 981px
   * auf 44px. Im nativen Mega-Menü soll es mit 54px angezeigt werden und mit der
   * Unterkante auf einer Linie mit den Menü-Items der 1. Ebene sitzen.
   *
   * Logo und Nav liegen in derselben Grid-Zelle mit align-self: end, also an der
   * Zellen-Unterkante. Die Menü-Links haben jedoch unter dem Text noch padding +
   * line-height-Leading (~10px), sodass ihr sichtbarer Text höher endet als die
   * Box. margin-bottom hebt das Logo um genau diesen Betrag an, damit die sicht-
   * bare Logo-Unterkante mit der Textunterkante der Menü-Items fluchtet.
   * Zwei IDs + Body-Klasse überschreiben die generische Regel. */
  body.saasweb-native-mega header#masthead #logo {
    height: 54px;
    margin-top: 0;
    margin-bottom: 10px;
    transition: height 0.2s ease;
  }
  /* Shrink-on-scroll: sobald gescrollt wird (JS setzt .is-scrolled auf
   * #masthead), fliegt die Top-Bar raus und das Logo verkleinert sich auf 44px.
   * Damit passt das Logo in den kompakten Sticky-Header (die Top-Position wird
   * in mega-menu.js aus der Logo-Oberkante abgeleitet, nicht aus der Menü-Zeile,
   * damit das größere Logo beim Scrollen oben nicht abgeschnitten wird). */
  body.saasweb-native-mega header#masthead.is-scrolled #logo {
    height: 44px;
  }
  /* Die Nav spannt über beide Grid-Zeilen (padding-top statt eigener Zeile) und
   * liegt bei gleichem z-index später im DOM über der Top-Bar: ohne z-index: 2
   * fängt sie die Klicks auf Blog/Kontakt ab. */
  body.saasweb-native-mega header#masthead .top-bar {
    z-index: 2;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  body.saasweb-native-mega header#masthead.is-scrolled .top-bar {
    opacity: 0;
    visibility: hidden;
  }
  #site-navigation .saasweb-mega {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(1rem, 2.2vw, 2.25rem);
    /* Desktop caret indicator after items that own a panel. */
    /* Full-width panel, glued to the bottom edge of #masthead.
     *
     * position: absolute + top: 100% anchors the panel to the masthead's
     * bottom (its containing block is #masthead — see the position: static
     * reset on #site-navigation below). This is bullet-proof: it needs no
     * JS measurement and no admin-bar math, so it can never end up "too
     * deep" (top: 91+32) or float at top: 0. It stays flush whether the
     * admin bar pushes the header down or overlaps it, at rest and while
     * the sticky header is scrolled.
     *
     * left/right: 0 make it span the full masthead width (= viewport, the
     * masthead is width: 100%) without needing 100vw (which would add a
     * horizontal scrollbar over the vertical scrollbar's width). */
    /* Columns titled by the second level; rows stacked below each title. */
  }
  #site-navigation .saasweb-mega .saasweb-mega__top {
    position: static;
    display: flex;
    align-items: center;
    border-bottom: 0;
    padding: 4px 0;
  }
  #site-navigation .saasweb-mega .saasweb-mega__label {
    margin-left: 0;
  }
  #site-navigation .saasweb-mega .saasweb-mega__top-link {
    position: relative;
    display: inline-block;
    padding: 0.55rem 0.85rem;
    font-weight: 600;
    font-size: 1.125rem;
    white-space: nowrap;
  }
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega > .saasweb-mega__label > .saasweb-mega__top-link::after {
    content: "";
    display: inline-block;
    width: 0.45em;
    height: 0.45em;
    margin-left: 0.45em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 0.2s ease;
  }
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:hover > .saasweb-mega__label > .saasweb-mega__top-link::after,
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:focus-within > .saasweb-mega__label > .saasweb-mega__top-link::after {
    transform: translateY(1px) rotate(-135deg);
  }
  #site-navigation .saasweb-mega .saasweb-mega__toggle {
    display: none;
  }
  #site-navigation .saasweb-mega .saasweb-mega__top-link:hover,
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:hover > .saasweb-mega__label > .saasweb-mega__top-link,
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:focus-within > .saasweb-mega__label > .saasweb-mega__top-link {
    color: #b2c300;
  }
  #site-navigation .saasweb-mega .saasweb-mega__panel {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateY(8px);
    background: #fff;
    border-top: 3px solid #b2c300;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 998;
  }
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:hover > .saasweb-mega__panel,
  #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:focus-within > .saasweb-mega__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  #site-navigation .saasweb-mega .saasweb-mega__inner {
    max-width: var(--wp--style--global--content-size, 1160px);
    margin: 0 auto;
    padding: clamp(1.5rem, 3vw, 2.5rem) var(--wp--style--block-gap, 24px);
  }
  #site-navigation .saasweb-mega .saasweb-mega__grid {
    display: grid;
    gap: 2rem 2.5rem;
    align-items: start;
  }
  #site-navigation .saasweb-mega .saasweb-mega__grid--cols-1 {
    grid-template-columns: 1fr;
  }
  #site-navigation .saasweb-mega .saasweb-mega__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #site-navigation .saasweb-mega .saasweb-mega__grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #site-navigation .saasweb-mega .saasweb-mega__col-title {
    padding-bottom: 0.75rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
/* ---------------------------------------------------------------------------
 * WordPress Admin-Bar (nur eingeloggt): Die CSS-Variablen, die das Theme für
 * Sticky-Offsets, scroll-padding und die Mega-Panel-Position referenziert,
 * werden von WP selbst NICHT gesetzt -> ohne Werte fällt alles auf 0 zurück.
 * Folge (eingeloggt): die gepinnte Menü-Zeile rutscht unter die Admin-Bar und
 * das Overlay sitzt über statt unter dem Menü. Hier setzen wir die Werte passend.
 *
 * WP-Verhalten: Admin-Bar ist > 782px fix (32px hoch), <= 782px absolut und
 * scrollt mit (46px). Für Sticky-Offsets zählt daher nur die *fixe* Chrome-Höhe:
 * 32px auf Desktop, 0px auf Mobil (dort scrollt die Bar einfach weg).
 *
 * Auf body.saasweb-native-mega begrenzt -> Hosting-Website bleibt unberührt.
 * ------------------------------------------------------------------------- */
body.saasweb-native-mega.admin-bar {
  --wp-admin--admin-bar--height: 0px;
  --wp-admin--admin-bar--position-offset: 0px;
}

@media screen and (min-width: 783px) {
  body.saasweb-native-mega.admin-bar {
    --wp-admin--admin-bar--height: 32px;
    --wp-admin--admin-bar--position-offset: 32px;
  }
}
/* ---------------------------------------------------------------------------
 * Agency-Header (natives Mega-Menü): Abstand über der Top-Bar und Top-Bar
 * scrollt beim Scrollen weg, die Menü-Zeile bleibt oben kleben.
 * Alles auf body.saasweb-native-mega begrenzt -> Hosting-Website bleibt unberührt.
 * ------------------------------------------------------------------------- */
body.saasweb-native-mega header#masthead {
  /* Abstand zwischen oberer Kante und Top-Bar (Button). */
  padding-top: 14px;
}

@media only screen and (min-width: 1208px) {
  body.saasweb-native-mega header#masthead {
    /* Negativer Sticky-Offset: die obere Region (Abstand + Top-Bar) ist
     * beim Andocken bereits ausgescrollt, die Menü-Zeile sitzt oben.
     * --masthead-hide wird per JS gemessen (mega-menu.js). */
    top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--masthead-hide, 0px));
  }
}
/* ---------------------------------------------------------------------------
 * Dummy-/Gliederungsseiten: Menüpunkte, die auf eine Dummy-Seite zeigen, werden
 * als reiner Text (<span>) statt als Link gerendert (siehe
 * saasweb_render_dummy_menu_item_as_text()). Der Text behält die Optik seines
 * ursprünglichen Link-Klassennamens, ist aber nicht klickbar.
 * ------------------------------------------------------------------------- */
.saasweb-dummy-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

/* .net (Vorschaltseite, ohne Top Bar): Menü, Sprachumschalter und Hell/Dunkel stehen in einer Zeile. Zentriert und
 * mit dem großen Abstand stieß die Zeile auf Französisch („À propos de nous“) ans Logo. Darum rechtsbündig, etwas
 * engere Abstände, und die Nav beginnt erst hinter dem Logo (270 px + Luft statt 240 px). */
@media only screen and (min-width: 1208px) {
  body.saasweb-net header#masthead #site-navigation {
    margin-left: 300px;
  }
  body.saasweb-net #site-navigation .saasweb-mega {
    gap: clamp(0.5rem, 1.4vw, 1.5rem);
    justify-content: flex-end;
  }
}
/**
 * Mega-Menü der Agency: schwebende Karte mit Einträgen (Symbol, Titel, Kurzbeschreibung),
 * Teaser-Kachel und Fußzeile; Seite dahinter leicht abgedunkelt. Markup: Saasweb_Mega_Menu_Walker
 * und inc/mega-menu-agency.php. Alles auf body.saasweb-agency begrenzt.
 */
body.saasweb-agency #site-navigation .saasweb-mega {
  /* Symbol in Petrol mit grüner Linie (wie die Kürzel-Kacheln auf den Seiten). */
  /* Spaltentitel mit Unterpunkten: kleine grüne Überschriftzeile. */
  /* Einträge: Symbol, Titel, Kurzbeschreibung, Pfeil beim Darüberfahren.
   * Spalten ohne Unterpunkte (z. B. „Einsatz von KI“, „Blog“) sehen genauso aus. */
  /* Aktuelle Seite: Symbol invertiert statt grüner Schrift auf Weiß. */
  /* Vierte Ebene (z. B. WordPress-Unterseiten) steht auf den Seiten selbst. */
  /* Teaser-Kachel und Fußzeile */
  /* Hauptmenü: grüne Unterstreichung statt grüner Fläche. */
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__glyph {
  align-items: center;
  background: #17404b;
  border-radius: 6px;
  color: #b2c300;
  display: inline-flex;
  flex: 0 0 auto;
  height: 32px;
  justify-content: center;
  width: 32px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__glyph svg {
  display: block;
  height: 18px;
  width: 18px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title {
  border-bottom: 0;
  display: block;
  margin: 0 0 0.35rem;
  padding: 0 10px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title .saasweb-mega__col-name {
  color: var(--sw-green-text, #636d00);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title .saasweb-mega__col-desc {
  display: none;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title:hover .saasweb-mega__col-name, body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title:focus-visible .saasweb-mega__col-name {
  color: #17404b;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title {
  align-items: start;
  border-bottom: 0;
  border-radius: 10px;
  color: #17404b;
  display: grid;
  gap: 12px;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  margin: 0;
  padding: 10px;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link > .saasweb-mega__glyph,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title > .saasweb-mega__glyph {
  margin-top: 0;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link > .saasweb-mega__row-text,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link > .saasweb-mega__col-text,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link > .saasweb-mega__col-name,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title > .saasweb-mega__row-text,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title > .saasweb-mega__col-text,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title > .saasweb-mega__col-name {
  grid-column: 2;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link > .saasweb-mega__row-arrow,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title > .saasweb-mega__row-arrow {
  grid-column: 3;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link:hover, body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link:focus-visible,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title:hover,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title:focus-visible {
  background: #f1f5f6;
  color: #17404b;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link:hover .saasweb-mega__row-arrow, body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link:focus-visible .saasweb-mega__row-arrow,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title:hover .saasweb-mega__row-arrow,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title:focus-visible .saasweb-mega__row-arrow {
  opacity: 1;
  transform: translateX(0);
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title {
  grid-template-columns: 32px minmax(0, 1fr);
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-name,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single .saasweb-mega__col-name {
  color: #17404b;
  display: block;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-desc,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single .saasweb-mega__col-desc {
  color: #5b6b70;
  display: block;
  font-size: 0.82rem;
  line-height: 1.4;
  margin-top: 2px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-arrow {
  color: #17404b;
  display: inline-flex;
  margin-top: calc((1.274rem - 16px) / 2);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-arrow svg {
  height: 16px;
  width: 16px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row.current-menu-item > .saasweb-mega__row-link,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single.current-menu-item > .saasweb-mega__col-title {
  background: #f1f5f6;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row.current-menu-item > .saasweb-mega__row-link .saasweb-mega__glyph,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single.current-menu-item > .saasweb-mega__col-title .saasweb-mega__glyph {
  background: #b2c300;
  color: #17404b;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row.current-menu-item > .saasweb-mega__row-link .saasweb-mega__row-name,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row.current-menu-item > .saasweb-mega__row-link .saasweb-mega__col-name,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single.current-menu-item > .saasweb-mega__col-title .saasweb-mega__row-name,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single.current-menu-item > .saasweb-mega__col-title .saasweb-mega__col-name {
  color: #17404b;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row > .sub-menu {
  display: none;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col-list {
  margin: 0;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1.5px) 0 0/20px 20px, radial-gradient(ellipse at 100% 0%, rgba(178, 195, 0, 0.18), transparent 60%), #17404b;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-media {
  display: block;
  height: 140px;
  margin: -28px -28px 8px;
  overflow: hidden;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-eyebrow {
  color: #b2c300;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-title {
  color: #fff;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-text {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.88rem;
  line-height: 1.5;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-btn {
  align-self: flex-start;
  background: #b2c300;
  border-radius: 8px;
  color: #0b242b !important;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.9rem;
  font-weight: 700;
  margin-top: auto;
  padding: 0.65em 1.1em;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-btn:hover, body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser-btn:focus-visible {
  background: #c6d81a;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot {
  align-items: center;
  background: #f7f9fa;
  border-top: 1px solid #e7edef;
  color: #5b6b70;
  display: flex;
  font-size: 0.82rem;
  gap: 1rem;
  grid-column: 1/-1;
  justify-content: space-between;
  padding: 12px 28px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot-link {
  align-items: center;
  color: #17404b;
  display: inline-flex;
  font-weight: 700;
  gap: 6px;
  text-decoration: none;
  white-space: nowrap;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot-link svg {
  height: 16px;
  transition: transform 0.15s ease;
  width: 16px;
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot-link:hover svg, body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot-link:focus-visible svg {
  transform: translateX(3px);
}
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-item > .saasweb-mega__label,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-parent > .saasweb-mega__label,
body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-ancestor > .saasweb-mega__label {
  background-color: transparent;
}

/* Mobil: Akkordeon mit denselben Einträgen, ohne Teaser und Fußzeile. */
@media only screen and (max-width: 1207px) {
  body.saasweb-agency #site-navigation .saasweb-mega {
    /* Hauptpunkte als große Zeilen über die ganze Breite, Pfeil rechts. */
    /* Aktueller Bereich: kurze grüne Linie unter dem Titel. */
    /* Unterer Bereich: Kontakt, Blog, Erreichbarkeit (nur im Overlay). */
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__panel {
    background: #fff;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-arrow {
    display: none;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-link,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col--single > .saasweb-mega__col-title {
    grid-template-columns: 32px minmax(0, 1fr);
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__grid {
    gap: 1rem;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top {
    border-bottom: 1px solid #e7edef;
    margin: 0 20px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__label {
    display: flex;
    margin-left: 0;
    width: 100%;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top-link {
    flex: 1;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    padding: 1.15rem 0;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__toggle {
    align-self: center;
    background: #f1f5f6;
    border-radius: 50%;
    height: 40px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: 40px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__caret {
    margin-top: -3px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.is-open .saasweb-mega__caret {
    margin-top: 3px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.is-open .saasweb-mega__toggle {
    background: #17404b;
    color: #b2c300;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-item > .saasweb-mega__label .saasweb-mega__top-link,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-parent > .saasweb-mega__label .saasweb-mega__top-link,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-ancestor > .saasweb-mega__label .saasweb-mega__top-link {
    text-decoration: underline;
    text-decoration-color: #b2c300;
    text-decoration-thickness: 3px;
    text-underline-offset: 8px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__inner {
    padding: 0 0 1.25rem;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__grid {
    margin: 0 -10px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1.5px) 0 0/20px 20px, radial-gradient(ellipse at 100% 0%, rgba(178, 195, 0, 0.16), transparent 60%), #17404b;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: auto;
    padding: 1.75rem 20px calc(1.75rem + env(safe-area-inset-bottom, 0px));
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-cta {
    align-items: center;
    background: #b2c300;
    border-radius: 8px;
    color: #0b242b;
    display: flex;
    font-family: var(--wp--preset--font-family--raleway);
    font-size: 1.05rem;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    padding: 1rem 1.25rem;
    text-decoration: none;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-cta svg {
    height: 18px;
    width: 18px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-cta:hover, body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-cta:focus-visible {
    background: #c6d81a;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-blog {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: var(--wp--preset--font-family--raleway);
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    padding: 0.85rem 1.25rem;
    text-decoration: none;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-blog svg {
    color: #b2c300;
    height: 18px;
    width: 18px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-contact {
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
    gap: 0.3rem;
    line-height: 1.45;
    margin-top: 0.25rem;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-contact a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__mobile-contact span {
    color: rgba(255, 255, 255, 0.65);
    margin-top: 0.2rem;
  }
  /* Overlay als Spalte: Hauptpunkte oben, Kontaktbereich unten (rutscht bei langem Inhalt mit). */
  body.saasweb-agency #site-navigation.toggled #primary-menu.saasweb-mega {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0 0;
  }
}
@media only screen and (min-width: 1208px) {
  body.saasweb-agency #site-navigation .saasweb-mega__mobile {
    display: none;
  }
}

/* Desktop: schwebende Karte, ruhiger Wechsel zwischen den Menüs, abgedunkelte Seite. */
@media only screen and (min-width: 1208px) {
  body.saasweb-agency #site-navigation .saasweb-mega {
    /* Panel über die volle Breite, bündig unter dem Header. */
    /* Beim Wechsel auf ein anderes Hauptmenü verschwindet das alte Panel sofort – kein Überblenden. */
    /* Fläche von Rand zu Rand, Inhalt im Seitenraster:
     * Spuren [Rand] [Links 860] [Teaser 300] [Rand]; die Fußzeile nutzt dieselben Spuren (subgrid). */
    /* Inhalt gleitet beim Öffnen leicht herein, die Fläche selbst steht. */
    /* Symbole fluchten mit der linken Rasterkante (Einträge haben 10 px Innenabstand). */
    /* Spalten ohne eigene Überschriftzeile auf die Höhe der Einträge darunter bringen
     * (Zeilenhöhe der Überschrift 0.72rem × 1.2 plus 0.35rem Abstand). */
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top-link {
    color: #17404b;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:has(+ .saasweb-mega__col--single) > .saasweb-mega__col-title .saasweb-mega__col-name {
    white-space: nowrap;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__label {
    position: relative;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__label::after {
    background: #b2c300;
    border-radius: 2px;
    bottom: 2px;
    content: "";
    height: 2px;
    left: 0.85rem;
    position: absolute;
    right: 0.85rem;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top:hover > .saasweb-mega__label::after,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top:focus-within > .saasweb-mega__label::after,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-item > .saasweb-mega__label::after,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-parent > .saasweb-mega__label::after,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-ancestor > .saasweb-mega__label::after {
    transform: scaleX(1);
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top-link:hover,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:hover > .saasweb-mega__label > .saasweb-mega__top-link,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:focus-within > .saasweb-mega__label > .saasweb-mega__top-link {
    color: #17404b;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__panel {
    background: transparent;
    border-top: 0;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    transform: none;
    transition: opacity 0.2s ease 0.1s, visibility 0s linear 0.3s;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:hover > .saasweb-mega__panel,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:focus-within > .saasweb-mega__panel {
    transform: none;
    transition: opacity 0.2s ease 0s, visibility 0s linear 0s;
  }
  body.saasweb-agency #site-navigation .saasweb-mega:has(> .saasweb-mega__top.has-mega:hover) > .saasweb-mega__top.has-mega:not(:hover) > .saasweb-mega__panel,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega.is-dismissed > .saasweb-mega__panel {
    opacity: 0;
    pointer-events: none;
    transition: none;
    visibility: hidden;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__card {
    background: #fff;
    border: 0;
    border-top: 1px solid #e7edef;
    border-radius: 0;
    box-shadow: 0 28px 40px -28px rgba(11, 36, 43, 0.45);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(var(--wp--style--block-gap, 24px), 1fr) minmax(0, calc(var(--wp--style--global--content-size, 1160px) - 300px)) 300px minmax(var(--wp--style--block-gap, 24px), 1fr);
    margin: 0;
    max-width: none;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__card > .saasweb-mega__body {
    grid-column: 2/4;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__card:has(.saasweb-mega__teaser) > .saasweb-mega__body {
    grid-column: 2;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__card > .saasweb-mega__teaser {
    grid-column: 3;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__card > .saasweb-mega__foot {
    grid-column: 1/-1;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__body,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser {
    transform: translateY(6px);
    transition: transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:hover > .saasweb-mega__panel :is(.saasweb-mega__body, .saasweb-mega__teaser),
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__top.has-mega:focus-within > .saasweb-mega__panel :is(.saasweb-mega__body, .saasweb-mega__teaser) {
    transform: translateY(0);
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__body {
    padding: 28px 28px 24px 0;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__grid {
    gap: 6px 22px;
    margin-left: -10px;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__teaser {
    border-radius: 14px;
    margin: 24px 0;
    overflow: hidden;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot {
    display: grid;
    grid-template-columns: subgrid;
    padding: 12px 0;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot > span {
    grid-column: 2;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__foot > .saasweb-mega__foot-link {
    grid-column: 3;
    justify-self: end;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col-title {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title {
    margin-bottom: 0.35rem;
  }
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__grid:has(> .saasweb-mega__col:not(.saasweb-mega__col--single)) > .saasweb-mega__col--single {
    padding-top: 1.214rem;
  }
  /* Seite hinter dem offenen Menü abdunkeln (unter dem Header, über dem Inhalt). */
  body.saasweb-agency #page::after {
    background: rgba(11, 36, 43, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: var(--mega-panel-top, 0);
    transition: opacity 0.2s ease 0.1s, visibility 0s linear 0.3s;
    visibility: hidden;
    z-index: 900;
  }
  body.saasweb-agency:has(#site-navigation .saasweb-mega__top.has-mega:not(.is-dismissed):hover, #site-navigation .saasweb-mega__top.has-mega:not(.is-dismissed):focus-within) #page::after {
    opacity: 1;
    transition: opacity 0.2s ease 0s, visibility 0s linear 0s;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__card,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__label::after,
  body.saasweb-agency #site-navigation .saasweb-mega .saasweb-mega__row-arrow {
    transition: none;
  }
}
/**
 * Mobiles Menü von saasweb.cloud, analog zur Agency (_mega-menu-agency.scss): große Hauptpunkte mit runden
 * Pfeil-Knöpfen und Trennlinien, darunter Kategorien mit Anwendungen als Chips, unten ein dunkler Kontaktbereich
 * (Markup: saasweb_mega_mobile_extras()). Desktop bleibt unverändert. Alles auf body.saasweb-cloud begrenzt.
 */
@media only screen and (max-width: 1207px) {
  body.saasweb-cloud #site-navigation .saasweb-mega {
    /* Hauptpunkte als große Zeilen über die ganze Breite, Pfeil rechts. */
    /* Aufgeklappt: Kategorien untereinander, ohne eigenen Hintergrund. */
    /* Kategorie: kleines grünes Label, Beschreibung grau. */
    /* Anwendungen bzw. Unterseiten als Chips. */
    /* Unterer Bereich: Kontakt, Über uns, Erreichbarkeit (nur im Overlay). */
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__panel {
    background: #fff;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top {
    border-bottom: 1px solid #e7edef;
    margin: 0 20px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__label {
    display: flex;
    margin-left: 0;
    width: 100%;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top-link {
    color: #0b242b;
    flex: 1;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    padding: 1.15rem 0;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__toggle {
    align-self: center;
    background: #f1f5f6;
    border-radius: 50%;
    color: #0b242b;
    height: 40px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: 40px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__caret {
    margin-top: -3px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top.is-open .saasweb-mega__caret {
    margin-top: 3px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top.is-open .saasweb-mega__toggle {
    background: #17404b;
    color: #b2c300;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-item > .saasweb-mega__label .saasweb-mega__top-link,
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-parent > .saasweb-mega__label .saasweb-mega__top-link,
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top.current-menu-ancestor > .saasweb-mega__label .saasweb-mega__top-link {
    text-decoration: underline;
    text-decoration-color: #b2c300;
    text-decoration-thickness: 3px;
    text-underline-offset: 8px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__inner {
    background: transparent;
    padding: 0 0 1.25rem;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__grid {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin: 0;
    padding: 0;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col {
    margin: 0;
    padding: 0;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col-title {
    display: block;
    padding: 0;
    text-decoration: none;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col-name {
    color: var(--sw-green-text, #636d00);
    display: block;
    font-family: var(--wp--preset--font-family--raleway);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col-desc {
    color: #5b6b70;
    display: block;
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 0.2rem;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row {
    margin: 0;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row-link {
    background: #f1f5f6;
    border-radius: 999px;
    color: #0b242b;
    display: inline-block;
    font-family: var(--wp--preset--font-family--raleway);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.45rem 0.85rem;
    text-decoration: none;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row-link:hover, body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row-link:focus-visible {
    background: #17404b;
    color: #fff;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1.5px) 0 0/20px 20px, radial-gradient(ellipse at 100% 0%, rgba(178, 195, 0, 0.16), transparent 60%), #17404b;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: auto;
    padding: 1.75rem 20px calc(1.75rem + env(safe-area-inset-bottom, 0px));
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-cta {
    align-items: center;
    background: #b2c300;
    border-radius: 999px;
    color: #0b242b;
    display: flex;
    font-family: var(--wp--preset--font-family--raleway);
    font-size: 1.05rem;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    padding: 1rem 1.25rem;
    text-decoration: none;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-cta svg {
    height: 18px;
    width: 18px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-cta:hover, body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-cta:focus-visible {
    background: #c6d81a;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-blog {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-family: var(--wp--preset--font-family--raleway);
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    padding: 0.85rem 1.25rem;
    text-decoration: none;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-blog svg {
    color: #b2c300;
    height: 18px;
    width: 18px;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-contact {
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
    gap: 0.3rem;
    line-height: 1.45;
    margin-top: 0.25rem;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-contact a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__mobile-contact span {
    color: rgba(255, 255, 255, 0.65);
    margin-top: 0.2rem;
  }
  /* Overlay als Spalte: Hauptpunkte oben, Kontaktbereich unten. */
  body.saasweb-cloud #site-navigation.toggled #primary-menu.saasweb-mega {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0 0;
  }
}
@media only screen and (min-width: 1208px) {
  body.saasweb-cloud #site-navigation .saasweb-mega__mobile {
    display: none;
  }
}

/* Desktop: Hauptpunkte unten knapper (mehr Luft zwischen der Hinterlegung des aktiven Bereichs und dem nächsten
 * Abschnitt) und um denselben Betrag nach oben versetzt, damit die Grundlinie auf der Schriftlinie des Logos bleibt. */
@media only screen and (min-width: 1208px) {
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__label {
    position: relative;
    top: -0.42rem;
  }
  body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top-link {
    padding-bottom: 0.2rem;
  }
}
/**
 * Sprachumschalter (inc/language-switch.php), ohne Flaggen. Oben Kürzel DE · EN · FR, im mobilen Menü und im Footer
 * die Sprachnamen auf dunklem Grund. Aktuelle Sprache fett und nicht verlinkt.
 */
.lang-switch ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lang-switch li {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lang-switch li + li::before {
  content: "·";
  opacity: 0.5;
  padding: 0 0.45em;
}
.lang-switch a,
.lang-switch .lang-switch__current {
  font-family: var(--wp--preset--font-family--raleway);
  text-decoration: none;
}
.lang-switch a {
  font-weight: 500;
  opacity: 0.75;
}
.lang-switch a:hover, .lang-switch a:focus-visible {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lang-switch a:focus-visible {
  outline: 2px solid #b2c300;
  outline-offset: 2px;
}
.lang-switch .lang-switch__current {
  font-weight: 700;
}

header#masthead .menu-item-lang-switch {
  align-items: center;
  display: flex;
}

header#masthead .lang-switch--top {
  color: #17404b;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
header#masthead .lang-switch--top li {
  margin: 0;
}
header#masthead .lang-switch--top a,
header#masthead .lang-switch--top .lang-switch__current {
  color: inherit !important;
  font-size: inherit;
  padding: 0;
}

#site-navigation .lang-switch ul {
  box-shadow: none;
  display: flex;
  float: none;
  left: auto;
  position: static;
  top: auto;
  z-index: auto;
}
#site-navigation .lang-switch a {
  width: auto;
}

body.saasweb-net header#masthead .menu-item-lang-switch {
  margin-left: 1.5rem;
}
@media only screen and (max-width: 1207px) {
  body.saasweb-net header#masthead .menu-item-lang-switch {
    margin: 1.25rem 20px 0;
  }
}

html[data-theme=dark] header#masthead .lang-switch--top {
  color: var(--dk-head);
}

.lang-switch--mobile,
.lang-switch--footer {
  color: #fff;
}
.lang-switch--mobile a,
.lang-switch--footer a {
  color: #fff;
}
.lang-switch--mobile .lang-switch__current,
.lang-switch--footer .lang-switch__current {
  color: #b2c300;
}

.lang-switch--mobile ul {
  justify-content: center;
}

footer#colophon .lang-switch--footer {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.9rem;
  margin: 2em 1.5em 0;
  padding-top: 1.25em;
}
@media only screen and (min-width: 981px) {
  footer#colophon .lang-switch--footer {
    margin: 2em 0 0;
  }
}

/* Posts and pages
--------------------------------------------- */
html {
  --header-height: 87px;
  --full-height-without-header: calc(100vh - var(--header-height) - var(--wp-admin--admin-bar--position-offset, 0px));
  scroll-padding-top: calc(var(--header-height) + var(--wp-admin--admin-bar--position-offset, 0px));
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

.sticky {
  display: block;
}

@property --vw {
  syntax: "<length>";
  initial-value: 1vw;
  inherits: true;
}
body {
  container-type: inline-size;
}
body .floating-contact {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  cursor: pointer;
  background-color: #17404b;
  padding: 5px 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  /* nach 30s einblenden */
  animation: btnFadeIn 0.8s ease forwards;
  animation-delay: 3s;
}
@keyframes btnFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  body .floating-contact .floating-contact {
    animation: none;
    opacity: 1;
    pointer-events: auto;
  }
}
body .floating-contact .floating-contact-content span {
  font-size: 0.8em;
  font-weight: 400;
  color: #fff;
}
body .floating-contact img {
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 761px) {
  body .floating-contact {
    bottom: 20px;
    right: 40px;
    flex-direction: row;
  }
  body .floating-contact .floating-contact-content {
    display: block;
  }
  body .floating-contact .floating-contact-content span {
    font-size: 1em;
    font-weight: 600;
  }
}

body .floating-scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  border: 0;
  background-color: var(--scroll-top-bg, #17404b);
  color: var(--scroll-top-color, #fff);
  padding: 0.7em 1.1em;
  cursor: pointer;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.2;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
body .floating-scroll-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
body .floating-scroll-top:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
body .floating-scroll-top:focus-visible {
  outline: 2px solid rgba(23, 64, 75, 0.35);
  outline-offset: 2px;
}

@media only screen and (min-width: 761px) {
  body .floating-scroll-top {
    right: 40px;
  }
}
.site {
  --vw: 1cqw;
}

.wrap {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 481px) {
  .wrap {
    width: 100%;
  }
}
@media only screen and (min-width: 761px) {
  .wrap {
    width: 100%;
  }
}
@media only screen and (min-width: 981px) {
  .wrap {
    width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .wrap {
    width: 1160px;
  }
}
.full-width {
  width: calc(var(--vw, 1vw) * 100);
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: calc(var(--vw, 1vw) * -50);
  margin-right: calc(var(--vw, 1vw) * -50);
}
.full-width.saasweb-dark-green {
  background-color: #17404b;
}

.full-height {
  height: var(--full-height-without-header);
}

.bold-text {
  font-weight: 600;
}

body #fixed-navbar {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  left: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 9999;
  transform: translateY(-200%); /* verschiebt es unter den Header */
  transition: transform 0.3s ease;
}
body #fixed-navbar.visible {
  transform: translateY(0);
}
@media only screen and (min-width: 761px) {
  body #fixed-navbar {
    display: none;
  }
}
body #fixed-navbar .nav-teaser {
  background-color: #b2c300;
  color: #0b242b;
  padding: 1.5em;
  font-size: 1.25em;
  font-weight: 600;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
body #fixed-navbar .content-area {
  position: fixed;
  display: none;
  top: 74px;
  right: 0;
  width: 100%;
  height: 0;
  background: rgba(178, 195, 0, 0.95);
  transition: height 0.3s ease;
}
body #fixed-navbar .content-area ul {
  list-style: none;
  padding-left: 1.5em;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
}
body #fixed-navbar .content-area ul li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
body #fixed-navbar .content-area ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  text-decoration: none;
  color: #17404b;
}
body #fixed-navbar .content-area ul li a.active {
  color: #fff;
}
body #fixed-navbar .content-area.expanded {
  height: calc(100vh - 74px);
  overflow: hidden;
  display: flex;
}

header#masthead {
  position: sticky;
  top: 0;
  z-index: 999;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.8));
  backdrop-filter: blur(6px);
  box-shadow: -1px 0 10px rgba(0, 0, 0, 0.25);
  width: 100%;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  padding-inline: var(--wp--style--block-gap);
}
header#masthead::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #fff;
  opacity: 0;
}
header#masthead > * {
  position: relative;
  z-index: 1;
}
@supports (animation-timeline: scroll(root block)) {
  header#masthead header#masthead::before {
    /* WICHTIG: erst animation-*, dann timeline/range (Shorthand überschreibt sonst) */
    animation-name: mastheadFadeIn;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: scroll(root block); /* Root-Scroller, vertikal */
    animation-range: 0 30px; /* in den ersten 30px */
    /* für Kompatibilität mit manchen Chromium-Builds zusätzlich: */
    animation-range-start: 0;
    animation-range-end: 30px;
  }
  @keyframes mastheadFadeIn {
    from {
      opacity: 0;
    } /* oben: transparent */
    to {
      opacity: 1;
    } /* nach 30px: deckend */
  }
}
header#masthead .top-bar {
  grid-row: 1;
  grid-column: 1;
  align-self: stretch;
  justify-self: end;
  display: none;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 1208px) {
  header#masthead .top-bar {
    display: flex;
  }
}
header#masthead .top-bar ul#top-bar-menu {
  display: flex;
  padding-left: 0;
  margin-left: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  /* Menüpunkt mit CSS-Klasse "button" (im WP-Menü gesetzt) als SaaS-Web-Button rendern. */
}
header#masthead .top-bar ul#top-bar-menu li {
  list-style: none;
  margin-left: 1.5em;
}
header#masthead .top-bar ul#top-bar-menu li a {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  text-decoration: none;
  color: #17404b;
}
header#masthead .top-bar ul#top-bar-menu li.button > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #17404b;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #fff;
  padding: 0.5em 1.5em;
  line-height: 1.2;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
header#masthead .top-bar ul#top-bar-menu li.button > a:hover, header#masthead .top-bar ul#top-bar-menu li.button > a:focus {
  background-color: #b2c300;
  border-color: #b2c300;
  color: #17404b;
}
header#masthead #logo {
  align-self: start;
  justify-self: start;
  grid-row: 2;
  grid-column: 1;
  display: flex;
  height: 50px;
  font-size: 0;
  line-height: 1;
  margin-block: 1rem;
}
@media screen and (min-width: 601px) {
  header#masthead #logo {
    height: 54px;
  }
}
@media only screen and (min-width: 981px) {
  header#masthead #logo {
    height: 44px;
  }
}
header#masthead #logo span, header#masthead #logo a {
  display: flex;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  header#masthead #logo {
    max-width: calc(100% - 4rem);
  }
}
header#masthead #logo svg {
  width: auto;
  max-width: 100%;
  height: 100%;
}
header#masthead #logo .logo-schrift {
  fill: #17404b;
}
header#masthead #logo svg.logo-anim {
  overflow: visible;
}
header#masthead #logo .logo-anim-zu {
  animation: logo-anim-zu 1.6s cubic-bezier(0.65, 0, 0.35, 1) 0.3s both;
}
header#masthead #site-navigation {
  align-self: start;
  justify-self: end;
  grid-row: 2;
  grid-column: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: unset;
  height: 100%;
}
@media screen and (min-width: 601px) {
  header#masthead {
    top: var(--wp-admin--admin-bar--height, 0);
  }
  header#masthead #site-navigation {
    justify-content: unset;
    padding-top: 15px;
  }
}
@media only screen and (min-width: 1208px) {
  header#masthead {
    grid-template-rows: auto;
    grid-template-columns: 1fr var(--wp--style--global--content-size) 1fr;
    /* Gleiche Zelle: unten ausrichten, damit Top-Level-Links mit dem Logo (ohne sichtbare mega-description) fluchten */
  }
  header#masthead .top-bar {
    grid-row: 1;
    grid-column: 2/-1;
    align-self: start;
    justify-self: end;
  }
  header#masthead #logo {
    align-self: end;
    justify-self: start;
    grid-row: 1;
    grid-column: 2;
    margin-block: 0.2rem;
  }
  header#masthead #site-navigation {
    align-self: end;
    justify-self: stretch;
    grid-row: 1;
    grid-column: 2;
    margin-left: 240px;
  }
}
header#masthead body.saasweb-mega-list-items #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li:first-child ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
header#masthead body.saasweb-mega-list-items #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li:first-child ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu li {
  margin-right: 0.5em;
}
header#masthead body.saasweb-mega-list-items #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li:first-child ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu li a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
header#masthead body.saasweb-mega-list-items #site-navigation ul#mega-menu-menu-1.max-mega-menu.nav-menu > li:first-child ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu li:last-child {
  margin-right: 0;
}
header#masthead #site-navigation #mega-menu-menu-1 .mega-menu-link,
header#masthead #site-navigation #mega-menu-menu-1 .mega-menu-item > a,
header#masthead #site-navigation #mega-menu-menu-1 .mega-sub-menu a {
  font-family: var(--wp--preset--font-family--raleway) !important;
  font-weight: 600;
}

.post .main-section,
.page .main-section,
.single .main-section {
  margin-bottom: 48px;
}
@media only screen and (min-width: 761px) {
  .post .main-section,
  .page .main-section,
  .single .main-section {
    margin-bottom: 78px;
  }
}
@media only screen and (min-width: 1201px) {
  .post .main-section,
  .page .main-section,
  .single .main-section {
    margin-bottom: 96px;
  }
}

/* #our-blog: nicht unter .post/.page/.single nesten — sonst fehlen Styles/Animation z. B. auf Archiven oder wenn kein passender Body-Wrapper da ist */
#our-blog {
  padding-left: 0;
  padding-right: 0;
  padding-top: 24px;
}
@media only screen and (min-width: 761px) {
  #our-blog {
    padding-left: 0;
    padding-right: 0;
  }
}
#our-blog .heading-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#our-blog .heading-wrap + p,
#our-blog p.wp-block-paragraph {
  font-size: 1.3rem;
  margin: 0;
  padding-top: 12px;
  padding-bottom: 24px;
  text-align: left;
}
@media only screen and (min-width: 761px) {
  #our-blog .heading-wrap + p,
  #our-blog p.wp-block-paragraph {
    padding-top: 24px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 981px) {
  #our-blog .heading-wrap + p,
  #our-blog p.wp-block-paragraph {
    width: 70%;
  }
}
#our-blog .our-blog-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
}
@media only screen and (min-width: 761px) {
  #our-blog .our-blog-container {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
  }
}
#our-blog .our-blog-container .our-blog-post {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#our-blog .our-blog-container .our-blog-post h3 {
  line-height: 1.5;
  margin: 1rem 0;
  width: 100%;
}
#our-blog .our-blog-container .our-blog-post .our-blog-post__image-link {
  display: block;
  text-decoration: none;
  width: 100%;
}
#our-blog .our-blog-container .our-blog-post img {
  border: 1px solid #17404b;
  border-radius: 0;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
@media only screen and (min-width: 761px) {
  #our-blog .our-blog-container .our-blog-post {
    box-sizing: border-box;
    width: calc((100% - 3em) / 3);
  }
}
#our-blog .our-blog-button {
  margin-top: 2.5em;
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (min-width: 761px) {
  #our-blog .our-blog-button {
    text-align: left;
  }
}
#our-blog .our-blog-button a.button {
  align-items: center;
  background: transparent;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
#our-blog .our-blog-button a.button::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  height: 0;
  width: 0;
}
#our-blog .our-blog-button a.button::before {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
}
#our-blog .our-blog-button a.button:hover::before {
  transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
  #our-blog .our-blog-button a.button::before {
    transition: none;
  }
  #our-blog .our-blog-button a.button:hover::before {
    transform: none;
  }
}
#our-blog .our-blog-button a.button:hover {
  background-color: transparent;
  border-color: #17404b;
  color: #17404b;
}

@media only screen and (min-width: 761px) {
  body.single-post main#primary {
    padding-top: 36px;
  }
}
/* --- Layout: Header (über beide Spalten) + Content + Sidebar --- */
.layout-with-sidebar {
  display: grid;
  grid-template-columns: 1fr; /* mobil: einspaltig */
  row-gap: clamp(1rem, 2.5vw, 1.5rem); /* vertikaler Abstand zwischen Header und Content/Sidebar */
  column-gap: clamp(1.5rem, 3vw, 2rem);
  grid-template-areas: "header" "content" "sidebar";
}

/* ab Tablet/Desktop: Sidebar daneben; Header spannt beide Spalten */
@media (min-width: 980px) {
  .layout-with-sidebar {
    grid-template-columns: minmax(0, 1fr) 320px;
    grid-template-areas: "header  header" "content sidebar";
    align-items: start;
  }
}
/* Grid-Areas zuordnen */
.archive-header {
  grid-area: header;
}

.site-main {
  grid-area: content;
}

.widget-area,
.site-sidebar {
  grid-area: sidebar;
}

/* Blog: Hero liegt außerhalb des Grids, daher nur Content + Sidebar im Wrap */
.layout-with-sidebar.layout-with-sidebar--blog {
  grid-template-areas: "content" "sidebar";
}

@media (min-width: 980px) {
  .layout-with-sidebar.layout-with-sidebar--blog {
    grid-template-columns: minmax(0, 1fr) 250px;
    grid-template-areas: "content sidebar";
    align-items: start;
  }
}
.layout-with-sidebar--blog .blog-archive-content {
  grid-area: content;
}

/* --- Überschrift --- */
.archive-header {
  margin: 0; /* WICHTIG: kein extra Margin, Ausrichtung bleibt pixelgenau */
}

.archive-title {
  margin: 0;
  line-height: 1.2;
  font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem);
}

/* --- Beitrags-Grid: KEIN top-margin, damit exakt bündig mit Sidebar startet --- */
.posts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2.5vw, 2rem);
  margin-top: 0; /* WICHTIG: kein Versatz gegenüber Sidebar */
}

@media (min-width: 700px) {
  .posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .posts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* --- Sidebar: „klebt“, startet exakt auf Höhe der Card-Thumbnails --- */
.widget-area,
.site-sidebar {
  /* Entferne Spitzen/Margins am ersten Widget, damit Oberkante bündig ist */
}

.widget-area .widget:first-child,
.site-sidebar .widget:first-child {
  margin-top: 0; /* verhindert zusätzlichen Versatz nach unten */
}

.widget-area .widget-title,
.site-sidebar .widget-title {
  margin-top: 0; /* Titel bündig zur Oberkante starten lassen */
}

.layout-with-sidebar--blog .widget-area .widget_categories a,
.layout-with-sidebar--blog .widget-area .widget_archive a,
.layout-with-sidebar--blog .widget-area .wp-block-categories a,
.layout-with-sidebar--blog .widget-area .wp-block-archives a,
.layout-with-sidebar--blog #secondary .widget_categories a,
.layout-with-sidebar--blog #secondary .widget_archive a,
.layout-with-sidebar--blog #secondary .wp-block-categories a,
.layout-with-sidebar--blog #secondary .wp-block-archives a {
  color: #17404b;
  text-decoration: none;
}
.layout-with-sidebar--blog .widget-area .widget_categories a:visited, .layout-with-sidebar--blog .widget-area .widget_categories a:focus, .layout-with-sidebar--blog .widget-area .widget_categories a:active, .layout-with-sidebar--blog .widget-area .widget_categories a:focus-visible,
.layout-with-sidebar--blog .widget-area .widget_archive a:visited,
.layout-with-sidebar--blog .widget-area .widget_archive a:focus,
.layout-with-sidebar--blog .widget-area .widget_archive a:active,
.layout-with-sidebar--blog .widget-area .widget_archive a:focus-visible,
.layout-with-sidebar--blog .widget-area .wp-block-categories a:visited,
.layout-with-sidebar--blog .widget-area .wp-block-categories a:focus,
.layout-with-sidebar--blog .widget-area .wp-block-categories a:active,
.layout-with-sidebar--blog .widget-area .wp-block-categories a:focus-visible,
.layout-with-sidebar--blog .widget-area .wp-block-archives a:visited,
.layout-with-sidebar--blog .widget-area .wp-block-archives a:focus,
.layout-with-sidebar--blog .widget-area .wp-block-archives a:active,
.layout-with-sidebar--blog .widget-area .wp-block-archives a:focus-visible,
.layout-with-sidebar--blog #secondary .widget_categories a:visited,
.layout-with-sidebar--blog #secondary .widget_categories a:focus,
.layout-with-sidebar--blog #secondary .widget_categories a:active,
.layout-with-sidebar--blog #secondary .widget_categories a:focus-visible,
.layout-with-sidebar--blog #secondary .widget_archive a:visited,
.layout-with-sidebar--blog #secondary .widget_archive a:focus,
.layout-with-sidebar--blog #secondary .widget_archive a:active,
.layout-with-sidebar--blog #secondary .widget_archive a:focus-visible,
.layout-with-sidebar--blog #secondary .wp-block-categories a:visited,
.layout-with-sidebar--blog #secondary .wp-block-categories a:focus,
.layout-with-sidebar--blog #secondary .wp-block-categories a:active,
.layout-with-sidebar--blog #secondary .wp-block-categories a:focus-visible,
.layout-with-sidebar--blog #secondary .wp-block-archives a:visited,
.layout-with-sidebar--blog #secondary .wp-block-archives a:focus,
.layout-with-sidebar--blog #secondary .wp-block-archives a:active,
.layout-with-sidebar--blog #secondary .wp-block-archives a:focus-visible {
  color: #17404b;
}
.layout-with-sidebar--blog .widget-area .widget_categories a:hover,
.layout-with-sidebar--blog .widget-area .widget_archive a:hover,
.layout-with-sidebar--blog .widget-area .wp-block-categories a:hover,
.layout-with-sidebar--blog .widget-area .wp-block-archives a:hover,
.layout-with-sidebar--blog #secondary .widget_categories a:hover,
.layout-with-sidebar--blog #secondary .widget_archive a:hover,
.layout-with-sidebar--blog #secondary .wp-block-categories a:hover,
.layout-with-sidebar--blog #secondary .wp-block-archives a:hover {
  color: #b2c300;
  text-decoration: underline;
}

@media (min-width: 980px) {
  .widget-area,
  .site-sidebar {
    position: sticky;
    top: clamp(12px, 2.5vw, 20px); /* bleibt beim Scrollen kleben */
  }
  .layout-with-sidebar--blog #secondary,
  .layout-with-sidebar--blog .site-sidebar {
    top: calc(var(--header-height) + var(--wp-admin--admin-bar--position-offset, 0px) + 12px);
  }
}
/* --- Karten (Übersicht) --- */
.post-card {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.post-card:hover,
.post-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.2);
}

/* Thumbnail mit Ratio */
.post-card__thumb {
  display: block;
}

.post-card__thumb img {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* Innenabstand & Typo */
.post-card__inner {
  padding: clamp(1rem, 2.5vw, 1.25rem);
}

.post-card h2.entry-title {
  margin: 0 0 0.5rem 0;
  line-height: 1.25;
  font-size: clamp(1.1rem, 1.1rem + 0.5vw, 1.35rem);
  color: #17404b;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
}

.post-card .entry-title a {
  text-decoration: none;
  color: #17404b;
  text-transform: none;
  background-color: transparent;
}

/* Links klar lesbar (erben Farbe) */
.post-card__more a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 0.08em;
}

.post-card .entry-title a:hover,
.post-card__more a:hover {
  text-decoration-thickness: 0.12em;
}

/* Auszug + Weiterlesen-Link */
.post-card .entry-content {
  margin-top: 0.25rem;
}

.post-card__inner .entry-content {
  padding: 0;
}
.post-card__inner .entry-content .wp-block-group.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.post-card__inner .entry-content .wp-block-cover .wp-block-group.has-global-padding {
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

.post-card .entry-content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

.post-card__more {
  margin-top: 0.8rem;
}

/* Container-Breiten (wie zuvor vorgeschlagen) */
.single-post .wrap {
  max-width: var(--content-width, 1100px);
  margin: 0 auto;
  padding: 0 1rem;
}

body.single-post h1.entry-title {
  line-height: 1.2;
}

/* Einheitliche Thumbnail-Container */
.post-card__thumb,
.post-thumbnail {
  position: relative;
  width: 100%;
}

/* Bilder nie breiter als Container */
.post-card__thumb img,
.post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}

.post-thumbnail.has-featured-image-border--black img,
.thumb--placeholder.has-featured-image-border--black {
  border: 1px solid #000;
}

.post-thumbnail.has-featured-image-border--saasweb-dark-green img,
.thumb--placeholder.has-featured-image-border--saasweb-dark-green {
  border: 1px solid #17404b;
}

.post-thumbnail.has-featured-image-border--white img,
.thumb--placeholder.has-featured-image-border--white {
  border: 1px solid #fff;
}

/* Offset-Schatten: passt zu eckigem Layout + solid Border (editorial Look) */
.post-thumbnail.has-featured-image-shadow,
.thumb--placeholder.has-featured-image-shadow {
  margin: 0 14px 14px 0;
}

.post-thumbnail.has-featured-image-shadow--black img,
.thumb--placeholder.has-featured-image-shadow--black {
  box-shadow: 12px 12px 0 rgba(0, 0, 0, 0.22);
}

.post-thumbnail.has-featured-image-shadow--saasweb-dark-green img,
.thumb--placeholder.has-featured-image-shadow--saasweb-dark-green {
  box-shadow: 12px 12px 0 rgba(23, 64, 75, 0.28);
}

.post-thumbnail.has-featured-image-shadow--saasweb-light-green img,
.thumb--placeholder.has-featured-image-shadow--saasweb-light-green {
  box-shadow: 12px 12px 0 rgba(178, 195, 0, 0.45);
}

/* Placeholder: hält die Ziel-Ratio per CSS-Variable ein */
.thumb--placeholder {
  aspect-ratio: var(--ratio, 25/14);
  background: var(--thumb-placeholder, #e9eef2);
  border-radius: 0.5rem;
  overflow: hidden;
  display: grid;
  place-items: center;
}

/* Optionaler Typo im Placeholder (Initialen) */
.thumb--placeholder .thumb__initials {
  font: 700 clamp(18px, 4vw, 42px)/1 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--thumb-fg, #32505c);
  opacity: 0.9;
}

/* Hover in der Übersicht */
.post-card__thumb-link:hover .thumb--placeholder {
  filter: brightness(0.96);
}

/* Container enger machen (optional, falls nicht schon vorhanden) */
.archive .wrap, .blog .wrap {
  max-width: var(--content-width, 1100px);
  margin: 0 auto;
  padding: 0 1rem;
}

/* Pagination */
.posts-pager {
  margin: 2rem 0 3rem;
}

.pager-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pager-item a,
.pager-item span.page-numbers {
  display: inline-flex;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--pager-border, #dbe4ea);
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 1;
  transition: transform 0.06s ease, background-color 0.15s ease, border-color 0.15s ease;
  background: var(--pager-bg, #fff);
  color: var(--pager-fg, #17404b);
}

.pager-item a:hover {
  transform: translateY(-1px);
  background: var(--pager-bg-hover, #f5f8fa);
  border-color: var(--pager-border-hover, #cdd8df);
}

.pager-item.is-current span.page-numbers.current {
  background: var(--pager-active-bg, #17404b);
  color: #fff;
  border-color: var(--pager-active-bg, #17404b);
  cursor: default;
}

.pager-ico {
  font-weight: 700; /* simple chevrons; gerne auch durch SVG ersetzbar */
}

/* Screenreader-Only Text für Prev/Next */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.post-nav-simple {
  margin-top: 2rem;
}

.post-nav-simple .wrap { /* deine .wrap steuert die Max-Breite */ }

.post-nav-simple__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Buttons: kompakt, rund, nur Pfeil */
.pn-btn {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--btn-border, #d0dde5);
  background: var(--btn-bg, #fff);
  color: var(--btn-fg, #17404b);
  text-decoration: none;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
}

.pn-btn:hover {
  background: #f5f9fc;
  border-color: #c9d6df;
  transform: translateY(-1px);
}

.pn-btn:active {
  transform: translateY(0);
}

/* Platzhalter hält Symmetrie, wenn ein Pfeil fehlt */
.pn-btn--spacer {
  visibility: hidden;
  width: 44px;
  height: 44px;
}

.home {
  /* Haupttitel-Bereich Startseite: Absatz Raleway, Überschrift Josefin Sans */
}
.home .wp-block-cover__inner-container p {
  line-height: 1;
}
.home .wp-block-cover__inner-container p code:last-of-type {
  letter-spacing: -8px;
}
.home .wp-block-cover.is-saas-parallax {
  overflow: hidden;
}
.home .wp-block-cover.is-saas-parallax .wp-block-cover__image-background {
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.08);
  transition: transform 0.08s linear;
}
.home .main-title p {
  font-family: var(--wp--preset--font-family--raleway);
}
.home .main-title .main-title__verb {
  cursor: pointer;
  transition: color 0.25s ease;
}
.home .main-title .main-title__verb.is-typing {
  color: var(--wp--preset--color--saas-green-light);
}
.home .main-title h1 {
  font-family: var(--wp--preset--font-family--josefinsans);
}
@media only screen and (max-width: 980px) {
  .home .main-title h1 {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 981px) {
  .home .main-title h1 {
    max-width: 50%;
  }
}

body.wp-singular.page-template-default.page .wp-block-cover p {
  font-family: var(--wp--preset--font-family--raleway);
}

@media only screen and (min-width: 981px) {
  body.single-post .wp-block-group {
    padding-top: 24px;
  }
  body.page-template-default .wp-block-group {
    padding-top: 24px;
  }
  body.page-template-default .wp-block-group.section-intro.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 24px;
  }
  body.page-template-default .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {
    padding-top: 24px;
  }
}
body.page .wp-block-group:not(.testimonial) {
  padding-top: 48px;
}

body.page .wp-block-group.main-title {
  padding-left: var(--sw-gutter, 20px);
  padding-right: var(--sw-gutter, 20px);
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 761px) {
  body.page .wp-block-group.main-title {
    padding-bottom: 72px;
  }
}

.page-content,
.entry-content,
.entry-summary {
  padding: 0 12px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media only screen and (min-width: 761px) {
  .page-content,
  .entry-content,
  .entry-summary {
    padding: 0 24px;
  }
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6 {
  overflow-wrap: break-word;
  word-break: normal;
}
@media only screen and (min-width: 981px) {
  .page-content,
  .entry-content,
  .entry-summary {
    padding: 0 0;
  }
}
@media only screen and (min-width: 1201px) {
  .page-content,
  .entry-content,
  .entry-summary {
    padding: 0 0;
  }
}
@media only screen and (max-width: 980px) {
  :where(body.saasweb-agency, body.saasweb-cloud, body.saasweb-net) .page-content,
  :where(body.saasweb-agency, body.saasweb-cloud, body.saasweb-net) .entry-content,
  :where(body.saasweb-agency, body.saasweb-cloud, body.saasweb-net) .entry-summary {
    padding-left: var(--sw-gutter);
    padding-right: var(--sw-gutter);
  }
}
:where(body.saasweb-agency, body.saasweb-cloud, body.saasweb-net) .page-content > .wp-block-group.has-global-padding:not(.alignfull, .has-background, .landing-cta, .landing-reference, .landing-form),
:where(body.saasweb-agency, body.saasweb-cloud, body.saasweb-net) .entry-content > .wp-block-group.has-global-padding:not(.alignfull, .has-background, .landing-cta, .landing-reference, .landing-form),
:where(body.saasweb-agency, body.saasweb-cloud, body.saasweb-net) .entry-summary > .wp-block-group.has-global-padding:not(.alignfull, .has-background, .landing-cta, .landing-reference, .landing-form) {
  padding-left: 0;
  padding-right: 0;
}
.page-content .is-layout-flex > *,
.page-content .wp-block-columns > .wp-block-column,
.entry-content .is-layout-flex > *,
.entry-content .wp-block-columns > .wp-block-column,
.entry-summary .is-layout-flex > *,
.entry-summary .wp-block-columns > .wp-block-column {
  min-width: 0;
}
.page-content table,
.entry-content table,
.entry-summary table {
  table-layout: fixed;
  width: 100%;
}
.page-content th,
.page-content td,
.entry-content th,
.entry-content td,
.entry-summary th,
.entry-summary td {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}
.page-content #our-services a,
.entry-content #our-services a,
.entry-summary #our-services a {
  color: #17404b;
}
.page-content p.button,
.entry-content p.button,
.entry-summary p.button {
  margin: 0.5rem 0 0;
}
.page-content p.button a,
.entry-content p.button a,
.entry-summary p.button a {
  align-items: center;
  background: transparent;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
.page-content p.button a::before,
.entry-content p.button a::before,
.entry-summary p.button a::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  height: 0;
  width: 0;
}
.page-content p.button a::before,
.entry-content p.button a::before,
.entry-summary p.button a::before {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
}
.page-content p.button a:hover::before,
.entry-content p.button a:hover::before,
.entry-summary p.button a:hover::before {
  transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
  .page-content p.button a::before,
  .entry-content p.button a::before,
  .entry-summary p.button a::before {
    transition: none;
  }
  .page-content p.button a:hover::before,
  .entry-content p.button a:hover::before,
  .entry-summary p.button a:hover::before {
    transform: none;
  }
}
.page-content p.button a:hover,
.entry-content p.button a:hover,
.entry-summary p.button a:hover {
  background-color: transparent;
  border-color: #17404b;
  color: #17404b;
}
body.page .page-content .wp-block-button,
body.page .entry-content .wp-block-button,
body.page .entry-summary .wp-block-button {
  margin: 0.5rem 0 0;
}
body.page .page-content .wp-block-button .wp-block-button__link,
body.page .entry-content .wp-block-button .wp-block-button__link,
body.page .entry-summary .wp-block-button .wp-block-button__link {
  align-items: center;
  background: transparent !important;
  border: 1px solid #17404b !important;
  border-radius: 0;
  color: #17404b !important;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
body.page .page-content .wp-block-button .wp-block-button__link::before,
body.page .entry-content .wp-block-button .wp-block-button__link::before,
body.page .entry-summary .wp-block-button .wp-block-button__link::before {
  content: "";
  border-left: 0.45em solid transparent;
  border-right: 0.45em solid transparent;
  border-bottom: 0.75em solid #17404b;
  height: 0;
  width: 0;
}
body.page .page-content .wp-block-button .wp-block-button__link:hover,
body.page .entry-content .wp-block-button .wp-block-button__link:hover,
body.page .entry-summary .wp-block-button .wp-block-button__link:hover {
  background-color: transparent;
  border-color: #17404b;
  color: #17404b;
}
body.page .page-content .wp-block-button.is-style-outline--1 .wp-block-button__link,
body.page .entry-content .wp-block-button.is-style-outline--1 .wp-block-button__link,
body.page .entry-summary .wp-block-button.is-style-outline--1 .wp-block-button__link {
  background-color: #fff !important;
}
body.page .page-content .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
body.page .entry-content .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
body.page .entry-summary .wp-block-button.is-style-outline--1 .wp-block-button__link:hover {
  background-color: #fff !important;
}
@media only screen and (min-width: 981px) {
  .page-content .wp-block-cover.white-paper,
  .entry-content .wp-block-cover.white-paper,
  .entry-summary .wp-block-cover.white-paper {
    min-height: 600px;
  }
}
@media only screen and (min-width: 981px) {
  .page-content .wp-block-cover.white-paper .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained,
  .entry-content .wp-block-cover.white-paper .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained,
  .entry-summary .wp-block-cover.white-paper .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-content .wp-block-cover.white-paper p:first-of-type,
.entry-content .wp-block-cover.white-paper p:first-of-type,
.entry-summary .wp-block-cover.white-paper p:first-of-type {
  margin-bottom: 36px;
}
.page-content .wp-block-cover.white-paper p.wp-block-heading,
.entry-content .wp-block-cover.white-paper p.wp-block-heading,
.entry-summary .wp-block-cover.white-paper p.wp-block-heading {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--saas-green-dark);
  font-size: 1.2rem;
  padding: 0.2em 0.5em;
  line-height: 2em;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-align: center;
}
.page-content .wp-block-cover.white-paper .wp-block-button .wp-block-button__link,
.page-content .wp-block-cover.white-paper .wp-block-button .wp-block-button__link:hover,
.entry-content .wp-block-cover.white-paper .wp-block-button .wp-block-button__link,
.entry-content .wp-block-cover.white-paper .wp-block-button .wp-block-button__link:hover,
.entry-summary .wp-block-cover.white-paper .wp-block-button .wp-block-button__link,
.entry-summary .wp-block-cover.white-paper .wp-block-button .wp-block-button__link:hover {
  background-color: #fff !important;
}
.page-content .saas-sidebar,
.entry-content .saas-sidebar,
.entry-summary .saas-sidebar {
  border-style: solid;
  border-width: 2px;
  border-color: #17404b;
  padding: 1.5em;
}
.page-content .wp-block-group.chrono.is-layout-flex,
.entry-content .wp-block-group.chrono.is-layout-flex,
.entry-summary .wp-block-group.chrono.is-layout-flex {
  gap: 0px;
}
.page-content .promo-block,
.entry-content .promo-block,
.entry-summary .promo-block {
  font-size: 1.9em;
  color: #17404b;
}
@media only screen and (min-width: 761px) {
  .page-content .promo-block,
  .entry-content .promo-block,
  .entry-summary .promo-block {
    font-size: 2em;
  }
}
@media only screen and (max-width: 760px) {
  .page-content .promo-block,
  .entry-content .promo-block,
  .entry-summary .promo-block {
    line-height: 1.05;
  }
  .page-content .promo-block .xxl-text,
  .page-content .promo-block .xxl-text-append,
  .entry-content .promo-block .xxl-text,
  .entry-content .promo-block .xxl-text-append,
  .entry-summary .promo-block .xxl-text,
  .entry-summary .promo-block .xxl-text-append {
    display: block;
    line-height: 1;
  }
  .page-content .promo-block .xxl-text-append,
  .entry-content .promo-block .xxl-text-append,
  .entry-summary .promo-block .xxl-text-append {
    margin-top: 0.1em;
  }
}
.page-content .xxl-text,
.entry-content .xxl-text,
.entry-summary .xxl-text {
  font-size: 1.9em;
  font-weight: 600;
  color: #b2c300;
}
@media only screen and (min-width: 761px) {
  .page-content .xxl-text,
  .entry-content .xxl-text,
  .entry-summary .xxl-text {
    font-size: 3em;
  }
}
.page-content .xxl-text-append,
.entry-content .xxl-text-append,
.entry-summary .xxl-text-append {
  font-size: 1.2em;
  font-weight: 600;
}
@media only screen and (min-width: 761px) {
  .page-content .xxl-text-append,
  .entry-content .xxl-text-append,
  .entry-summary .xxl-text-append {
    font-size: 1.5em;
  }
}
.page-content #faqs,
.entry-content #faqs,
.entry-summary #faqs {
  margin-top: 40px;
}

body.single-application #fixed-desktop-navbar,
body.archive #fixed-desktop-navbar {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 25%;
  width: 40px;
  background-color: #b2c300;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media only screen and (min-width: 761px) {
  body.single-application #fixed-desktop-navbar,
  body.archive #fixed-desktop-navbar {
    display: flex;
  }
}
body.single-application #fixed-desktop-navbar .element,
body.archive #fixed-desktop-navbar .element {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
body.single-application #fixed-desktop-navbar .element svg,
body.archive #fixed-desktop-navbar .element svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
body.single-application #fixed-desktop-navbar .element:hover svg, body.single-application #fixed-desktop-navbar .element.active svg,
body.archive #fixed-desktop-navbar .element:hover svg,
body.archive #fixed-desktop-navbar .element.active svg {
  color: #17404b;
}

body.archive.tax-app-category header.page-header {
  position: relative;
  margin-bottom: 2rem;
}
body.archive.tax-app-category header.page-header.page-header--has-background-image {
  overflow: hidden;
}
body.archive.tax-app-category header.page-header.page-header--has-background-image .page-header__background {
  background-image: var(--page-header-bg-mobile);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0;
  position: absolute;
  transform: scale(1.08);
  will-change: transform;
  z-index: 0;
}
@media only screen and (min-width: 761px) {
  body.archive.tax-app-category header.page-header.page-header--has-background-image .page-header__background {
    background-image: var(--page-header-bg-desktop);
  }
}
body.archive.tax-app-category header.page-header.page-header--has-background-image .app-category-hero {
  background-color: transparent;
  position: relative;
  z-index: 1;
}
body.archive.tax-app-category header.page-header.page-header--has-background-image .app-category-hero .page-title {
  background-color: #17404b;
  box-decoration-break: clone;
  color: #fff;
  display: inline;
  line-height: 1.4;
  padding: 0.3em 0.5em;
}
body.archive.tax-app-category header.page-header .app-category-hero {
  min-height: clamp(180px, 24vw, 260px);
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b2c300;
}
body.archive.tax-app-category header.page-header .app-category-hero .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
body.archive.tax-app-category header.page-header .app-category-hero .app-category-header__image {
  width: 100%;
  max-width: clamp(160px, 22vw, 260px);
}
body.archive.tax-app-category header.page-header .app-category-hero .app-category-header__image img {
  width: 100%;
  height: auto;
  display: block;
}
body.archive.tax-app-category header.page-header .app-category-hero .app-category-header__image--hidden {
  visibility: hidden;
}
body.archive.tax-app-category header.page-header .app-category-hero .page-title {
  margin: 0;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2.25rem, 5vw, 4.25rem);
  line-height: 1.05;
  font-weight: 700;
  background: transparent;
  padding: 0;
  text-transform: none;
}
body.archive.tax-app-category .app-category-header {
  margin-bottom: 1.5rem;
}
body.archive.tax-app-category .app-category-header .archive-description {
  box-decoration-break: clone;
  color: #fff;
  display: inline;
  text-transform: none;
  line-height: 1.8;
  text-align: left;
}
body.archive.tax-app-category .app-category-content {
  margin-top: 1.5em;
}
body.archive.tax-app-category .app-category-content__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem 2rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
body.archive.tax-app-category .app-category-content__row {
  min-width: 0;
}
body.archive.tax-app-category .app-category-content__row--element {
  grid-column: 1;
}
body.archive.tax-app-category .app-category-content__element-main {
  min-width: 0;
}
body.archive.tax-app-category .app-category-content__image {
  margin: 0;
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
body.archive.tax-app-category .app-category-content__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 981px) {
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    align-items: start;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__row--element {
    grid-column: 1/-1;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__image {
    margin: 1rem 0 0;
    max-width: unset;
    width: 100%;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__row--full .app-category-content__element-main {
    grid-column: 1/-1;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__row--left .app-category-content__element-main {
    grid-column: 1;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__row--left {
    grid-column: 1;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__image--grid {
    grid-column: 2;
    grid-row: 4/span 2;
    align-self: start;
  }
  body.archive.tax-app-category .app-category-content.has-content-image .app-category-content__image--fallback {
    grid-column: 2;
    width: min(100%, 340px);
    justify-self: start;
  }
}
body.archive.tax-app-category #app-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5em;
  margin-top: 1.5em;
}
@media only screen and (min-width: 761px) {
  body.archive.tax-app-category #app-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 981px) {
  body.archive.tax-app-category #app-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.archive.tax-app-category #app-list .app-item {
  /* feste Bereiche definieren */
  --app-icon-h: 120px;
  --app-title-line-h: 1.6; /* line-height (em) */
  --app-title-lines: 2; /* Anzahl Titelzeilen */
  --app-title-h: calc(var(--app-title-line-h) * var(--app-title-lines) * 1em);
  border-style: solid;
  border-width: 1px;
  border-color: #17404b;
  border-radius: 0;
  padding: 1.5em 0px;
  background-color: #17404b;
  display: grid;
  /* übernimmt die Spaltenbreite des Eltern-Grid (falls unterstützt) */
  grid-template-columns: subgrid;
  grid-template-areas: "icon" "title" "description";
  grid-template-rows: var(--app-icon-h) var(--app-title-h) auto;
}
body.archive.tax-app-category #app-list .app-item .app-item-icon {
  grid-area: icon;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.archive.tax-app-category #app-list .app-item .app-item-icon img {
  max-width: 100%;
  max-height: calc(var(--app-icon-h) - 24px);
  height: auto;
}
body.archive.tax-app-category #app-list .app-item .app-item-title {
  grid-area: title;
  text-align: center;
  font-size: 1.25em;
  font-weight: 600;
  color: #fff;
  margin-top: -0.25rem;
  /* exakt 2 Zeilen, Rest abgeschnitten → Höhe überall gleich */
  line-height: var(--app-title-line-h);
  display: -webkit-box;
  -webkit-line-clamp: var(--app-title-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.archive.tax-app-category #app-list .app-item .app-item-title h4 {
  margin: 0;
}
body.archive.tax-app-category #app-list .app-item .app-item-description {
  grid-area: description;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5em;
  margin-top: 0.6rem;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}
body.archive.tax-app-category #app-list .app-item .app-item-description p {
  padding: 0px 8px;
  margin-bottom: 0px;
  margin-top: 0;
}
body.archive.tax-app-category #app-list .app-item a {
  text-decoration: none;
  color: #fff;
}
body.archive.tax-app-category #app-list .app-item:hover {
  border-color: #b2c300;
}

body.sw-order-page {
  /* Hinweis „keine optionalen Add-ons“ (GF HTML-Feld, Custom Class no-addons-note) */
  /* Paket-Umschalter unter einem Upgrade-Hinweis (js/order-package-switch.js) */
  /* Fehlerhinweis über dem Formular ("Es gab ein Problem …") ohne Hintergrundfarbe */
  /* Seite 1: "Zur Anwendung" links vom Weiter-Knopf */
  /* Auswahlgruppe: Menge nur unter der gewählten Variante */
  /* Add-ons im Formular: jedes in einem eigenen Kasten */
  /* Jahresbetrag bei Vorauszahlung; Spanne neben dem Mengenfeld */
  /* Hinweis je Menge unter dem Mengenfeld */
  /* Text, der für alle Varianten einer Auswahlgruppe gilt, steht einmal darüber */
  /* Preise je Infrastruktur unter einem Add-on; die geltende Zeile fett */
}
body.sw-order-page #gform_wrapper_1 .gfield.no-addons-note {
  display: none !important;
}
body.sw-order-page #gform_wrapper_1 .gfield.no-addons-note.sw-show-no-addons-msg {
  display: block !important;
}
body.sw-order-page #gform_wrapper_1 .gfield.no-addons-note .ginput_container.ginput_container_html, body.sw-order-page #gform_wrapper_1 .gfield.no-addons-note.gfield_html {
  padding: 8px 0 0 1.5em;
  position: relative;
}
body.sw-order-page #gform_wrapper_1 .gfield.no-addons-note .ginput_container.ginput_container_html::before, body.sw-order-page #gform_wrapper_1 .gfield.no-addons-note.gfield_html::before {
  color: inherit;
  content: "(i)";
  font-weight: 600;
  left: 0;
  line-height: 1.5;
  position: absolute;
  top: 8px;
}
body.sw-order-page #gform_wrapper_1 .sw-package-switch-row {
  margin: 0.75em 0 0;
}
body.sw-order-page #gform_wrapper_1 .sw-package-switch[hidden] {
  display: none;
}
body.sw-order-page #gform_wrapper_1 .gform_validation_errors,
body.sw-order-page #gform_wrapper_1 .gform_validation_errors > .gform_submission_error {
  background: transparent;
  background-color: transparent;
}
body.sw-order-page #gform_wrapper_1 .gform_page_footer:has(.sw-order-back-to-app) {
  display: flex;
  align-items: center;
  gap: 1.5em;
}
body.sw-order-page #gform_wrapper_1 .sw-option-group .gchoice .sw-option-quantity {
  margin: 0.25em 0 0.5em 1.75em;
}
body.sw-order-page #gform_wrapper_1 .sw-option-group .gchoice:not(:has(> input:checked)) .sw-option-quantity {
  display: none;
}
body.sw-order-page #gform_wrapper_1 .sw-order-options {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  margin-top: 1em;
}
body.sw-order-page #gform_wrapper_1 .sw-order-options > .sw-option {
  background: #fff;
  border: 1px solid #d3dfe3;
  border-left: 4px solid #b2c300;
  margin: 0;
  padding: 1em 1.25em;
}
body.sw-order-page #gform_wrapper_1 .sw-order-options > .sw-option > legend.gfield_label {
  float: left;
  margin: 0 0 0.5em;
  padding: 0;
  width: 100%;
}
body.sw-order-page #gform_wrapper_1 .sw-order-options > .sw-option > legend.gfield_label + * {
  clear: both;
}
body.sw-order-page #gform_wrapper_1 .sw-order-options .addon-desc p:last-child {
  margin-bottom: 0.5em;
}
body.sw-order-page #gform_wrapper_1 .sw-option-prepaid {
  font-size: 0.85em;
  margin: 0.25em 0 0.5em;
  opacity: 0.85;
}
body.sw-order-page #gform_wrapper_1 .sw-option-range {
  font-size: 0.85em;
  margin-left: 0.75em;
  opacity: 0.85;
}
body.sw-order-page #gform_wrapper_1 .sw-option-hint {
  background: #e8f0f4;
  border-left: 3px solid #17404b;
  font-size: 0.9em;
  margin: 0.5em 0 0;
  padding: 0.4em 0.75em;
}
body.sw-order-page #gform_wrapper_1 .sw-option-hint[hidden] {
  display: none;
}
body.sw-order-page #gform_wrapper_1 .sw-option-group-desc {
  margin: 0 0 0.5em;
}
body.sw-order-page #gform_wrapper_1 .sw-option-variants {
  font-size: 0.9em;
  list-style: none;
  margin: 0.25em 0 0 1.75em;
  padding: 0;
}
body.sw-order-page #gform_wrapper_1 .sw-option-variants li.is-active {
  font-weight: 600;
}
body.sw-order-page .order-sidebar {
  background-color: #b2c300;
  z-index: 1;
  padding: 0.5em 1em;
}
body.sw-order-page .order-sidebar .order-summary {
  padding: 1rem 1.25rem;
  background-color: #fff;
  border-radius: 6px;
  color: #17404b;
  margin-top: 1em;
  margin-bottom: 1em;
  /* Variante eines Add-Ons klein unter dem Namen */
  /* Summen unter den Positionen (inc/template-functions.php) */
}
body.sw-order-page .order-sidebar .order-summary h3 {
  color: inherit;
  margin-top: 0;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
body.sw-order-page .order-sidebar .order-summary p {
  margin-bottom: 0;
  margin-top: 0;
}
body.sw-order-page .order-sidebar .order-summary .order-addon-variant {
  display: block;
  font-size: 0.85em;
  opacity: 0.8;
}
body.sw-order-page .order-sidebar .order-summary .order-totals {
  border-top: 1px solid currentColor;
  margin-top: 0.75em;
  padding-top: 0.5em;
}
body.sw-order-page .order-sidebar .order-summary .order-totals p + p {
  margin-top: 0.5em;
}
body.sw-order-page .order-sidebar .step {
  position: static;
  margin-bottom: 1em;
}
body.sw-order-page .order-sidebar .step > h2,
body.sw-order-page .order-sidebar .step > .wp-block-heading {
  margin-top: 0;
  margin-bottom: 0;
}
body.sw-order-page .order-sidebar .step > p {
  margin-top: 0;
  margin-bottom: 0;
}
body.sw-order-page .order-sidebar .step > p.sidebar-p-has-separator {
  border-top: 1px solid #fff;
  margin-top: 0.85em;
  padding-top: 0.85em;
}
body.sw-order-page .order-sidebar .step > h2 + p,
body.sw-order-page .order-sidebar .step > .wp-block-heading + p {
  margin-top: 24px;
}
body.sw-order-page .order-sidebar .step > h2 + p.sidebar-p-has-separator,
body.sw-order-page .order-sidebar .step > .wp-block-heading + p.sidebar-p-has-separator {
  margin-top: 0.85em;
}
body.sw-order-page .order-sidebar .step-1 {
  display: block;
}
body.sw-order-page .order-sidebar .step-2 {
  display: none;
}
body.sw-order-page .order-sidebar .step-3 {
  display: none;
}
body.sw-order-page .order-sidebar .step-4 {
  display: none;
}
body.sw-order-page .order-sidebar .step-5 {
  display: none;
}
@media (min-width: 981px) {
  body.sw-order-page .order-sidebar [class*=step-].is-sticky {
    position: sticky;
    top: 16px; /* bei Fix-Header/Admin-Bar ggf. erhöhen */
    z-index: 3;
  }
}
body.sw-order-page .order-sidebar .order-sidebar .step.is-active {
  position: sticky;
  top: var(--header-height);
  z-index: 1; /* überlappende Inhalte vermeiden */
}

footer#colophon {
  font-family: var(--wp--preset--font-family--raleway);
  margin-top: 0;
}
footer#colophon a,
footer#colophon button,
footer#colophon input,
footer#colophon select,
footer#colophon textarea {
  font-family: inherit;
}
footer#colophon .footer-content {
  padding: 1.5em 0;
}
footer#colophon .footer-content .site-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
}
@media only screen and (min-width: 981px) {
  footer#colophon .footer-content .site-info {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
footer#colophon .footer-content .site-info div.widget-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 1.5em;
}
@media only screen and (min-width: 981px) {
  footer#colophon .footer-content .site-info div.widget-container {
    width: 33%;
    padding: 0;
  }
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 0.5em;
  margin-left: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list li {
  margin-bottom: 0.5em;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list a {
  text-decoration: none;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list a:hover, body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list a:focus, body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list a:focus-visible {
  color: #b2c300 !important;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu {
  /*h2 {
    margin-bottom: 1.5em;
  }*/
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu .menu-main-container {
  margin-top: 2em;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li {
  margin-bottom: 1.5em;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li a {
  font-size: 1.15em;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 0.5em;
  margin-left: 0;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li {
  margin-bottom: 0.5em;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul {
  list-style-type: "- ";
  list-style-position: inside;
  padding-left: 1.5em;
  margin-left: 0;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul li {
  margin-bottom: 0px;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul a {
  font-size: 0.9em;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > a {
  font-size: 1em;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu a {
  text-decoration: none;
}
footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu a:hover, footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu a:focus, footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu a:focus-visible {
  color: #b2c300 !important;
}
footer#colophon .footer-content .site-info.saasweb-dark-green {
  color: #fff;
}
footer#colophon .footer-content .site-info.saasweb-dark-green a {
  color: #fff;
}

body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li:first-child {
  display: none;
}

body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget {
  margin: 0 0 24px;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget:last-child {
  margin-bottom: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container h2.widget-title,
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container h2.wp-block-heading {
  line-height: 1.3;
  margin: 0 0 24px;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container h2.widget-title:only-child,
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container h2.wp-block-heading:only-child {
  margin-bottom: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block p {
  margin: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu .menu-main-container {
  margin-top: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li {
  margin-bottom: 24px;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li:last-child {
  margin-bottom: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > a {
  display: block;
  margin-bottom: 6px;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul,
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0;
  padding-left: 1.15em;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li,
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list > li {
  line-height: 1.5;
  margin: 0 0 6px;
  padding-left: 0.15em;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li:last-child,
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_block ul.wp-block-list > li:last-child {
  margin-bottom: 0;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul {
  list-style-position: outside;
  list-style-type: "– ";
  margin: 6px 0 0;
  padding-left: 1em;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul li {
  line-height: 1.5;
  margin: 0 0 2px;
}
body.saasweb-agency footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul a {
  font-size: 0.9em;
}

@media only screen and (min-width: 981px) {
  .editor-styles-wrapper .wp-block-cover.white-paper {
    min-height: 600px;
  }
}

@media only screen and (min-width: 981px) {
  .editor-styles-wrapper .wp-block-cover.white-paper .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

.editor-styles-wrapper .wp-block-cover.white-paper p.wp-block-heading {
  font-size: 1.2rem;
}

.editor-styles-wrapper .wp-block-cover.white-paper .wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-cover.white-paper .wp-block-button .wp-block-button__link:hover {
  background-color: #fff !important;
}

.app-list-block .app-list-item a {
  color: #fff;
}

.app-list-block .app-list-item-category {
  color: #b2c300;
}

.app-list-block .app-list-item a {
  color: #fff;
  text-decoration: none;
}

.app-list-block .app-list-item a:visited {
  color: #fff;
}

.app-list-block .app-list-item:hover > a,
.app-list-block .app-list-item > a:hover,
.app-list-block .app-list-item > a:focus,
.app-list-block .app-list-item > a:focus-visible {
  color: #fff !important;
}

.app-list-block .app-list-item:hover > a .app-list-item-category,
.app-list-block .app-list-item > a:hover .app-list-item-category,
.app-list-block .app-list-item > a:focus .app-list-item-category,
.app-list-block .app-list-item > a:focus-visible .app-list-item-category {
  color: #fff !important;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

main .wp-block-group.is-position-sticky {
  top: calc(var(--header-height) + var(--wp-admin--admin-bar--position-offset, 0px));
}

.saas-breadcrumbs {
  font-size: 0.82rem;
  line-height: 1.35;
  margin: 0.75rem 0 1rem;
}

.saas-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.saas-breadcrumbs__item {
  color: rgba(23, 64, 75, 0.9);
}

.wp-block-column > .saas-breadcrumbs.wrap {
  box-sizing: border-box;
  max-width: 100%;
  padding: 1rem 1.25rem 0;
  width: auto;
}

.wp-block-column.has-background > .saas-breadcrumbs .saas-breadcrumbs__item {
  color: inherit;
}

.saas-breadcrumbs__item:not(:last-child)::after {
  content: ">";
  margin-left: 0.35rem;
}

.saas-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.saas-breadcrumbs a:visited,
.saas-breadcrumbs a:hover,
.saas-breadcrumbs a:active,
.saas-breadcrumbs a:focus,
.saas-breadcrumbs a:focus-visible {
  color: inherit;
}

.saas-breadcrumbs a:hover {
  text-decoration: underline;
}

.saas-breadcrumbs--application {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.1rem;
}

.saas-breadcrumbs--application .saas-breadcrumbs__item {
  color: inherit;
}

body.post-type-archive-application .application-archive__header {
  margin-bottom: 2rem;
}
body.post-type-archive-application .application-archive__header .app-category-hero {
  min-height: clamp(180px, 24vw, 260px);
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b2c300;
}
body.post-type-archive-application .application-archive__header .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
body.post-type-archive-application .application-archive__header .page-title {
  margin: 0;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2.25rem, 5vw, 4.25rem);
  line-height: 1.05;
  font-weight: 700;
}
body.post-type-archive-application .application-archive__intro {
  margin: 0;
  max-width: 42rem;
  color: #17404b;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.5;
}
body.post-type-archive-application .application-archive__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 761px) {
  body.post-type-archive-application .application-archive__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 981px) {
  body.post-type-archive-application .application-archive__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.post-type-archive-application .application-archive__tile {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #17404b;
  background-color: #fff;
}
body.post-type-archive-application .application-archive__tile-image {
  aspect-ratio: 1/1;
  overflow: hidden;
}
body.post-type-archive-application .application-archive__tile-image a {
  display: block;
  width: 100%;
  height: 100%;
}
body.post-type-archive-application .application-archive__tile-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.post-type-archive-application .application-archive__tile-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem 1.5rem;
}
body.post-type-archive-application .application-archive__tile-title {
  margin: 0;
  background: none;
  color: #17404b;
  padding: 0;
  display: block;
  text-transform: none;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.2;
  font-weight: 700;
  -webkit-box-decoration-break: initial;
  box-decoration-break: initial;
}
body.post-type-archive-application .application-archive__tile-title a {
  color: inherit;
  text-decoration: none;
}
body.post-type-archive-application .application-archive__tile-title a:hover {
  text-decoration: underline;
}
body.post-type-archive-application .application-archive__tile-description {
  margin: 0;
  color: #17404b;
  font-size: 1rem;
  line-height: 1.5;
}
body.post-type-archive-application .application-archive__app-list {
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
}
body.post-type-archive-application .application-archive__app-item {
  position: relative;
  margin: 0;
  padding: 0.35rem 0 0.35rem 1.25rem;
}
body.post-type-archive-application .application-archive__app-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85rem;
  width: 0;
  height: 0;
  border-top: 0.35rem solid transparent;
  border-bottom: 0.35rem solid transparent;
  border-left: 0.55rem solid #b2c300;
}
body.post-type-archive-application .application-archive__app-item a {
  color: #17404b;
  text-decoration: none;
  font-weight: 600;
}
body.post-type-archive-application .application-archive__app-item a:hover {
  text-decoration: underline;
}
body.post-type-archive-application .application-archive__empty {
  margin: 2rem 0;
  color: #17404b;
}

/* Hinweis am Ende eines Blogbeitrags auf das passende Angebot (tools/content-fixes/2026-10-09-agency-blog-angebote.json) */
.entry-content p.blog-angebot {
  background: #e8f0f4;
  border-radius: 8px;
  margin-top: 2.5rem;
  padding: 1.25rem 1.5rem;
}
.entry-content p.blog-angebot strong {
  display: block;
  margin-bottom: 0.25rem;
}
.entry-content p.blog-angebot a {
  font-weight: 700;
}

/* Kategorien und Schlagwörter unter dem Beitrag je in eigener Zeile (sonst „TutorialVerschlagwortet mit“) */
.entry-footer .cat-links,
.entry-footer .tags-links {
  display: block;
}

/* 404: Überschrift mit demselben Seitenabstand wie der Inhalt */
.error-404 .page-header {
  padding: 0 12px;
}
@media only screen and (min-width: 761px) {
  .error-404 .page-header {
    padding: 0 24px;
  }
}

body.saasweb-agency {
  --sw-gutter: 20px;
}

body:is(.saasweb-cloud, .saasweb-net) {
  --sw-gutter: 24px;
}

body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary {
  box-sizing: content-box;
  margin: 0 auto;
  max-width: 1160px;
  padding: clamp(2.5rem, 6vw, 4.5rem) var(--sw-gutter) clamp(3rem, 7vw, 5rem);
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary :is(.page-header, .page-content, .entry-summary) {
  padding-left: 0;
  padding-right: 0;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary .page-title {
  margin: 0 0 1.5rem;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary > article {
  border-bottom: 1px solid rgba(23, 64, 75, 0.12);
  margin: 0 0 2rem;
  padding-bottom: 2rem;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary .entry-title {
  font-size: 1.4rem;
  margin: 0 0 0.5rem;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary :is(.entry-meta, .entry-footer) {
  font-size: 0.9rem;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary .post-thumbnail img {
  border-radius: 8px;
  max-height: 240px;
  object-fit: cover;
  width: auto;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary .search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.5rem 0 2.5rem;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) main#primary .widget {
  margin: 0;
}

body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) #secondary {
  box-sizing: content-box;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 var(--sw-gutter) clamp(3rem, 7vw, 5rem);
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net):is(.error404, .search) #secondary .widget {
  margin: 0;
}

body:is(.saasweb-agency, .saasweb-net) :is(.gform_heading, .widget) h2 {
  background: none;
  color: inherit;
  display: block;
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0 0 1rem;
  padding: 0;
  text-transform: none;
}

body.saasweb-agency .landing-form .gform_heading .gform_title {
  display: none;
}

@keyframes logo-anim-zu {
  from {
    transform: translateX(28px);
  }
  to {
    transform: none;
  }
}
.children-have-saas-green-dark-border > * {
  border: 1px solid var(--wp--preset--color--saas-green-dark);
  border-radius: 1rem;
  padding: 1rem;
}

p.home-intro,
p.page-intro {
  font-size: 1.25rem;
  font-weight: 600;
  width: 100%;
  max-width: 60ch;
  margin-inline: auto;
}

p.max-width-70 {
  font-size: 1.3rem !important;
}
@media only screen and (min-width: 981px) {
  p.max-width-70 {
    width: 70%;
  }
}

.wp-block-group.testimonial {
  background-color: var(--wp--preset--color--saas-blue-light);
  clear: both;
  margin-block: clamp(2rem, 4vw, 3rem);
  margin-inline: calc(50% - var(--vw, 1vw) * 50);
  max-width: calc(var(--vw, 1vw) * 100%);
  padding-block: clamp(2rem, 4vw, 3rem);
  width: calc(var(--vw, 1vw) * 100%);
}

.wp-block-group.eyecatcher {
  background-color: var(--wp--preset--color--saas-green-dark);
  clear: both;
  color: var(--wp--preset--color--white);
  margin-top: 24px;
  margin-inline: calc(50% - var(--vw, 1vw) * 50);
  max-width: calc(var(--vw, 1vw) * 100);
  padding-bottom: 24px;
  width: calc(var(--vw, 1vw) * 100);
  box-sizing: border-box;
}
@media only screen and (min-width: 981px) {
  .wp-block-group.eyecatcher {
    margin-top: 48px;
    padding-bottom: 48px;
  }
}
.wp-block-group.eyecatcher p,
.wp-block-group.eyecatcher h1,
.wp-block-group.eyecatcher h2,
.wp-block-group.eyecatcher h3,
.wp-block-group.eyecatcher h4,
.wp-block-group.eyecatcher h5,
.wp-block-group.eyecatcher h6,
.wp-block-group.eyecatcher li {
  color: inherit;
}
.wp-block-group.eyecatcher a {
  color: inherit;
}
.wp-block-group.eyecatcher h2.wp-block-heading {
  padding-left: 0;
}
.wp-block-group.eyecatcher .wp-block-button .wp-block-button__link,
.wp-block-group.eyecatcher .wp-block-button .wp-block-button__link:hover,
.wp-block-group.eyecatcher p.button a,
.wp-block-group.eyecatcher p.button a:hover,
.wp-block-group.eyecatcher a.button,
.wp-block-group.eyecatcher a.button:hover {
  background-color: transparent !important;
  border-color: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--white) !important;
}
.wp-block-group.eyecatcher .wp-block-button .wp-block-button__link::before {
  border-bottom-color: var(--wp--preset--color--white);
}
.wp-block-group.eyecatcher p.button a::before {
  border-left-color: var(--wp--preset--color--white);
}
.wp-block-group.eyecatcher > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: 100%;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
@media only screen and (min-width: 981px) {
  .wp-block-group.eyecatcher > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .wp-block-group.eyecatcher > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: 1160px;
  }
}

body.page .page-content .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link,
body.page .page-content .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link:hover,
body.page .page-content .wp-block-group.eyecatcher .wp-block-button.is-style-outline--1 .wp-block-button__link,
body.page .page-content .wp-block-group.eyecatcher .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
body.page .page-content .wp-block-group.eyecatcher p.button a,
body.page .page-content .wp-block-group.eyecatcher p.button a:hover,
body.page .entry-content .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link,
body.page .entry-content .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link:hover,
body.page .entry-content .wp-block-group.eyecatcher .wp-block-button.is-style-outline--1 .wp-block-button__link,
body.page .entry-content .wp-block-group.eyecatcher .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
body.page .entry-content .wp-block-group.eyecatcher p.button a,
body.page .entry-content .wp-block-group.eyecatcher p.button a:hover,
body.page .entry-summary .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link,
body.page .entry-summary .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link:hover,
body.page .entry-summary .wp-block-group.eyecatcher .wp-block-button.is-style-outline--1 .wp-block-button__link,
body.page .entry-summary .wp-block-group.eyecatcher .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
body.page .entry-summary .wp-block-group.eyecatcher p.button a,
body.page .entry-summary .wp-block-group.eyecatcher p.button a:hover {
  background-color: transparent !important;
  border-color: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--white) !important;
}
body.page .page-content .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link::before,
body.page .entry-content .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link::before,
body.page .entry-summary .wp-block-group.eyecatcher .wp-block-button .wp-block-button__link::before {
  border-bottom-color: var(--wp--preset--color--white);
}
body.page .page-content .wp-block-group.eyecatcher p.button a::before,
body.page .entry-content .wp-block-group.eyecatcher p.button a::before,
body.page .entry-summary .wp-block-group.eyecatcher p.button a::before {
  border-left-color: var(--wp--preset--color--white);
}

/*--Blocks ----------------------------- */
#header-container .wrap {
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  justify-content: stretch;
  gap: 0;
  min-height: var(--full-height-without-header);
}
@media only screen and (min-width: 981px) {
  #header-container .wrap {
    flex-direction: row;
  }
}
#header-container .application-top {
  flex: 1;
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
#header-container .application-top .app-heading {
  display: flex;
  padding-top: 2.5em;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#header-container .application-top .app-heading h1 {
  margin-top: 0.1em;
}
#header-container .application-top h1.image-aligned {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
}
#header-container .application-top .app-intro {
  font-size: 1.25em;
  font-weight: 300;
}
#header-container .application-top .main-features ul.feature-list {
  list-style-type: none;
}
#header-container .application-top .main-features ul.feature-list li {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding-left: 0.5em;
}
#header-container .application-top .main-features ul.feature-list li::before {
  content: "";
  display: inline-block;
  width: 0.45em;
  height: 0.75em;
  margin-left: -1.25em;
  margin-right: 0.8em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
  vertical-align: baseline;
}
#header-container .application-top .main-features ul.feature-list li p {
  margin-top: 0;
  padding-left: 0.5em;
  font-size: 1rem;
  font-weight: 200;
  max-width: 80%;
}
#header-container .application-top .app-cta {
  margin-top: 3.5em;
  margin-bottom: 1.5em;
}
#header-container .application-top .app-cta a.button {
  align-items: center;
  background-color: #fff;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  font-size: 1.25em;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#header-container .application-top .app-cta a.button::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  flex-shrink: 0;
  height: 0;
  transform-origin: center;
  transition: border-left-color 0.2s ease, transform 0.22s ease;
  width: 0;
}
#header-container .application-top .app-cta a.button:hover {
  background-color: #b2c300;
  color: #000;
}
#header-container .application-top .app-cta a.button:hover::before {
  border-left-color: #000;
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  #header-container .application-top .app-cta a.button::before {
    transition: border-left-color 0.2s ease;
  }
  #header-container .application-top .app-cta a.button:hover::before {
    transform: none;
  }
}
#header-container .application-visual {
  width: 100%;
  height: 50dvh;
  position: relative;
}
@media only screen and (min-width: 981px) {
  #header-container .application-visual {
    flex: 0 0 calc(var(--vw, 1vw) * 50);
    margin-right: calc(var(--vw, 1vw) * -50 + 50%);
    max-width: none;
    height: unset;
  }
}
#header-container .application-visual.visual-image img {
  position: absolute;
  inset: 0;
  object-fit: cover;
  display: block;
  max-width: unset;
  height: 100%;
  width: 100%;
}
#header-container .application-visual.visual-logo {
  display: none;
}
@media only screen and (min-width: 981px) {
  #header-container .application-visual.visual-logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #header-container .application-visual.visual-logo img {
    max-width: 200px;
    height: auto;
  }
}
#header-container.saasweb-dark-green h1 {
  color: #fff;
}
#header-container.saasweb-dark-green p {
  color: #fff;
}
#header-container.saasweb-dark-green .main-features ul.feature-list li {
  color: #fff;
  font-size: 1.25em;
  font-weight: 600;
}

@media only screen and (min-width: 981px) {
  #header-container.visual-type-logo .app-heading img {
    display: none;
  }
}
.wp-block-cover.header-cover {
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
  padding: 0;
  height: calc(clamp(4rem, 8vw, 6rem) + clamp(160px, 22vw, 260px) + 1rem + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  min-height: calc(clamp(4rem, 8vw, 6rem) + clamp(160px, 22vw, 260px) + 1rem + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  max-height: calc(clamp(4rem, 8vw, 6rem) + clamp(160px, 22vw, 260px) + 1rem + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
}
.wp-block-cover.header-cover .wp-block-cover__image-background {
  transform: scale(1.08);
  will-change: transform;
}
.wp-block-cover.header-cover .wp-block-cover__inner-container {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem) !important;
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: none !important;
}
.wp-block-cover.header-cover .wp-block-cover__inner-container.is-layout-constrained, .wp-block-cover.header-cover .wp-block-cover__inner-container.is-layout-flow, .wp-block-cover.header-cover .wp-block-cover__inner-container.has-global-padding {
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem) !important;
}
.wp-block-cover.header-cover .wp-block-cover__inner-container.is-layout-constrained > *, .wp-block-cover.header-cover .wp-block-cover__inner-container.is-layout-flow > * {
  margin-block: 0 !important;
  max-width: 100% !important;
}
@media only screen and (min-width: 981px) {
  .wp-block-cover.header-cover .wp-block-cover__inner-container {
    max-width: 900px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .wp-block-cover.header-cover .wp-block-cover__inner-container {
    max-width: 1160px !important;
  }
}
.wp-block-cover.header-cover .wp-block-cover__inner-container::before {
  content: "";
  display: block;
  width: clamp(160px, 22vw, 260px);
  aspect-ratio: 1;
  flex-shrink: 0;
  visibility: hidden;
  pointer-events: none;
}
.wp-block-cover.header-cover:not(.has-custom-content-position) .wp-block-cover__inner-container {
  align-self: stretch;
  height: 100%;
  max-height: 100%;
  align-items: center;
  justify-content: center;
}
.wp-block-cover.header-cover.has-custom-content-position .wp-block-cover__inner-container {
  align-self: auto;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none !important;
  flex: 0 1 auto;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}
.wp-block-cover.header-cover.has-custom-content-position .wp-block-cover__inner-container::before {
  display: none;
}
.wp-block-cover.header-cover .wp-block-cover__inner-container p,
.wp-block-cover.header-cover .wp-block-cover__inner-container h1,
.wp-block-cover.header-cover .wp-block-cover__inner-container h2,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-large-font-size,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-medium-font-size,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-x-large-font-size,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-xx-large-font-size {
  margin: 0;
  max-width: 100%;
  background-color: #17404b;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  display: inline;
  padding: 0.2em 0.45em;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2.25rem, 5vw, 4.25rem) !important;
  line-height: 1.05;
  font-weight: 700;
  text-transform: none;
}
.wp-block-cover.header-cover .wp-block-cover__inner-container p strong,
.wp-block-cover.header-cover .wp-block-cover__inner-container h1 strong,
.wp-block-cover.header-cover .wp-block-cover__inner-container h2 strong,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-large-font-size strong,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-medium-font-size strong,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-x-large-font-size strong,
.wp-block-cover.header-cover .wp-block-cover__inner-container .has-xx-large-font-size strong {
  font-size: inherit;
  font-weight: inherit;
}
.wp-block-cover.header-cover.header-cover--no-image {
  height: max(clamp(180px, 24vw, 260px), clamp(4rem, 8vw, 6rem) + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  min-height: max(clamp(180px, 24vw, 260px), clamp(4rem, 8vw, 6rem) + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  max-height: max(clamp(180px, 24vw, 260px), clamp(4rem, 8vw, 6rem) + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
}
.wp-block-cover.header-cover.header-cover--no-image .wp-block-cover__inner-container::before {
  display: none;
}

.editor-styles-wrapper .wp-block-cover.header-cover {
  height: calc(clamp(4rem, 8vw, 6rem) + clamp(160px, 22vw, 260px) + 1rem + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  min-height: calc(clamp(4rem, 8vw, 6rem) + clamp(160px, 22vw, 260px) + 1rem + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  max-height: calc(clamp(4rem, 8vw, 6rem) + clamp(160px, 22vw, 260px) + 1rem + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  padding: 0;
}
.editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container {
  padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem) !important;
  gap: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
}
@media only screen and (min-width: 981px) {
  .editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container {
    max-width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container {
    max-width: 1160px;
  }
}
.editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container::before {
  content: "";
  display: block;
  width: clamp(160px, 22vw, 260px);
  aspect-ratio: 1;
  visibility: hidden;
}
.editor-styles-wrapper .wp-block-cover.header-cover:not(.has-custom-content-position) .wp-block-cover__inner-container {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.editor-styles-wrapper .wp-block-cover.header-cover.has-custom-content-position .wp-block-cover__inner-container {
  height: auto;
  max-width: none;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}
.editor-styles-wrapper .wp-block-cover.header-cover.has-custom-content-position .wp-block-cover__inner-container::before {
  display: none;
}
.editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container p,
.editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container h1,
.editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container h2,
.editor-styles-wrapper .wp-block-cover.header-cover .wp-block-cover__inner-container .has-large-font-size {
  background-color: #17404b;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  display: inline;
  padding: 0.2em 0.45em;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2.25rem, 5vw, 4.25rem) !important;
  line-height: 1.05;
  font-weight: 700;
}
.editor-styles-wrapper .wp-block-cover.header-cover.header-cover--no-image {
  height: max(clamp(180px, 24vw, 260px), clamp(4rem, 8vw, 6rem) + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  min-height: max(clamp(180px, 24vw, 260px), clamp(4rem, 8vw, 6rem) + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
  max-height: max(clamp(180px, 24vw, 260px), clamp(4rem, 8vw, 6rem) + clamp(2.25rem, 5vw, 4.25rem) * 2.5) !important;
}
.editor-styles-wrapper .wp-block-cover.header-cover.header-cover--no-image .wp-block-cover__inner-container::before {
  display: none;
}

#managed-services-concepts {
  background-color: #f5f5f5;
  padding: 48px 0px;
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts {
    padding: 78px 0px;
  }
}
@media only screen and (min-width: 1201px) {
  #managed-services-concepts {
    padding: 96px 0px;
  }
}
#managed-services-concepts .concepts-headline {
  padding: 24px 0;
  text-align: center;
}
#managed-services-concepts .concepts-headline h2 {
  text-align: center;
}
#managed-services-concepts .concepts-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: auto;
}
#managed-services-concepts .concepts-container .swiper-wrapper {
  height: auto;
  align-items: stretch;
}
#managed-services-concepts .concepts-container .concept {
  height: auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 760px) {
  #managed-services-concepts .concepts-container .concept {
    width: 100% !important;
    max-width: 100%;
  }
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts .concepts-container .concept {
    padding-bottom: 3.5rem;
  }
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
}
@media only screen and (max-width: 760px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap {
    padding: 0 12px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap {
    align-items: flex-start;
    width: 90%;
  }
}
@media only screen and (min-width: 981px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap {
    width: 80%;
  }
}
@media only screen and (min-width: 1201px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap {
    width: 70%;
  }
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-head {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.25em;
}
@media only screen and (max-width: 760px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-head {
    width: 100%;
  }
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-head h3 {
  margin-left: 8px;
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5em;
}
@media only screen and (max-width: 760px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body {
    align-items: flex-start;
    width: 100%;
  }
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5em;
  }
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body ul {
  font-size: 1.2em;
  flex: 1;
  list-style-type: none;
  width: 100%;
  padding-left: 0;
  margin: 0;
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body ul {
    flex: 1 1 0;
    min-width: 15em;
  }
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body ul li {
  padding-left: 1.5em;
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body ul li::before {
  content: "✔";
  color: #17404b;
  font-weight: 700;
  margin-left: -1.5em;
  display: inline-block;
  width: 1.5em;
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body div.concept-description {
  font-size: 1.2em;
  flex: 1;
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body div.concept-description {
    flex: 1.4 1 0;
    min-width: 0;
  }
}
#managed-services-concepts .concepts-container .concept .concept-content-wrap .concept-body div.concept-description p {
  margin-top: 0;
  width: 100%;
  padding: 0;
}
#managed-services-concepts .concepts-container .swiper-button-prev,
#managed-services-concepts .concepts-container .swiper-button-next {
  color: #17404b;
}
#managed-services-concepts .concepts-container .swiper-pagination {
  position: relative;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 761px) {
  #managed-services-concepts .concepts-container .swiper-pagination {
    position: absolute;
    margin-top: 0;
  }
}
#managed-services-concepts .concepts-container .swiper-pagination .swiper-pagination-bullet {
  background-color: #17404b;
}

/* Pricing Tables
   ---------------------------------------------------------------------------- */
#pricing-tables .pricing-tables-headline {
  padding: 24px 0;
}
#pricing-tables .pricing-tables-headline h2 {
  text-align: center;
  margin: 0.5rem auto;
}
#pricing-tables .pricing-tables-headline p {
  font-size: 1.3rem;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 24px 0px;
}
@media only screen and (min-width: 761px) {
  #pricing-tables .pricing-tables-headline p {
    width: 75%;
    margin: 24px 0;
  }
}
#pricing-tables .pricing-tables-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
  align-items: stretch;
}
@media only screen and (min-width: 761px) {
  #pricing-tables .pricing-tables-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 761px) {
  #pricing-tables .pricing-tables-container.pricing-count-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1100px) {
  #pricing-tables .pricing-tables-container.pricing-count-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
#pricing-tables .pricing-tables-container .pricing-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5em;
  border-style: none;
  border-width: 1px;
  border-color: #000;
  border-radius: 10px;
  padding: 1.5em;
  background-color: #17404b;
  color: #fff;
  height: 100%;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 150px;
  padding-bottom: 0.5rem;
  font-family: var(--wp--preset--font-family--raleway);
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head h3 {
  font-size: 1.5em;
  margin: 0;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head h3.app-heading {
  font-size: 1.5em;
  margin: 0 0 0.35rem 0;
  line-height: 1.15;
  text-align: center;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head .tier-badge {
  display: inline-block;
  margin-top: 0.15rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 0.85em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  color: #17404b;
  border: 2px solid transparent;
  line-height: 1;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head .tier-badge + .price-line {
  margin-top: 1.6rem;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head .tier-standard {
  background-color: #fff;
  color: #17404b;
  border-color: transparent;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head .tier-premium {
  background-color: #fbc200;
  color: #17404b;
  border-color: transparent;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head .tier-enterprise {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head p {
  font-size: 1.15em;
  margin: 0.5rem 0 0 0;
  text-align: center;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-head .price-line {
  font-size: 1.05em;
  margin: 0.5rem 0 0 0;
  text-align: center;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-divider {
  width: 90%;
  height: 2px;
  background-color: #fff;
  margin: 1.5em 0;
  border: 0;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.5em;
  flex: 1 1 auto;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body p {
  margin-top: 0;
  padding: 0px 18px;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-weight: 300;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body ul {
  margin: 0;
  padding-left: 48px;
  list-style: disc;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body ul li {
  margin-bottom: 0.5em;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body ul li .feature-description {
  display: block;
  font-size: 1rem;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-weight: 300;
  opacity: 0.95;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-family: var(--wp--preset--font-family--raleway);
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a {
  align-items: center;
  width: 100%;
  padding: 0.5em 2em;
  background-color: #fff;
  color: #17404b;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.15em;
  border-style: none;
  border-width: 1px;
  border-color: #fff;
  display: inline-flex;
  gap: 0.75em;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  flex-shrink: 0;
  height: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
  width: 0;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a:hover::before {
  transform: rotate(-90deg);
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a[href*="/kontakt/"]::before {
  border-bottom: 0.75em solid #17404b;
  border-left: 0.45em solid transparent;
  border-right: 0.45em solid transparent;
  border-top: 0;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a[href*="/kontakt/"]:hover::before {
  transform: none;
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a:hover {
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.4);
}
@media (prefers-reduced-motion: reduce) {
  #pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a::before {
    transition: none;
  }
  #pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a:hover::before {
    transform: none;
  }
  #pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a[href*="/kontakt/"]:hover::before {
    transform: none;
  }
}
#pricing-tables .pricing-tables-container .pricing-table .pricing-table-body .pricing-table-button a:focus-visible {
  outline: 2px solid #fbc200;
  outline-offset: 2px;
}

#pricing-tables .pricing-tables-solutions {
  margin: 0.5em 0 0;
}
#pricing-tables .pricing-tables-solutions span {
  font-weight: 600;
  margin-right: 0.25em;
}
#pricing-tables .pricing-tables-solutions a,
#pricing-tables .pricing-tables-solutions a:visited,
#pricing-tables .pricing-tables-solutions a:focus,
#pricing-tables .pricing-tables-solutions a:active {
  color: var(--sw-green-text, #636d00);
  font-weight: 600;
  text-decoration: none;
}
#pricing-tables .pricing-tables-solutions a:hover,
#pricing-tables .pricing-tables-solutions a:focus-visible {
  color: var(--sw-green-text, #636d00);
  text-decoration: underline;
}

/* Optional: Motion-Reduktion */
@media (prefers-reduced-motion: reduce) {
  #pricing-tables .pricing-table a {
    transition: none !important;
  }
}
#professional-add-ons .professional-add-ons-headline {
  padding: 24px 0;
}
#professional-add-ons .professional-add-ons-headline h2 {
  text-align: center;
}
#professional-add-ons .professional-add-ons-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
}
#professional-add-ons .professional-add-ons-container > .full-width {
  background-color: #17404b;
}
#professional-add-ons .professional-add-ons-container > .full-width .professional-add-on-service {
  padding: 24px 12px;
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container > .full-width .professional-add-on-service {
    padding: 24px 0px;
  }
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-height: 300px;
  }
}
@media only screen and (min-width: 981px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1201px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service {
    min-height: 300px;
  }
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse {
    flex-direction: row-reverse;
  }
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .professional-add-on-head {
  border-bottom-color: #fff !important;
  flex: 1;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .professional-add-on-head .addon-headline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .professional-add-on-head .addon-headline h3 {
  color: #fff;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .professional-add-on-head .addon-headline span.addon-info {
  color: #fff !important;
  font-size: 1.17em;
  text-decoration: underline;
  cursor: pointer;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse ul li {
  color: #fff;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .professional-add-on-text p {
  color: #fff;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .professional-add-on-details {
  color: #fff;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse .part-content-wrap .professional-add-on-body ul.feature-list.feature-list-1-column li .feature-description {
  color: #fff;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse ul.feature-list li .info-icon {
  background: #17404b;
  color: transparent;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service.order-reverse ul.feature-list li .info-icon::after {
  background: rgba(23, 64, 75, 0.98);
  color: #fff;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-image {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service .part-image {
    width: 300px;
  }
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-image img {
  width: 100%;
  height: auto;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-head {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5em;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #17404b;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-head .addon-headline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-head .addon-headline h3 {
  text-align: center;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-head .addon-headline h3 span {
  font-size: 1.5em;
  margin-right: 0.5em;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-head .addon-headline span.addon-info {
  color: #17404b;
  font-size: 1.17em;
  text-decoration: underline;
  cursor: pointer;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5em;
  padding-top: 1.5em;
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5em;
  }
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list {
  flex: 1;
  font-size: 1.15em;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list.feature-list-2-columns {
  column-count: 2;
  column-gap: 1.5em;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li {
  break-inside: avoid;
  position: relative;
  margin-bottom: 0.75rem;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .feature-description {
  margin: 0.15rem 0 0;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.45;
  color: #17404b;
  max-width: 100%;
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .feature-description {
    max-width: 70%;
  }
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  min-width: 1.2rem;
  min-height: 1.2rem;
  margin-left: 0.35em;
  border-radius: 999px;
  line-height: 1;
  font-size: 1rem;
  background: #17404b;
  color: transparent;
  cursor: help;
  border: 0;
  padding: 0;
  vertical-align: middle;
  flex-shrink: 0;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon::before {
  content: "i";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-0.02em);
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon:focus-visible {
  outline: 2px solid rgba(23, 64, 75, 0.5);
  outline-offset: 2px;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon::after {
  content: attr(data-content);
  position: absolute;
  left: 0;
  bottom: 100%;
  transform: translateY(6px);
  width: min(42ch, 90vw);
  background: rgba(23, 64, 75, 0.98);
  color: #fff;
  padding: 0.6em 0.8em;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 10;
  pointer-events: none;
  white-space: normal;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon:hover::after,
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon:focus::after,
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body ul.feature-list li .info-icon:focus-within::after {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body .professional-add-on-text {
  font-size: 1.15em;
  font-weight: 600;
  flex: 1;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .part-content-wrap .professional-add-on-body .professional-add-on-text > p {
  margin-top: 0;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .professional-add-on-details {
  font-size: 1rem;
  padding-top: 24px;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .professional-add-on-details p {
  margin: 0;
  width: 100%;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .professional-add-on-details p.add-on-note {
  align-items: flex-start;
  display: flex;
  gap: 0.5em;
  padding-top: 8px;
}
#professional-add-ons .professional-add-ons-container .professional-add-on-service .professional-add-on-details p.add-on-note::before {
  content: "(i)";
  color: inherit;
  flex: 0 0 auto;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (min-width: 761px) {
  #professional-add-ons .professional-add-ons-container .professional-add-on-service .professional-add-on-details p {
    width: 75%;
  }
}

#application-details #application-details-headline {
  padding: 24px 0;
}
#application-details #application-details-headline h2 {
  text-align: center;
}
#application-details .application-details-content #full-details div {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  isolation: isolate;
}
#application-details .application-details-content #full-details div::-webkit-scrollbar {
  display: none;
}
#application-details .application-details-content #full-details div table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
}
#application-details .application-details-content #full-details div table th,
#application-details .application-details-content #full-details div table td {
  border-right: 1px solid rgba(23, 64, 75, 0.25);
  border-bottom: 1px solid rgba(23, 64, 75, 0.25);
  background-clip: padding-box;
}
#application-details .application-details-content #full-details div table tr.headers th {
  position: sticky;
  top: 0;
  z-index: 2;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  background: #17404b;
  border-color: rgba(255, 255, 255, 0.25);
}
#application-details .application-details-content #full-details div table tr:first-child th,
#application-details .application-details-content #full-details div table tr.headers th {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
#application-details .application-details-content #full-details div table td:first-child,
#application-details .application-details-content #full-details div table th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  font-size: 0.95rem;
  background: #fff;
  border-left: 1px solid rgba(23, 64, 75, 0.25);
  box-shadow: none;
}
#application-details .application-details-content #full-details div table tr.headers th:first-child {
  z-index: 3;
  border-left-color: rgba(255, 255, 255, 0.25);
}
#application-details .application-details-content #full-details div table tr:first-child, #application-details .application-details-content #full-details div table tr.headers {
  background-color: #17404b;
  color: #fff;
}
#application-details .application-details-content #full-details div table tr:first-child th:first-child, #application-details .application-details-content #full-details div table tr.headers th:first-child {
  width: 200px;
}
#application-details .application-details-content #full-details div table tr:first-child th:not(:first-child), #application-details .application-details-content #full-details div table tr.headers th:not(:first-child) {
  width: 300px;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #full-details div table tr:first-child th:first-child, #application-details .application-details-content #full-details div table tr.headers th:first-child {
    width: 20%;
  }
  #application-details .application-details-content #full-details div table tr:first-child th:not(:first-child), #application-details .application-details-content #full-details div table tr.headers th:not(:first-child) {
    width: 26.6%;
  }
}
#application-details .application-details-content #full-details div table tr.prices td:not(:first-child) {
  text-align: center;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
}
#application-details .application-details-content #full-details div table tr.headline {
  background-color: #f5f5f5;
}
#application-details .application-details-content #full-details div table tr.headline td {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  font-size: 1.05rem;
  background: #f5f5f5;
}
#application-details .application-details-content #full-details div table tr.order-buttons {
  background-color: #f5f5f5;
}
#application-details .application-details-content #full-details div table tr.order-buttons td {
  border: none;
}
#application-details .application-details-content #full-details div table tr.order-buttons td a {
  align-items: center;
  background-color: #17404b;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 0;
  text-decoration: none;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  font-size: 1.15em;
  display: inline-flex;
  gap: 0.75em;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#application-details .application-details-content #full-details div table tr.order-buttons td a::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #fff;
  border-top: 0.45em solid transparent;
  flex-shrink: 0;
  height: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
  width: 0;
}
#application-details .application-details-content #full-details div table tr.order-buttons td a:hover::before {
  transform: rotate(-90deg);
}
#application-details .application-details-content #full-details div table tr.order-buttons td a[href*="/kontakt/"]::before {
  border-bottom: 0.75em solid #fff;
  border-left: 0.45em solid transparent;
  border-right: 0.45em solid transparent;
  border-top: 0;
}
#application-details .application-details-content #full-details div table tr.order-buttons td a[href*="/kontakt/"]:hover::before {
  transform: none;
}
#application-details .application-details-content #full-details div table tr.order-buttons td a:hover {
  background-color: #b2c300;
}
@media (prefers-reduced-motion: reduce) {
  #application-details .application-details-content #full-details div table tr.order-buttons td a::before {
    transition: none;
  }
  #application-details .application-details-content #full-details div table tr.order-buttons td a:hover::before {
    transform: none;
  }
  #application-details .application-details-content #full-details div table tr.order-buttons td a[href*="/kontakt/"]:hover::before {
    transform: none;
  }
}
#application-details .application-details-content #full-details div table tr.order-buttons td a:focus-visible {
  outline: 3px solid rgba(23, 64, 75, 0.5);
  outline-offset: 2px;
}
#application-details .application-details-content #full-details div table tr th,
#application-details .application-details-content #full-details div table tr td {
  padding: 0.5em;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  word-spacing: 0.02em;
}
#application-details .application-details-content #full-details div table tr.headline td:first-child {
  background: #f5f5f5;
}
#application-details .application-details-content #full-details div table tr.order-buttons td:first-child {
  background: #f5f5f5;
}
#application-details .application-details-content #full-details div table tr.headers th:first-child {
  background: #17404b;
}
#application-details .application-details-content #full-details div table td.enterprise-section-details {
  vertical-align: top;
}
#application-details .application-details-content #full-details div table td.enterprise-section-details p:last-child {
  margin-bottom: 0;
}
#application-details .application-details-content #full-details div table td.explanation {
  cursor: help;
}
#application-details .application-details-content #full-details div table td.explanation:not(:first-child) {
  position: relative;
}
#application-details .application-details-content #full-details div table td.explanation .info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  min-width: 1.2rem;
  min-height: 1.2rem;
  border-radius: 999px;
  line-height: 1;
  margin-left: 0.25em;
  background: #17404b;
  color: transparent;
  font-size: 1rem;
  border: 0;
  padding: 0;
  appearance: none;
  cursor: help;
  vertical-align: middle;
  flex-shrink: 0;
}
#application-details .application-details-content #full-details div table td.explanation .info::before {
  content: "i";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-0.02em);
}
#application-details .application-details-content #full-details div table td.explanation .info:focus-visible {
  outline: 2px solid rgba(23, 64, 75, 0.5);
  outline-offset: 2px;
}
#application-details .application-details-content #full-details div table td.explanation .explanation-tooltip {
  position: absolute;
  left: 0;
  bottom: 100%;
  transform: translateY(6px);
  width: min(40ch, 90vw);
  background: rgba(23, 64, 75, 0.98);
  color: #fff;
  padding: 0.6em 0.8em;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 10;
  pointer-events: none;
  white-space: normal;
  text-wrap: pretty;
  line-height: 1.45;
}
#application-details .application-details-content #full-details div table td.explanation .explanation-tooltip a {
  color: #fff;
  text-decoration: underline;
}
#application-details .application-details-content #full-details div table td.explanation .explanation-tooltip a:hover, #application-details .application-details-content #full-details div table td.explanation .explanation-tooltip a:focus-visible {
  text-decoration-thickness: 2px;
}
#application-details .application-details-content #full-details div table td.explanation:hover .explanation-tooltip, #application-details .application-details-content #full-details div table td.explanation:focus-within .explanation-tooltip {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
#application-details .application-details-content #more {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
  /* ------------------------------------------------
     Intro-Box mit Rahmen & großen Anführungszeichen
     ------------------------------------------------ */
  /* Variante auf dunklem Hintergrund (falls Intro in .saasweb-dark-green landet) */
}
#application-details .application-details-content #more .app-description-long-intro {
  position: relative;
  display: inline-block;
  border: 2px solid rgba(23, 64, 75, 0.25);
  background-color: rgb(236.44, 239.72, 240.6);
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  margin: 0.5rem 0 1.5rem 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow: visible;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .app-description-long-intro {
    padding: 1.75rem 2.25rem;
  }
  #application-details .application-details-content #more .app-description-long-intro::after {
    bottom: -1.5rem;
    transform: translateY(22%);
  }
}
#application-details .application-details-content #more .app-description-long-intro h4 {
  margin: 0 0 0.35rem 0;
  font-weight: 700;
  color: #17404b;
}
#application-details .application-details-content #more .app-description-long-intro p {
  margin: 0;
}
#application-details .application-details-content #more .app-description-long-intro p + p {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .app-description-long-intro p {
    max-width: 70ch;
  }
}
#application-details .application-details-content #more .app-description-long-intro::before, #application-details .application-details-content #more .app-description-long-intro::after {
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 1;
  opacity: 0.1;
  color: #17404b;
  pointer-events: none;
}
#application-details .application-details-content #more .app-description-long-intro::before {
  content: "“";
  top: -0.4rem;
  left: 0.6rem;
  font-size: clamp(48px, 8vw, 96px);
  transform: translateY(-10%);
}
#application-details .application-details-content #more .app-description-long-intro::after {
  content: "”";
  right: 0.8rem;
  font-size: clamp(48px, 8vw, 96px);
  bottom: -1.25rem;
  transform: translateY(18%);
}
#application-details .application-details-content #more .app-description-long-intro a:focus-visible {
  outline: 2px solid #fbc200;
  outline-offset: 2px;
}
#application-details .application-details-content #more .saasweb-dark-green .app-description-long-intro {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: none;
}
#application-details .application-details-content #more .saasweb-dark-green .app-description-long-intro h4, #application-details .application-details-content #more .saasweb-dark-green .app-description-long-intro p {
  color: #ffffff;
}
#application-details .application-details-content #more .saasweb-dark-green .app-description-long-intro::before, #application-details .application-details-content #more .saasweb-dark-green .app-description-long-intro::after {
  color: #ffffff;
  opacity: 0.18;
}
#application-details .application-details-content #more .app-description-long-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 0;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .app-description-long-item {
    flex-direction: row;
    gap: 2em;
    padding: 24px 0px;
  }
}
@media only screen and (max-width: 760px) {
  #application-details .application-details-content #more .app-description-long-item:has(.app-description-long-item-image) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.6em;
    align-items: start;
  }
  #application-details .application-details-content #more .app-description-long-item:has(.app-description-long-item-image) .app-description-long-item-image {
    grid-column: 1;
    grid-row: 1;
  }
  #application-details .application-details-content #more .app-description-long-item:has(.app-description-long-item-image) .app-description-long-item-image > img {
    width: 1.5em;
    margin-left: 0;
  }
  #application-details .application-details-content #more .app-description-long-item:has(.app-description-long-item-image) .app-description-long-item-content {
    display: contents;
  }
  #application-details .application-details-content #more .app-description-long-item:has(.app-description-long-item-image) .app-description-long-item-content > h4 {
    grid-column: 2;
    grid-row: 1;
  }
  #application-details .application-details-content #more .app-description-long-item:has(.app-description-long-item-image) .app-description-long-item-content > :not(h4) {
    grid-column: 1/-1;
  }
}
#application-details .application-details-content #more .app-description-long-item .app-description-long-item-image {
  flex: 0 0 auto;
}
#application-details .application-details-content #more .app-description-long-item .app-description-long-item-image > img {
  display: block;
  width: 100px;
  max-width: 100%;
  height: auto;
  margin-left: -8.3333333333px;
}
#application-details .application-details-content #more .app-description-long-item .app-description-long-item-content {
  --app-description-text-width: 100%;
  flex: 2;
}
#application-details .application-details-content #more .app-description-long-item .app-description-long-item-content h4 {
  margin: 0;
}
#application-details .application-details-content #more .app-description-long-item .app-description-long-item-content h4::after {
  content: "";
  display: block;
  width: var(--app-description-text-width);
  height: 1px;
  margin-top: 24px;
  background-color: #17404b;
}
#application-details .application-details-content #more .app-description-long-item .app-description-long-item-content p {
  margin-top: 24px;
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .app-description-long-item .app-description-long-item-content p {
    width: 70%;
  }
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .app-description-long-item .app-description-long-item-content {
    --app-description-text-width: 70%;
  }
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .app-description-long-item.reverse {
    flex-direction: row-reverse;
    gap: 2em;
    padding: 24px 0px;
  }
  #application-details .application-details-content #more .app-description-long-item.reverse .app-description-long-item-content {
    --app-description-text-width: 100%;
    flex: 1;
  }
  #application-details .application-details-content #more .app-description-long-item.reverse .app-description-long-item-content p {
    width: 100%;
  }
  #application-details .application-details-content #more .app-description-long-item.reverse .app-description-long-item-image {
    align-self: flex-start;
    flex: 1;
  }
  #application-details .application-details-content #more .app-description-long-item.reverse .app-description-long-item-image > img {
    margin-left: 0;
  }
}
#application-details .application-details-content #more .app-description-long-item.saasweb-dark-green .app-description-long-item-image > img {
  filter: brightness(0) invert(1);
}
#application-details .application-details-content #more .app-description-long-item.saasweb-dark-green .app-description-long-item-content h4 {
  color: #fff;
}
#application-details .application-details-content #more .app-description-long-item.saasweb-dark-green .app-description-long-item-content p {
  color: #fff;
}
#application-details .application-details-content #more .app-description-long-item.saasweb-dark-green .app-description-long-item-content a {
  color: #fff;
}
#application-details .application-details-content #more .full-width.saasweb-dark-green .wrap .app-description-long-item.saasweb-dark-green {
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #more .full-width.saasweb-dark-green .wrap .app-description-long-item.saasweb-dark-green {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 981px) {
  #application-details .application-details-content #more .full-width.saasweb-dark-green .wrap .app-description-long-item.saasweb-dark-green {
    padding-left: 0;
    padding-right: 0;
  }
}
#application-details .application-details-content #faq h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  color: #17404b;
}
#application-details .application-details-content #faq h3 svg {
  width: 24px;
  height: 24px;
}
#application-details .application-details-content #faq p {
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #application-details .application-details-content #faq p {
    width: 70%;
  }
}

/* Weniger Bewegung, wenn vom System gewünscht */
@media (prefers-reduced-motion: reduce) {
  #application-details .app-description-long-intro {
    box-shadow: none;
  }
}
#partner-programm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
  margin-top: 24px;
  padding: 0;
  /* CTA: wie Our-Services-Button, Icon = externer Link (statt Dreieck) */
}
@media only screen and (min-width: 761px) {
  #partner-programm {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 48px;
    padding: 0;
  }
}
#partner-programm.parent-block-full-width.saasweb-dark-green {
  padding: 36px 0px;
}
@media only screen and (min-width: 761px) {
  #partner-programm.parent-block-full-width.saasweb-dark-green {
    padding: 36px 0px;
  }
}
#partner-programm.parent-block-full-width.saasweb-dark-green .content-area {
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (min-width: 761px) {
  #partner-programm.parent-block-full-width.saasweb-dark-green .content-area {
    padding-left: 0;
    padding-right: 0;
  }
}
#partner-programm.parent-block-full-width.saasweb-dark-green .content-area p {
  color: #fff;
}
#partner-programm.parent-block-full-width.saasweb-dark-green .content-area ul {
  margin-bottom: 1.5em;
}
#partner-programm.parent-block-full-width.saasweb-dark-green .content-area ul li {
  color: #fff;
}
#partner-programm.parent-block-full-width.saasweb-dark-green .content-area a {
  color: #fff;
}
#partner-programm .content-area {
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #partner-programm .content-area {
    width: 50%;
  }
}
#partner-programm .secondary-area {
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #partner-programm .secondary-area {
    width: 50%;
  }
}
#partner-programm .secondary-area img {
  max-width: 100%;
  height: auto;
  display: block;
}
#partner-programm .partner-programm__cta.button {
  align-items: center;
  background-color: transparent;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  gap: 0.75em;
  margin-top: 0.5rem;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
#partner-programm .partner-programm__cta.button::before {
  background-color: currentColor;
  content: "";
  flex-shrink: 0;
  height: 1.275em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM15 3v2h4.59L8.76 15.83l1.41 1.41L21 6.41V11h2V3h-8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM15 3v2h4.59L8.76 15.83l1.41 1.41L21 6.41V11h2V3h-8z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1.275em;
}
#partner-programm .partner-programm__cta.button:hover {
  background-color: transparent;
  border-color: #17404b;
  color: #17404b;
}
#partner-programm.parent-block-full-width.saasweb-dark-green .partner-programm__cta.button {
  border-color: #fff;
  color: #fff;
}
#partner-programm.parent-block-full-width.saasweb-dark-green .partner-programm__cta.button:hover {
  border-color: #fff;
  color: #fff;
}

#entwickler-programm {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
  margin-top: 24px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 761px) {
  #entwickler-programm {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 48px;
    padding-left: 0;
    padding-right: 0;
  }
}
#entwickler-programm .content-area {
  width: 100%;
}
#entwickler-programm .content-area ul {
  margin-bottom: 1.5em;
}
#entwickler-programm .content-area a {
  color: #17404b;
}
@media only screen and (min-width: 761px) {
  #entwickler-programm .content-area {
    width: 50%;
  }
}
#entwickler-programm .secondary-area {
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #entwickler-programm .secondary-area {
    width: 50%;
  }
}
#entwickler-programm .secondary-area img {
  max-width: 100%;
  height: auto;
  display: block;
}

#testimonials {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 761px) {
  #testimonials {
    padding-left: 0;
    padding-right: 0;
  }
}
#testimonials .testimonials-headline {
  padding: 24px 0;
}
#testimonials .testimonials-headline h2 {
  text-align: center;
}
#testimonials .testimonials-headline p {
  font-size: 1.3rem;
  width: 100%;
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-headline p {
    width: 70%;
  }
}
#testimonials .testimonials-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5em;
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-container {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    row-gap: 2.5em;
  }
}
@media only screen and (min-width: 1201px) {
  #testimonials .testimonials-container {
    flex-wrap: nowrap;
  }
}
#testimonials .testimonials-container .testimonial-control {
  width: 100%;
  height: 100%;
  background-color: #000;
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-container .testimonial-control {
    display: none;
  }
}
#testimonials .testimonials-container .testimonial {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "visual" "main" "person";
  border: 1px solid #17404b;
  border-radius: 10px;
  padding: 1.5em;
  position: relative;
}
#testimonials .testimonials-container .testimonial::before {
  content: "❞";
  font-size: 4em;
  font-weight: 600;
  position: absolute;
  top: 165px;
  left: -10px;
  color: #17404b;
}
@media only screen and (min-width: 481px) {
  #testimonials .testimonials-container .testimonial {
    grid-template-columns: 50% 50%;
    grid-template-areas: "visual main" "visual person";
  }
  #testimonials .testimonials-container .testimonial::before {
    content: "❞";
    font-size: 4em;
    font-weight: 600;
    position: absolute;
    top: -20px;
    left: calc(50% - 20px);
    color: #17404b;
  }
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-container .testimonial {
    width: calc(50% - 0.75em);
    grid-template-columns: 30% 70%;
    grid-template-areas: "main main" "visual person";
  }
  #testimonials .testimonials-container .testimonial::before {
    content: "❞";
    font-size: 4em;
    font-weight: 600;
    position: absolute;
    top: -20px;
    left: -10px;
    color: #17404b;
  }
}
@media only screen and (min-width: 1201px) {
  #testimonials .testimonials-container .testimonial {
    width: 33%;
  }
}
#testimonials .testimonials-container .testimonial .testimonial-main {
  grid-area: main;
  font-size: 1em;
  font-weight: 400;
  flex: 1;
  color: #17404b;
  font-style: italic;
}
#testimonials .testimonials-container .testimonial .testimonial-visual {
  grid-area: visual;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 481px) {
  #testimonials .testimonials-container .testimonial .testimonial-visual {
    align-self: start;
  }
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-container .testimonial .testimonial-visual {
    align-self: end;
  }
}
#testimonials .testimonials-container .testimonial .testimonial-visual img {
  width: 60%;
  height: auto;
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-container .testimonial .testimonial-visual img {
    width: auto;
  }
}
#testimonials .testimonials-container .testimonial .testimonial-person {
  grid-area: person;
  width: 100%;
  font-size: 1em;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  line-height: 1.1;
  align-self: normal;
}
@media only screen and (min-width: 481px) {
  #testimonials .testimonials-container .testimonial .testimonial-person {
    align-self: start;
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 761px) {
  #testimonials .testimonials-container .testimonial .testimonial-person {
    align-self: end;
    padding-left: 1rem;
  }
}

/* Scroll-Lock, wenn Overlay offen */
body.overlay-open {
  overflow: hidden;
}

#our-customers {
  padding-left: 0;
  padding-right: 0;
  gap: 1.5em;
  margin-top: 24px;
  /* Lead links, Grid rechts – auf Desktop exakt gleich breit */
  /* Reihenfolge */
  /* -------------------- Lead-Customer (links) -------------------- */
  /* -------------------- Logo-Grid (rechts) -------------------- */
}
@media (min-width: 761px) {
  #our-customers {
    padding-left: 0;
    padding-right: 0;
    margin-top: 48px;
  }
}
#our-customers .our-customers-container-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media (min-width: 761px) {
  #our-customers .our-customers-container-wrapper {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area,
  #our-customers .our-customers-container {
    flex: 1 1 0; /* gleiche Basis, gleicher Frei-Raum */
    min-width: 0; /* verhindert Overflow-bedingtes Schrumpfen */
  }
}
#our-customers .lead-customer-area {
  order: 1;
}
#our-customers .our-customers-container {
  order: 2;
}
#our-customers .lead-customer-area {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  /* Panel-Hintergrund + „Klammer“ rechts */
}
#our-customers .lead-customer-area h2 {
  margin-bottom: 0.25em;
}
#our-customers .lead-customer-area #lead-customer.lead-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding: clamp(14px, 2.2vw, 20px);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(23, 64, 75, 0.055), rgba(23, 64, 75, 0.035));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  /* dekorative Schluss-Klammer an der rechten Kante */
}
#our-customers .lead-customer-area #lead-customer.lead-panel::after {
  content: "”";
  position: absolute;
  right: clamp(6px, 1.4vw, 12px);
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(56px, 7vw, 92px);
  line-height: 1;
  color: rgba(35, 80, 92, 0.12);
  pointer-events: none;
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area #lead-customer.lead-panel {
    flex-direction: row; /* innerhalb des Panels: Bild links, Text rechts */
    align-items: flex-start;
  }
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area {
  position: relative;
  width: 100%;
  /* Caption nur mobil sichtbar */
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area #lead-customer.lead-panel .visual-area {
    width: 34%;
  }
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area img {
  display: block;
  width: min(86%, 420px); /* Mobil: etwas kleiner */
  height: auto;
  max-height: clamp(180px, 36vw, 260px);
  object-fit: contain; /* kein Cropping */
  margin: 0 auto;
  background: #fff;
  box-shadow: -6px 0 14px rgba(0, 0, 0, 0.16), 0 10px 16px rgba(0, 0, 0, 0.18);
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area #lead-customer.lead-panel .visual-area img {
    width: 100%;
    max-height: none;
    margin: 0;
  }
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .visual-caption {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0) 60%);
  color: #fff;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .visual-caption .caption-name {
  font-weight: 700;
  line-height: 1.2;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .visual-caption .caption-position {
  opacity: 0.95;
  font-size: 0.95em;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .visual-caption .caption-company {
  opacity: 0.9;
  font-size: 0.95em;
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .visual-caption {
    display: none;
  }
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .customer-meta {
  font-family: var(--wp--preset--font-family--raleway);
  padding-top: 12px;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .customer-meta .meta-name {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .customer-meta .meta-position,
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .customer-meta .meta-company,
#our-customers .lead-customer-area #lead-customer.lead-panel .visual-area .customer-meta .meta-sep {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 500;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area {
  display: flex;
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area #lead-customer.lead-panel .content-area {
    width: 66%;
    padding-left: clamp(10px, 1.6vw, 18px);
  }
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  flex: 1;
  /* Testimonial – WYSIWYG: kein zusätzliches <p> notwendig */
  /* Desktop-Meta unter dem Zitat; mobil ausgeblendet (Caption im Bild) */
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-text {
  position: relative;
  font-style: italic;
  color: #17404b; /* $saas-green-dark (Fallback) */
  background: rgba(23, 64, 75, 0.06);
  border-left: 4px solid #23505c;
  border-radius: 10px;
  padding: clamp(12px, 2.5vw, 16px) clamp(14px, 2.8vw, 18px);
  /* großes Anfangs-Anführungszeichen */
  /* WYSIWYG-Inhalte harmonisieren */
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-text::before {
  content: "“";
  position: absolute;
  top: -6px;
  left: 8px;
  font-size: clamp(34px, 5.2vw, 44px);
  line-height: 1;
  color: rgba(35, 80, 92, 0.22);
  pointer-events: none;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-text :is(p, ul, ol, blockquote) {
  margin: 0.5em 0;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-text p:first-child {
  margin-top: 0;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-text p:last-child {
  margin-bottom: 0;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-meta {
  display: none;
  margin-top: 0.2em;
  font-size: 0.96rem;
  font-family: var(--wp--preset--font-family--raleway);
  color: #23505c;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-meta .meta-name {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-meta .meta-position {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 500;
}
#our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-meta .meta-company {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 500;
}
@media (min-width: 761px) {
  #our-customers .lead-customer-area #lead-customer.lead-panel .content-area .customer-info .customer-meta {
    display: block;
  }
}
#our-customers .our-customers-container {
  --logo-gap: clamp(8px, 1.2vw, 14px);
  --tile-radius: 14px;
  --tile-pad: clamp(10px, 1.5vw, 18px);
  --img-max-w: 84%;
  --img-max-h: 70%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--logo-gap);
  position: relative; /* Overlay bezieht sich auf diesen Container */
  /* Overlay nur so groß wie das Grid */
}
@media (min-width: 761px) {
  #our-customers .our-customers-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1201px) {
  #our-customers .our-customers-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
#our-customers .our-customers-container .customer {
  aspect-ratio: 3/2;
  display: flex;
  border-radius: var(--tile-radius);
  background: rgba(0, 0, 0, 0.02);
  padding: var(--tile-pad);
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) inset;
}
#our-customers .our-customers-container .customer .customer-tile {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: inherit;
}
#our-customers .our-customers-container .customer .customer-tile:focus-visible {
  outline: 2px solid rgba(35, 80, 92, 0.6);
  outline-offset: 2px;
  border-radius: 10px;
}
#our-customers .our-customers-container .customer .customer-tile img {
  max-width: var(--img-max-w);
  max-height: var(--img-max-h);
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  filter: grayscale(100%);
  opacity: 0.9;
  transition: filter 160ms ease, opacity 160ms ease, transform 160ms ease;
  vertical-align: middle;
}
#our-customers .our-customers-container .customer:hover .customer-tile img,
#our-customers .our-customers-container .customer .customer-tile:focus img {
  filter: none;
  opacity: 1;
  transform: scale(1.02);
}
#our-customers .our-customers-container.on-dark .customer {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}
#our-customers .our-customers-container.is-compact {
  --tile-pad: clamp(8px, 1vw, 12px);
  --img-max-w: 78%;
  --img-max-h: 64%;
}
#our-customers .our-customers-container.is-compact .customer {
  aspect-ratio: 16/9;
}
#our-customers .our-customers-container > .customer-overlay[aria-hidden=true] {
  display: none;
}
#our-customers .our-customers-container > .customer-overlay[aria-hidden=false] {
  display: flex;
}
#our-customers .our-customers-container > .customer-overlay {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
}
#our-customers .our-customers-container > .customer-overlay .overlay-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}
#our-customers .our-customers-container > .customer-overlay .overlay-dialog {
  position: relative;
  z-index: 21;
  width: min(900px, 92%);
  max-height: min(88vh, 92%);
  margin: 0;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.06) inset;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: clamp(16px, 2.5vw, 28px);
}
#our-customers .our-customers-container > .customer-overlay .overlay-close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  transition: transform 160ms ease, color 160ms ease;
}
#our-customers .our-customers-container > .customer-overlay .overlay-close:hover {
  color: rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
}
#our-customers .our-customers-container > .customer-overlay .overlay-close:focus-visible {
  outline: 2px solid rgba(35, 80, 92, 0.6);
  border-radius: 8px;
}
#our-customers .our-customers-container > .customer-overlay .overlay-content {
  overflow: auto;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 24px);
  align-items: start;
}
@media (min-width: 761px) {
  #our-customers .our-customers-container > .customer-overlay .overlay-customer {
    grid-template-columns: 36% 1fr;
  }
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-logo {
  display: grid;
  place-items: center;
  padding: clamp(12px, 2vw, 18px);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) inset;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-logo img {
  max-width: 90%;
  max-height: 160px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(0%);
  opacity: 1;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-body h3 {
  margin: 0 0 0.25em 0;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.2;
  color: #23505c;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-body .overlay-description p {
  margin-top: 0.5em;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-body .overlay-actions {
  margin-top: 1em;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-body .overlay-actions .btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 10px;
  background: #23505c;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: transform 120ms ease, opacity 120ms ease;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-body .overlay-actions .btn:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}
#our-customers .our-customers-container > .customer-overlay .overlay-customer .overlay-body .overlay-actions .btn:focus-visible {
  outline: 2px solid rgba(35, 80, 92, 0.6);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Überschriften — nur Inhalt/Editor-Canvas, nicht Gutenberg-Sidebar/-Chrome */
.entry-content h2,
.page-content h2,
.entry-summary h2,
.editor-styles-wrapper h2 {
  background-color: #23505c;
  color: #fff;
  padding: 0.2em 0.5em;
  line-height: 2;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-transform: uppercase;
}

.entry-content .saasweb-dark-green h2,
.page-content .saasweb-dark-green h2,
.entry-summary .saasweb-dark-green h2,
.editor-styles-wrapper .saasweb-dark-green h2 {
  background-color: #fff;
  color: #17404b;
}

.page-content #our-services a,
.entry-content #our-services a,
.entry-summary #our-services a {
  color: #17404b;
}

.our-services-block {
  margin-block: 3rem;
}

.our-services-block__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

.our-services-block__inner:has(> .our-services-block__section:nth-child(4)) > .our-services-block__section:nth-child(-n+2) {
  border: none;
  padding: 0 !important;
}

@media only screen and (min-width: 981px) {
  .our-services-block__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .our-services-block__inner:has(> .our-services-block__section:nth-child(4)) > .our-services-block__section:nth-child(-n+2) {
    width: calc(100% + 2px);
    margin-inline: -1px;
  }
}
.our-services-block__section {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border: 1px solid #17404b;
}

/* Titel-span wie h2.wp-block-heading im Inhalt (vgl. our-customers.scss .entry-content h2) */
.entry-content .our-services-block .heading-wrap span.wp-block-heading.our-services-block__title,
.page-content .our-services-block .heading-wrap span.wp-block-heading.our-services-block__title,
.entry-summary .our-services-block .heading-wrap span.wp-block-heading.our-services-block__title,
#our-services .heading-wrap span.wp-block-heading.our-services-block__title,
.editor-styles-wrapper .our-services-block .heading-wrap span.wp-block-heading.our-services-block__title {
  background-color: #23505c;
  color: #fff;
  padding: 0.2em 0.5em;
  line-height: 2;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  font-size: 1.5em;
  margin: 0;
}

/* Intro: h2 neu; p = alte gespeicherte Inhalte bis Re-Save — gleiche Absatz-Typo */
.our-services-block p.our-services-block__intro,
.our-services-block h2.our-services-block__intro,
#our-services p.our-services-block__intro,
#our-services h2.our-services-block__intro,
.editor-styles-wrapper .our-services-block p.our-services-block__intro,
.editor-styles-wrapper .our-services-block h2.our-services-block__intro {
  margin: 0;
  max-width: 48rem;
  line-height: 1.5;
  min-height: 4.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-weight: 400;
  color: #333;
  background: none;
  background-color: transparent;
  padding: 0;
  text-transform: none;
  -webkit-box-decoration-break: unset;
  box-decoration-break: unset;
  clear: none;
}

.our-services-block p.our-services-block__intro,
#our-services p.our-services-block__intro,
.editor-styles-wrapper .our-services-block p.our-services-block__intro {
  font-size: 1rem;
}

.our-services-block h2.our-services-block__intro,
#our-services h2.our-services-block__intro,
.editor-styles-wrapper .our-services-block h2.our-services-block__intro {
  font-size: 1.2rem;
}

.our-services-block__tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

@media only screen and (min-width: 981px) {
  .our-services-block__tiles {
    /* Desktop: generell 2 Tiles nebeneinander */
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* Bei genau 3 Tiles: 2 oben, eine breite darunter; untere Tile wächst, bis unten mit Nachbarsektion bündig */
  .our-services-block__section:has(.our-services-block__tiles .our-services-block__tile:nth-child(3):last-child) .our-services-block__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    flex: 1;
    min-height: 0;
  }
  .our-services-block__section:has(.our-services-block__tiles .our-services-block__tile:nth-child(3):last-child) .our-services-block__tiles .our-services-block__tile:nth-child(3):last-child {
    grid-column: 1/-1;
  }
  /* Breite Tile: Medienbereich füllt Höhe, Bild füllt ohne festes Seitenverhältnis */
  .our-services-block__section:has(.our-services-block__tiles .our-services-block__tile:nth-child(3):last-child) .our-services-block__tile:nth-child(3):last-child .our-services-block__tile-media {
    flex: 1;
    min-height: 0;
  }
  .our-services-block__section:has(.our-services-block__tiles .our-services-block__tile:nth-child(3):last-child) .our-services-block__tile:nth-child(3):last-child .our-services-block__tile-image {
    aspect-ratio: auto;
    height: 100%;
  }
}
.our-services-block__tile {
  border: 1px solid #17404b;
  border-radius: 0;
  overflow: hidden;
  background-color: #ffffff;
  transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

/* Tile-Bilder: optionales 16:9-Bild standardmäßig ausblenden */
.our-services-block__tile-image--wide {
  display: none;
}

/* Mobile: Sektion mit genau 3 Tiles => alle 3 übereinander, 16:9 Medien */
@media only screen and (max-width: 980px) {
  .our-services-block__tiles--count-3 {
    grid-template-columns: 1fr;
  }
  .our-services-block__tiles--count-3 .our-services-block__tile-link {
    height: auto !important;
  }
  /* Square-Fallback (wenn kein 16:9-Bild vorhanden ist): 16:9 Crop */
  .our-services-block__tiles--count-3 .our-services-block__tile-image--square {
    aspect-ratio: 16/9 !important;
    height: auto !important;
    object-fit: cover;
    display: block;
  }
  /* Wide-Bild anzeigen (nur wenn es im Markup existiert) */
  .our-services-block__tiles--count-3 .our-services-block__tile-image--wide {
    display: block;
    aspect-ratio: 16/9 !important;
    height: auto !important;
    object-fit: cover;
  }
  /* Wenn Wide existiert, Square nur in dieser Tile ausblenden */
  .our-services-block__tiles--count-3 .our-services-block__tile--has-wide .our-services-block__tile-image--square {
    display: none;
  }
}
.our-services-block__tile-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.our-services-block__tile-media {
  width: 100%;
  background-color: #e9eef2;
  position: relative;
  overflow: hidden;
}
.our-services-block__tile-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(178, 195, 0, 0.14);
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.our-services-block__tile:hover .our-services-block__tile-media::after {
  opacity: 0;
}

.our-services-block__tile-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  filter: brightness(1.08) saturate(1.08) contrast(1.03);
}

.our-services-block__tile-content {
  padding: 1rem 0.5rem 1.25rem;
}

.our-services-block__tile-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #17404b;
  line-height: 1.3;
}

@media only screen and (min-width: 981px) {
  .our-services-block__tile-title {
    font-size: 0.8rem;
  }
}
/* Desktop (count=3): 3. Tile nutzt wieder 1:1 (Square) */
@media only screen and (min-width: 981px) {
  /* Wide-Bild auf Desktop ausblenden */
  .our-services-block__tiles--count-3 .our-services-block__tile:nth-child(3) .our-services-block__tile-image--wide {
    display: none !important;
  }
  /* Square-Bild beibehalten (1:1) */
  .our-services-block__tiles--count-3 .our-services-block__tile:nth-child(3) .our-services-block__tile-image--square {
    display: block !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover;
  }
}
/* Text- und Listenbereiche im Our-Services-Block */
.our-services-block__text {
  margin: 0;
}

.our-services-block__list {
  margin: 0;
  padding-left: 1.2rem;
}

.our-services-block__list li {
  margin-bottom: 0.25rem;
}

.our-services-block__tile:hover {
  border-color: #b2c300;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.our-services-block__button-wrap {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  margin-top: 0.5rem;
}

.our-services-block__button {
  align-items: center;
  background-color: transparent;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
.our-services-block__button::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  height: 0;
  width: 0;
}
.our-services-block__button::before {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
}
.our-services-block__button:hover::before {
  transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
  .our-services-block__button::before {
    transition: none;
  }
  .our-services-block__button:hover::before {
    transform: none;
  }
}

.our-services-block__button:hover {
  background-color: transparent;
  border-color: #17404b;
  color: #17404b;
}

@media only screen and (min-width: 981px) {
  .our-services-block__button-wrap {
    margin-top: auto;
  }
}
.page-content #agency-services a,
.entry-content #agency-services a,
.entry-summary #agency-services a {
  color: #17404b;
}

.agency-services-block {
  margin-block: 3rem;
}

.agency-services-block__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Tile-Sektionen (oben links/rechts) ohne Rahmen – analog zum Our-Services-Block.
 * Höhere Spezifität (0,2,0) als die Basisregel aus der Block-eigenen style.css,
 * die auf dem Frontend sonst den 1px-Rahmen und ein Padding setzt. */
.agency-services-block__inner > .agency-services-block__section--tile {
  border: none;
  padding: 0 !important;
}

@media only screen and (min-width: 981px) {
  .agency-services-block__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .agency-services-block__section--banner {
    grid-column: 1/-1;
  }
  /* Kacheln bündig zur Außenkante des Banner-Rahmens ausrichten (wie Our-Services). */
  .agency-services-block__inner > .agency-services-block__section--tile {
    width: calc(100% + 2px);
    margin-inline: -1px;
  }
}
.agency-services-block__section--tile {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.entry-content .agency-services-block .heading-wrap span.wp-block-heading.agency-services-block__title,
.page-content .agency-services-block .heading-wrap span.wp-block-heading.agency-services-block__title,
.entry-summary .agency-services-block .heading-wrap span.wp-block-heading.agency-services-block__title,
#agency-services .heading-wrap span.wp-block-heading.agency-services-block__title,
.editor-styles-wrapper .agency-services-block .heading-wrap span.wp-block-heading.agency-services-block__title {
  background-color: #23505c;
  color: #fff;
  padding: 0.2em 0.5em;
  line-height: 2;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  font-size: 1.5em;
  margin: 0;
}

.agency-services-block h2.agency-services-block__intro,
#agency-services h2.agency-services-block__intro,
.editor-styles-wrapper .agency-services-block h2.agency-services-block__intro {
  margin: 0;
  max-width: 48rem;
  line-height: 1.5;
  min-height: 4.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-weight: 400;
  color: #333;
  font-size: 1.2rem;
  background: none;
  padding: 0;
  text-transform: none;
}

.agency-services-block__tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

@media only screen and (min-width: 981px) {
  .agency-services-block__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .agency-services-block__section--tile:not(:has(.agency-services-block__tile--double)):has(.agency-services-block__tiles .agency-services-block__tile:nth-child(3):last-child) .agency-services-block__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    flex: 1;
    min-height: 0;
  }
  .agency-services-block__section--tile:not(:has(.agency-services-block__tile--double)):has(.agency-services-block__tiles .agency-services-block__tile:nth-child(3):last-child) .agency-services-block__tiles .agency-services-block__tile:nth-child(3):last-child {
    grid-column: 1/-1;
  }
  .agency-services-block__section--tile:not(:has(.agency-services-block__tile--double)):has(.agency-services-block__tiles .agency-services-block__tile:nth-child(3):last-child) .agency-services-block__tile:nth-child(3):last-child .agency-services-block__tile-media {
    flex: 1;
    min-height: 0;
  }
  .agency-services-block__section--tile:not(:has(.agency-services-block__tile--double)):has(.agency-services-block__tiles .agency-services-block__tile:nth-child(3):last-child) .agency-services-block__tile:nth-child(3):last-child .agency-services-block__tile-image {
    aspect-ratio: auto;
    height: 100%;
  }
}
.agency-services-block__tile {
  border: 1px solid #17404b;
  border-radius: 0;
  overflow: hidden;
  background-color: #ffffff;
  transition: border-color 0.18s ease;
}

/* Doppelte Breite: Kachel spannt beide Grid-Spalten (volle Zeile). */
.agency-services-block__tile--double {
  grid-column: 1/-1;
}

/* Doppelt breite Bildkachel: exakt so hoch wie eine Einzelkachel rechts.
 * Eine Einzelkachel ist (Sektionsbreite - Gap) / 2 breit und ihr Bild ist 1:1,
 * also ebenso hoch. Die Doppelkachel überspannt hingegen beide Spalten inkl. Gap
 * (= volle Sektionsbreite). Ein reines 2:1-Verhältnis ergäbe deshalb Breite/2 und
 * wäre um Gap/2 zu hoch. Über padding-bottom (bezieht sich auf die Elementbreite)
 * setzen wir die Bildhöhe exakt auf (100% - Gap) / 2 = 50% - Gap/2. */
.agency-services-block__tile--double .agency-services-block__tile-media {
  height: 0;
  padding-bottom: calc(50% - 0.625rem);
}

.agency-services-block__tile--double .agency-services-block__tile-image {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
}

/* Textkachel: kein Bild, Titel + Text im Inhaltsbereich.
 * Höhe folgt der Grid-Zeile (Bild + Titel der Nachbarkachel), nicht nur dem 1:1-Bild. */
.agency-services-block__tile--text {
  display: flex;
  flex-direction: column;
}

.agency-services-block__tile--text .agency-services-block__tile-link {
  flex: 1;
  min-height: 0;
}

/* Textkachel ohne Rahmen und ohne jeglichen Hover-Effekt.
 * (Ein Zoom entfällt ohnehin, da die Textkachel kein Bild enthält.) */
.agency-services-block__tile--text,
.agency-services-block__tile--text:hover {
  border: 0;
}

.agency-services-block__tile-content--text {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.5rem;
  min-height: 0;
  padding: 1.25rem;
}

.agency-services-block__tile-text {
  margin: 0;
  color: #333;
  line-height: 1.5;
}

.agency-services-block__tile-image--wide {
  display: none;
}

@media only screen and (max-width: 980px) {
  .agency-services-block__tiles--count-3 {
    grid-template-columns: 1fr;
  }
  .agency-services-block__tiles--count-3 .agency-services-block__tile-link {
    height: auto !important;
  }
  .agency-services-block__tiles--count-3 .agency-services-block__tile-image--square {
    aspect-ratio: 16/9 !important;
    height: auto !important;
    object-fit: cover;
    display: block;
  }
  .agency-services-block__tiles--count-3 .agency-services-block__tile-image--wide {
    display: block;
    aspect-ratio: 16/9 !important;
    height: auto !important;
    object-fit: cover;
  }
  .agency-services-block__tiles--count-3 .agency-services-block__tile--has-wide .agency-services-block__tile-image--square {
    display: none;
  }
}
.agency-services-block__tile-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.agency-services-block__tile-media {
  width: 100%;
  background-color: #e9eef2;
  position: relative;
  overflow: hidden;
}
.agency-services-block__tile-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(178, 195, 0, 0.14);
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.agency-services-block__tile:hover .agency-services-block__tile-media::after {
  opacity: 0;
}

.agency-services-block__tile-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  filter: brightness(1.08) saturate(1.08) contrast(1.03);
  transition: transform 0.25s ease;
}

/* Zoom nur auf dem Bild (die Kachel selbst bleibt unbewegt). */
.agency-services-block__tile:hover .agency-services-block__tile-image {
  transform: scale(1.05);
}

.agency-services-block__tile-content {
  padding: 1rem 0.5rem 1.25rem;
}

.agency-services-block__tile-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #17404b;
  line-height: 1.3;
}

@media only screen and (min-width: 981px) {
  .agency-services-block__tile-title {
    font-size: 0.8rem;
  }
  .agency-services-block__tiles--count-3 .agency-services-block__tile:nth-child(3):not(.agency-services-block__tile--double) .agency-services-block__tile-image--wide {
    display: none !important;
  }
  .agency-services-block__tiles--count-3 .agency-services-block__tile:nth-child(3):not(.agency-services-block__tile--double) .agency-services-block__tile-image--square {
    display: block !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover;
  }
}
.agency-services-block__text {
  margin: 0;
}

.agency-services-block__list {
  margin: 0;
  padding-left: 1.2rem;
}

.agency-services-block__list li {
  margin-bottom: 0.25rem;
}

.agency-services-block__tile:hover {
  border-color: #b2c300;
}

.agency-services-block__button-wrap {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  margin-top: 0.5rem;
}

.agency-services-block__button {
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #17404b;
  color: #17404b;
  display: inline-flex;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
.agency-services-block__button::before {
  content: "";
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  height: 0;
  width: 0;
}
.agency-services-block__button::before {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
}
.agency-services-block__button:hover::before {
  transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
  .agency-services-block__button::before {
    transition: none;
  }
  .agency-services-block__button:hover::before {
    transform: none;
  }
}

.agency-services-block__button:hover {
  background-color: transparent;
  border-color: #17404b;
  color: #17404b;
}

@media only screen and (min-width: 981px) {
  .agency-services-block__section--tile .agency-services-block__button-wrap {
    margin-top: auto;
  }
}
/* Banner-Sektion (Managed Hosting) */
.agency-services-block__section--banner {
  position: relative;
  min-height: clamp(220px, 28vw, 320px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #17404b;
  overflow: hidden;
}

.agency-services-block__section--banner-no-image {
  background-color: #23505c;
}

.agency-services-block__banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(23, 64, 75, 0.92) 0%, rgba(35, 80, 92, 0.72) 100%);
  pointer-events: none;
}

.agency-services-block__banner-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  min-height: clamp(220px, 28vw, 320px);
  justify-content: flex-end;
}

.agency-services-block__title--banner {
  background-color: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  -webkit-box-decoration-break: unset;
  box-decoration-break: unset;
}

.agency-services-block__intro--banner {
  color: #fff !important;
  max-width: 40rem;
  -webkit-line-clamp: unset;
  min-height: 0;
  display: block;
  overflow: visible;
}

#agency-services .agency-services-block__intro--banner a,
.agency-services-block__intro--banner a {
  color: #fff;
}

/* Banner-Button-Farbe abhängig vom gewählten Hintergrund-Stil (dark/light).
 * Die Selektoren sind bewusst hoch spezifisch (#agency-services + Theme-Klasse +
 * Button-Klasse), um die generische Link-Farbregel
 * `.entry-content #agency-services a { color:#17404b }` (0,1,1,1) sicher zu
 * überstimmen. Sonst gewönne diese für `color`, und der Button-Text wäre dunkel –
 * auf dunklem Grund also nur beim Hover sichtbar. */
#agency-services .agency-services-block__section--banner--dark .agency-services-block__button--banner {
  border-color: #fff;
  color: #fff;
}

#agency-services .agency-services-block__section--banner--dark .agency-services-block__button--banner::before {
  border-left-color: #fff;
}

#agency-services .agency-services-block__section--banner--dark .agency-services-block__button--banner:hover {
  border-color: #fff;
  color: #fff;
}

#agency-services .agency-services-block__section--banner--light .agency-services-block__button--banner {
  border-color: #17404b;
  color: #17404b;
}

#agency-services .agency-services-block__section--banner--light .agency-services-block__button--banner::before {
  border-left-color: #17404b;
}

#agency-services .agency-services-block__section--banner--light .agency-services-block__button--banner:hover {
  border-color: #17404b;
  color: #17404b;
}

/* Heller Hintergrund: dunkle Texte + heller Overlay-Verlauf, damit alles lesbar
 * bleibt (Standard/dark bleibt unverändert weiß auf dunklem Verlauf). */
.agency-services-block__section--banner--light .agency-services-block__title--banner,
.agency-services-block__section--banner--light .agency-services-block__intro--banner {
  color: #17404b !important;
}

#agency-services .agency-services-block__section--banner--light .agency-services-block__intro--banner a {
  color: #17404b;
}

.agency-services-block__section--banner--light .agency-services-block__banner-overlay {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.65) 100%);
}

/* Ohne Hintergrundbild: heller Fond statt des dunklen Standard-Fonds. */
.agency-services-block__section--banner--light.agency-services-block__section--banner-no-image {
  background-color: #e9eef2;
}

@media only screen and (min-width: 981px) {
  .agency-services-block__banner-content {
    max-width: 50%;
  }
}
.page-content #agency-teaser a,
.entry-content #agency-teaser a,
.entry-summary #agency-teaser a {
  color: #17404b;
}

.agency-teaser-block {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.entry-content > .agency-teaser-block:not(:first-child) {
  margin-top: 48px;
}

.agency-teaser-block__panel {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #17404b;
  min-height: clamp(220px, 28vw, 320px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.agency-teaser-block__panel > .wrap {
  margin-inline: auto;
  width: 100%;
}
@media only screen and (min-width: 981px) {
  .agency-teaser-block__panel > .wrap {
    width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .agency-teaser-block__panel > .wrap {
    width: 1160px;
  }
}

.agency-teaser-block p.agency-teaser-block__intro,
.agency-teaser-block__intro,
#agency-teaser p.agency-teaser-block__intro,
#agency-teaser .agency-teaser-block__intro,
.editor-styles-wrapper .agency-teaser-block p.agency-teaser-block__intro,
.editor-styles-wrapper .agency-teaser-block__intro {
  margin: 0;
  max-width: 48rem;
  line-height: 1.5;
  min-height: 4.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-weight: 400;
  color: #333;
  font-size: 1.2rem;
  background: none;
  padding: 0;
  text-transform: none;
}

.agency-teaser-block__overlay {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.agency-teaser-block__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: clamp(220px, 28vw, 320px);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  position: relative;
  z-index: 1;
}

.agency-teaser-block__columns {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.agency-teaser-block__title-row {
  width: 100%;
}

.agency-teaser-block__title-rule {
  border: 0;
  border-top: 1px solid currentColor;
  margin: 0.75rem 0 0;
  opacity: 0.45;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
  animation: agencyTeaserTitleRuleGrow 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}

@keyframes agencyTeaserTitleRuleGrow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .agency-teaser-block__title-rule {
    animation: none;
    transform: scaleX(1);
  }
}
.agency-teaser-block__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

.agency-teaser-block__main {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.agency-teaser-block__aside {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.agency-teaser-block__button-wrap--list {
  margin-top: 0.25rem;
}

.agency-teaser-block__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.agency-teaser-block__list-item {
  font-family: var(--wp--preset--font-family--josefinsans);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding-left: 1.65em;
  position: relative;
}
.agency-teaser-block__list-item::before {
  left: 0;
  line-height: 1.5;
  position: absolute;
  top: 0;
}
.agency-teaser-block__list-item strong {
  font-weight: 700;
}

.agency-teaser-block__list--bullet .agency-teaser-block__list-item::before {
  content: "•";
}

.agency-teaser-block__list--square .agency-teaser-block__list-item::before {
  content: "▪";
  font-size: 0.85em;
  transform: translateY(0.12em);
}

.agency-teaser-block__list--star .agency-teaser-block__list-item::before {
  content: "★";
  font-size: 0.9em;
  transform: translateY(0.05em);
}

.agency-teaser-block__title,
.agency-teaser-block h2.agency-teaser-block__title,
.agency-teaser-block h3.agency-teaser-block__title,
.agency-teaser-block p.agency-teaser-block__title,
#agency-teaser .agency-teaser-block__title,
.editor-styles-wrapper .agency-teaser-block__title {
  background-color: transparent !important;
  box-decoration-break: unset;
  -webkit-box-decoration-break: unset;
  display: block;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(1.4rem, 2.5vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin: 0;
  padding: 0 !important;
  text-transform: uppercase;
}

.agency-teaser-block__intro {
  display: block;
  max-width: 40rem;
  min-height: 0;
  overflow: visible;
  -webkit-line-clamp: unset;
}

#agency-teaser p.agency-teaser-block__intro--note,
.editor-styles-wrapper .agency-teaser-block p.agency-teaser-block__intro--note {
  font-size: 1rem;
  margin-top: 0.75rem;
}

.agency-teaser-block__button-wrap {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
}

.agency-teaser-block__button {
  align-items: center;
  background-color: transparent;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
.agency-teaser-block__button::before {
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  content: "";
  height: 0;
  width: 0;
}
.agency-teaser-block__button::before {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
}
.agency-teaser-block__button:hover::before {
  transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
  .agency-teaser-block__button::before {
    transition: none;
  }
  .agency-teaser-block__button:hover::before {
    transform: none;
  }
}

.agency-teaser-block__panel--dark-green .agency-teaser-block__overlay {
  background: linear-gradient(135deg, rgba(23, 64, 75, 0.92) 0%, rgba(35, 80, 92, 0.72) 100%);
}
.agency-teaser-block__panel--dark-green.agency-teaser-block__panel--no-image {
  background-color: #23505c;
}
.agency-teaser-block__panel--dark-green .agency-teaser-block__title,
.agency-teaser-block__panel--dark-green .agency-teaser-block__intro,
.agency-teaser-block__panel--dark-green .agency-teaser-block__list-item {
  color: #fff !important;
}
#agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__list-item::before, #agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__list-item strong {
  color: #b2c300;
}
.agency-teaser-block__panel--dark-green .agency-teaser-block__title-row {
  color: #fff;
}
#agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__intro a, .agency-teaser-block__panel--dark-green .agency-teaser-block__intro a {
  color: #fff;
}

#agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__button {
  border-color: #fff;
  color: #fff;
}

#agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__button::before {
  border-left-color: #fff;
}

.agency-teaser-block__panel--light-green .agency-teaser-block__overlay {
  background: linear-gradient(135deg, rgba(178, 195, 0, 0.88) 0%, rgba(178, 195, 0, 0.62) 100%);
}
.agency-teaser-block__panel--light-green.agency-teaser-block__panel--no-image {
  background-color: rgb(228.05, 234, 165.75);
}
.agency-teaser-block__panel--light-green .agency-teaser-block__title,
.agency-teaser-block__panel--light-green .agency-teaser-block__intro,
.agency-teaser-block__panel--light-green .agency-teaser-block__list-item {
  color: #17404b !important;
}
.agency-teaser-block__panel--light-green .agency-teaser-block__title-row {
  color: #17404b;
}
#agency-teaser .agency-teaser-block__panel--light-green .agency-teaser-block__intro a, .agency-teaser-block__panel--light-green .agency-teaser-block__intro a {
  color: #17404b;
}

#agency-teaser .agency-teaser-block__panel--light-green .agency-teaser-block__button {
  border-color: #17404b;
  color: #17404b;
}

#agency-teaser .agency-teaser-block__panel--light-green .agency-teaser-block__button::before {
  border-left-color: #17404b;
}

.agency-teaser-block__panel--light-blue .agency-teaser-block__overlay {
  background: linear-gradient(135deg, rgba(232, 240, 244, 0.92) 0%, rgba(232, 240, 244, 0.68) 100%);
}
.agency-teaser-block__panel--light-blue.agency-teaser-block__panel--no-image {
  background-color: #e8f0f4;
}
.agency-teaser-block__panel--light-blue .agency-teaser-block__title,
.agency-teaser-block__panel--light-blue .agency-teaser-block__intro,
.agency-teaser-block__panel--light-blue .agency-teaser-block__list-item {
  color: #17404b !important;
}
.agency-teaser-block__panel--light-blue .agency-teaser-block__title-row {
  color: #17404b;
}
#agency-teaser .agency-teaser-block__panel--light-blue .agency-teaser-block__intro a, .agency-teaser-block__panel--light-blue .agency-teaser-block__intro a {
  color: #17404b;
}

#agency-teaser .agency-teaser-block__panel--light-blue .agency-teaser-block__button {
  border-color: #17404b;
  color: #17404b;
}

#agency-teaser .agency-teaser-block__panel--light-blue .agency-teaser-block__button::before {
  border-left-color: #17404b;
}

.editor-styles-wrapper .agency-teaser-block__title-rule {
  animation: none;
  transform: scaleX(1);
}
.editor-styles-wrapper .agency-teaser-block__button-wrap {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
}
.editor-styles-wrapper .agency-teaser-block__button,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__button {
  align-items: center;
  background-color: transparent !important;
  border: 1px solid #17404b !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #17404b !important;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  gap: 0.75em;
  line-height: 1.2;
  padding: 0.5em 2.5em !important;
  text-decoration: none !important;
}
.editor-styles-wrapper .agency-teaser-block__button::before,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__button::before {
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  content: "";
  flex-shrink: 0;
  height: 0;
  width: 0;
}
.editor-styles-wrapper .agency-teaser-block__panel--dark-green .agency-teaser-block__button,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__button {
  border-color: #fff !important;
  color: #fff !important;
}
.editor-styles-wrapper .agency-teaser-block__panel--dark-green .agency-teaser-block__button::before,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__panel--dark-green .agency-teaser-block__button::before {
  border-left-color: #fff;
}
.editor-styles-wrapper .agency-teaser-block__panel--light-green .agency-teaser-block__button,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__panel--light-green .agency-teaser-block__button,
.editor-styles-wrapper .agency-teaser-block__panel--light-blue .agency-teaser-block__button,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__panel--light-blue .agency-teaser-block__button {
  border-color: #17404b !important;
  color: #17404b !important;
}
.editor-styles-wrapper .agency-teaser-block__panel--light-green .agency-teaser-block__button::before,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__panel--light-green .agency-teaser-block__button::before,
.editor-styles-wrapper .agency-teaser-block__panel--light-blue .agency-teaser-block__button::before,
.editor-styles-wrapper #agency-teaser .agency-teaser-block__panel--light-blue .agency-teaser-block__button::before {
  border-left-color: #17404b;
}

@media only screen and (min-width: 981px) {
  .agency-teaser-block__content {
    padding-block: clamp(3rem, 8vw, 5rem);
    padding-inline: 0;
  }
  .agency-teaser-block__body {
    align-items: flex-start;
    flex-direction: row;
    gap: clamp(1.5rem, 4vw, 3rem);
  }
  .agency-teaser-block__main,
  .agency-teaser-block__aside {
    flex: 1 1 0;
    max-width: 50%;
  }
  .agency-teaser-block__aside {
    padding-left: clamp(2rem, 5vw, 4rem);
  }
}
.contact-columns {
  gap: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 782px) {
  .contact-columns {
    align-items: flex-start;
    padding-bottom: 0;
  }
}

.contact-map {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1rem 2.5rem rgba(23, 64, 75, 0.18);
  --pin-x: 50%;
  --pin-y: 40%;
}
@media only screen and (min-width: 782px) {
  .contact-map {
    position: sticky;
    top: calc(var(--header-height, 80px) + 1.5rem);
    height: min(680px, 100vh - var(--header-height, 80px) - 3rem);
  }
}
.contact-map__image {
  display: block;
  position: relative;
  height: 280px;
}
@media only screen and (min-width: 782px) {
  .contact-map__image {
    position: static;
    height: 100%;
  }
}
.contact-map__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--pin-x) var(--pin-y);
  transition: transform 0.8s ease;
}
.contact-map:hover .contact-map__image img {
  transform: scale(1.04);
}
.contact-map__image::after {
  content: "";
  position: absolute;
  left: var(--pin-x);
  top: var(--pin-y);
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border-radius: 50%;
  border: 3px solid #b2c300;
  animation: contact-map-pulse 2.4s ease-out infinite;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .contact-map__image::after {
    animation: none;
    opacity: 0;
  }
}
.contact-map__card {
  padding: 1.1rem 1.4rem;
  border-left: 4px solid #b2c300;
  color: #17404b;
  font-size: 0.95em;
  line-height: 1.45;
}
@media only screen and (min-width: 782px) {
  .contact-map__card {
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    max-width: 360px;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
  }
}
.contact-map__card p {
  margin: 0 0 0.6em;
}
.contact-map__card p:last-child {
  margin-bottom: 0;
}
.contact-map__card a {
  color: #17404b !important;
}
.contact-map__title {
  font-weight: 700;
  font-size: 1.15em;
}
.contact-map__route a {
  font-weight: 700;
  text-decoration: none;
}
.contact-map__route a:hover, .contact-map__route a:focus-visible {
  color: rgb(140.7569230769, 154.2, 0) !important;
}
.contact-map__credit {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0.15rem 0.5rem;
  border-bottom-left-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.7rem;
}
.contact-map__credit a {
  color: inherit !important;
}

.office-status {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font-weight: 600;
}
.office-status::before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: #9aa5a8;
}
.office-status.is-open::before {
  background: #b2c300;
  box-shadow: 0 0 0 0.2em rgba(178, 195, 0, 0.25);
}

@keyframes contact-map-pulse {
  0% {
    transform: scale(0.6);
    opacity: 0.9;
  }
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
.page-content #cloud-services a,
.entry-content #cloud-services a,
.entry-summary #cloud-services a {
  color: #17404b;
}

.cloud-services-block {
  margin-block: 3rem;
  width: 100%;
  box-sizing: border-box;
  --cloud-services-tile-headline-font-size: var(--wp--preset--font-size--normal);
  --cloud-services-tile-content-font-size: var(--wp--preset--font-size--small);
}
.cloud-services-block.cloud-services-block--has-background {
  margin-block: 0;
  padding-block: 3rem;
}
.cloud-services-block > .wrap {
  margin-inline: auto;
  width: 100%;
}
@media only screen and (min-width: 981px) {
  .cloud-services-block > .wrap {
    width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .cloud-services-block > .wrap {
    width: 1160px;
  }
}

.cloud-services-block__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
  min-width: 0;
}

.cloud-services-block__section--tiles {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
}

/* ---------------------------------------------------------------------------
 * Mosaic (Desktop): 5 Spalten × 11 Zeilen mit expliziten Gap-Tracks
 *
 * Spalten: 1fr | gap | 1fr | gap | 1fr
 *   K2/K3-Text = Sp.4+5 (gap + 1fr = Bild + Gap)
 *   K4/K6-Text = Sp.2+3 (gap + 1fr = K3-Bild + Gap)
 * ------------------------------------------------------------------------- */
.cloud-services-block__mosaic {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
}

.cloud-services-block__tile-link {
  color: inherit;
  display: contents;
  text-decoration: none;
}

.cloud-services-block__cell {
  background-color: #fff;
  border: 1px solid #17404b;
  min-height: 0;
  overflow: hidden;
  transition: border-color 0.18s ease;
}

.cloud-services-block__cell--k1-text,
.cloud-services-block__cell--k2-text,
.cloud-services-block__cell--k3-text,
.cloud-services-block__cell--k4-text,
.cloud-services-block__cell--k5-text,
.cloud-services-block__cell--k6-text,
.cloud-services-block__cell--k1-label,
.cloud-services-block__cell--k2-label,
.cloud-services-block__cell--k3-label,
.cloud-services-block__cell--k4-label,
.cloud-services-block__cell--k5-label,
.cloud-services-block__cell--k6-label {
  background-color: transparent;
}

/* Innere Kanten pro Kachel ausblenden (eine geschlossene Einheit) */
.cloud-services-block__cell--k1-media {
  border-bottom-width: 0;
}

.cloud-services-block__cell--k1-label {
  border-bottom-width: 0;
  border-top-width: 0;
}

.cloud-services-block__cell--k1-text {
  border-top-width: 0;
}

.cloud-services-block__cell--k2-media {
  border-bottom-width: 0;
  border-left-width: 0;
}

.cloud-services-block__cell--k2-text {
  border-bottom-width: 0;
  border-right-width: 0;
}

.cloud-services-block__cell--k2-label {
  border-top-width: 0;
}

.cloud-services-block__cell--k3-media {
  border-bottom-width: 0;
  border-right-width: 0;
}

.cloud-services-block__cell--k3-text {
  border-bottom-width: 0;
  border-left-width: 0;
}

.cloud-services-block__cell--k3-label {
  border-top-width: 0;
}

.cloud-services-block__cell--k4-media {
  border-bottom-width: 0;
  border-right-width: 0;
}

.cloud-services-block__cell--k4-text {
  border-bottom-width: 0;
  border-left-width: 0;
}

.cloud-services-block__cell--k4-label {
  border-top-width: 0;
}

.cloud-services-block__cell--k5-media {
  border-bottom-width: 0;
}

.cloud-services-block__cell--k5-label {
  border-bottom-width: 0;
  border-top-width: 0;
}

.cloud-services-block__cell--k5-text {
  border-top-width: 0;
}

.cloud-services-block__cell--k6-media {
  border-bottom-width: 0;
  border-left-width: 0;
}

.cloud-services-block__cell--k6-text {
  border-bottom-width: 0;
  border-right-width: 0;
}

.cloud-services-block__cell--k6-label {
  border-top-width: 0;
}

.cloud-services-block__mosaic:has([data-tile=k1]:hover) [data-tile=k1],
.cloud-services-block__mosaic:has([data-tile=k2]:hover) [data-tile=k2],
.cloud-services-block__mosaic:has([data-tile=k3]:hover) [data-tile=k3],
.cloud-services-block__mosaic:has([data-tile=k4]:hover) [data-tile=k4],
.cloud-services-block__mosaic:has([data-tile=k5]:hover) [data-tile=k5],
.cloud-services-block__mosaic:has([data-tile=k6]:hover) [data-tile=k6] {
  border-color: #b2c300;
}

#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__cell {
  border: 0;
}
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__mosaic:has([data-tile=k1]:hover) [data-tile=k1],
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__mosaic:has([data-tile=k2]:hover) [data-tile=k2],
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__mosaic:has([data-tile=k3]:hover) [data-tile=k3],
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__mosaic:has([data-tile=k4]:hover) [data-tile=k4],
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__mosaic:has([data-tile=k5]:hover) [data-tile=k5],
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__mosaic:has([data-tile=k6]:hover) [data-tile=k6] {
  border-color: transparent;
}
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__slide-link {
  border: 0;
}
#cloud-services.cloud-services-block--no-tile-borders .cloud-services-block__slide-link:hover {
  border: 0;
}

@media only screen and (min-width: 981px) {
  .cloud-services-block__mosaic {
    grid-template-columns: minmax(0, 1fr) 1.25rem minmax(0, 1fr) 1.25rem minmax(0, 1fr);
    grid-template-rows: auto auto 1.25rem auto auto 1.25rem auto auto 1.25rem auto auto;
  }
  /* Zeile 1–2: K1 | Gap-v | K2 */
  .cloud-services-block__cell--k1-media {
    grid-column: 1;
    grid-row: 1;
  }
  .cloud-services-block__cell--k1-label {
    grid-column: 1;
    grid-row: 2;
  }
  .cloud-services-block__cell--k2-text {
    grid-column: 3/5;
    grid-row: 1;
  }
  .cloud-services-block__cell--k2-media {
    grid-column: 5;
    grid-row: 1;
  }
  .cloud-services-block__cell--k2-label {
    grid-column: 3/6;
    grid-row: 2;
  }
  /* Zeile 3–5: K1-Text | Gap-v | (Gap-h Z.3) | K3 */
  .cloud-services-block__cell--k1-text {
    grid-column: 1;
    grid-row: 3/6;
  }
  .cloud-services-block__cell--k3-media {
    grid-column: 3;
    grid-row: 4;
  }
  .cloud-services-block__cell--k3-text {
    grid-column: 4/6;
    grid-row: 4;
  }
  .cloud-services-block__cell--k3-label {
    grid-column: 3/6;
    grid-row: 5;
  }
  /* Zeile 7–11: K4/K6 | Gap-v | K5 */
  .cloud-services-block__cell--k4-media {
    grid-column: 1;
    grid-row: 7;
  }
  .cloud-services-block__cell--k4-text {
    grid-column: 2/4;
    grid-row: 7;
  }
  .cloud-services-block__cell--k4-label {
    grid-column: 1/4;
    grid-row: 8;
  }
  .cloud-services-block__cell--k5-media {
    grid-column: 5;
    grid-row: 7;
  }
  .cloud-services-block__cell--k5-label {
    grid-column: 5;
    grid-row: 8;
  }
  .cloud-services-block__cell--k5-text {
    grid-column: 5;
    grid-row: 9/12;
  }
  .cloud-services-block__cell--k6-text {
    grid-column: 1/3;
    grid-row: 10;
  }
  .cloud-services-block__cell--k6-media {
    grid-column: 3;
    grid-row: 10;
  }
  .cloud-services-block__cell--k6-label {
    grid-column: 1/4;
    grid-row: 11;
  }
  /* Bilder: Quadrat = Spaltenbreite (1fr), nicht Zeilenhöhe */
  .cloud-services-block__cell--k1-media,
  .cloud-services-block__cell--k2-media,
  .cloud-services-block__cell--k3-media,
  .cloud-services-block__cell--k4-media,
  .cloud-services-block__cell--k5-media,
  .cloud-services-block__cell--k6-media {
    align-self: start;
  }
  .cloud-services-block__cell--k1-media .cloud-services-block__tile-media,
  .cloud-services-block__cell--k2-media .cloud-services-block__tile-media,
  .cloud-services-block__cell--k3-media .cloud-services-block__tile-media,
  .cloud-services-block__cell--k4-media .cloud-services-block__tile-media,
  .cloud-services-block__cell--k5-media .cloud-services-block__tile-media,
  .cloud-services-block__cell--k6-media .cloud-services-block__tile-media {
    aspect-ratio: 1/1;
    height: auto;
    width: 100%;
  }
}
/* Mobile slider (≤980px): swipeable tiles with pagination dots */
#cloud-services .cloud-services-block__tiles {
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

#cloud-services .cloud-services-block__slider {
  box-sizing: border-box;
  display: none;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
#cloud-services .cloud-services-block__slider .swiper-wrapper {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  height: auto;
}
#cloud-services .cloud-services-block__slider .cloud-services-block__slide {
  box-sizing: border-box;
  flex-shrink: 0;
  height: auto !important;
  max-width: 100%;
}
#cloud-services .cloud-services-block__slider .cloud-services-block__slide-pair {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  height: auto;
}
#cloud-services .cloud-services-block__slider:not(.swiper-initialized) .cloud-services-block__slide {
  flex: 0 0 100%;
  width: 100%;
}

#cloud-services .cloud-services-block__slide-link {
  background-color: transparent;
  border: 1px solid #17404b;
  box-sizing: border-box;
  color: inherit;
  display: block;
  max-width: 100%;
  text-decoration: none;
  transition: border-color 0.18s ease;
}
#cloud-services .cloud-services-block__slide-link:hover {
  border-color: #b2c300;
}
#cloud-services .cloud-services-block__slide-link:hover .cloud-services-block__tile-media::after {
  opacity: 0;
}
#cloud-services .cloud-services-block__slide-link .cloud-services-block__tile-media {
  aspect-ratio: 1/1;
  position: relative;
  width: 100%;
}
#cloud-services .cloud-services-block__slide-link .cloud-services-block__tile-image {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
#cloud-services .cloud-services-block__slide-link .cloud-services-block__slide-cta {
  bottom: 1rem;
  left: 50%;
  max-width: calc(100% - 2rem);
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}

@media only screen and (max-width: 599px) {
  #cloud-services .cloud-services-block__slider .cloud-services-block__slide-pair {
    gap: 12px;
  }
  #cloud-services .cloud-services-block__slide-link .cloud-services-block__slide-cta {
    display: none;
  }
  #cloud-services .cloud-services-block__slide-link .cloud-services-block__tile-label {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 0.85rem;
    justify-content: center;
    line-height: 1.3;
    min-height: calc(2.6em + 1rem);
    padding: 0.5rem 0.4rem;
  }
}
#cloud-services .cloud-services-block__slider .swiper-pagination,
#cloud-services .cloud-services-block__slider-pagination {
  bottom: auto !important;
  left: 0 !important;
  margin-top: 1.25rem;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: 100%;
}
#cloud-services .cloud-services-block__slider .swiper-pagination .swiper-pagination-bullet,
#cloud-services .cloud-services-block__slider-pagination .swiper-pagination-bullet {
  background-color: #17404b;
  margin: 0 4px;
  opacity: 0.35;
}
#cloud-services .cloud-services-block__slider .swiper-pagination .swiper-pagination-bullet-active,
#cloud-services .cloud-services-block__slider-pagination .swiper-pagination-bullet-active {
  background-color: #17404b;
  opacity: 1;
}

#cloud-services.cloud-services-block--dark-background .cloud-services-block__slider .swiper-pagination .swiper-pagination-bullet,
#cloud-services.cloud-services-block--dark-background .cloud-services-block__slider-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.45;
}
#cloud-services.cloud-services-block--dark-background .cloud-services-block__slider .swiper-pagination .swiper-pagination-bullet-active,
#cloud-services.cloud-services-block--dark-background .cloud-services-block__slider-pagination .swiper-pagination-bullet-active {
  background-color: #b2c300;
  opacity: 1;
}

@media only screen and (max-width: 980px) {
  #cloud-services .cloud-services-block__mosaic--desktop {
    display: none !important;
  }
  #cloud-services .cloud-services-block__tiles {
    box-sizing: border-box;
    padding-inline: 1.25rem;
  }
  #cloud-services .cloud-services-block__slider {
    display: block;
  }
  #cloud-services .cloud-services-block__slide-link .cloud-services-block__tile-label {
    background-color: transparent !important;
    text-align: center;
  }
  #cloud-services .cloud-services-block__cell[class*=-label],
  #cloud-services .cloud-services-block__cell[class*=-label] .cloud-services-block__tile-label {
    background-color: transparent !important;
  }
  .editor-styles-wrapper .cloud-services-block__cell[class*=-label],
  .editor-styles-wrapper .cloud-services-block__cell[class*=-label] .cloud-services-block__tile-label,
  .editor-styles-wrapper .cloud-services-block__slider .cloud-services-block__tile-label {
    background-color: transparent !important;
  }
}
.cloud-services-block__cell--k1-media .cloud-services-block__tile-media,
.cloud-services-block__cell--k2-media .cloud-services-block__tile-media,
.cloud-services-block__cell--k3-media .cloud-services-block__tile-media,
.cloud-services-block__cell--k4-media .cloud-services-block__tile-media,
.cloud-services-block__cell--k5-media .cloud-services-block__tile-media,
.cloud-services-block__cell--k6-media .cloud-services-block__tile-media {
  aspect-ratio: 1/1;
  height: 100%;
}

.cloud-services-block__cell--k1-label,
.cloud-services-block__cell--k2-label,
.cloud-services-block__cell--k3-label,
.cloud-services-block__cell--k4-label,
.cloud-services-block__cell--k5-label,
.cloud-services-block__cell--k6-label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media only screen and (min-width: 981px) {
  .cloud-services-block__cell--k2-label.cloud-services-block__cell--label-align-end,
  .cloud-services-block__cell--k3-label.cloud-services-block__cell--label-align-end,
  .cloud-services-block__cell--k4-label.cloud-services-block__cell--label-align-end,
  .cloud-services-block__cell--k6-label.cloud-services-block__cell--label-align-end {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .cloud-services-block__cell--k2-label.cloud-services-block__cell--label-align-end .cloud-services-block__tile-label,
  .cloud-services-block__cell--k3-label.cloud-services-block__cell--label-align-end .cloud-services-block__tile-label,
  .cloud-services-block__cell--k4-label.cloud-services-block__cell--label-align-end .cloud-services-block__tile-label,
  .cloud-services-block__cell--k6-label.cloud-services-block__cell--label-align-end .cloud-services-block__tile-label {
    text-align: right;
  }
}
.cloud-services-block__cell--k1-text,
.cloud-services-block__cell--k2-text,
.cloud-services-block__cell--k3-text,
.cloud-services-block__cell--k4-text,
.cloud-services-block__cell--k5-text,
.cloud-services-block__cell--k6-text {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.cloud-services-block__tile-label {
  background-color: transparent;
  box-sizing: border-box;
  color: #17404b;
  flex: 1;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  min-height: 100%;
  padding: 1rem 0.5rem 0.75rem;
  width: 100%;
}

.cloud-services-block__tile-media {
  background-color: #e9eef2;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.cloud-services-block__tile-media::after {
  background: rgba(178, 195, 0, 0.14);
  content: "";
  inset: 0;
  mix-blend-mode: multiply;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.25s ease;
}

.cloud-services-block__mosaic:has([data-tile=k1]:hover) [data-tile=k1] .cloud-services-block__tile-media::after,
.cloud-services-block__mosaic:has([data-tile=k2]:hover) [data-tile=k2] .cloud-services-block__tile-media::after,
.cloud-services-block__mosaic:has([data-tile=k3]:hover) [data-tile=k3] .cloud-services-block__tile-media::after,
.cloud-services-block__mosaic:has([data-tile=k4]:hover) [data-tile=k4] .cloud-services-block__tile-media::after,
.cloud-services-block__mosaic:has([data-tile=k5]:hover) [data-tile=k5] .cloud-services-block__tile-media::after,
.cloud-services-block__mosaic:has([data-tile=k6]:hover) [data-tile=k6] .cloud-services-block__tile-media::after {
  opacity: 0;
}

.cloud-services-block__mosaic:has([data-tile=k1]:hover) [data-tile=k1] .cloud-services-block__tile-image,
.cloud-services-block__mosaic:has([data-tile=k2]:hover) [data-tile=k2] .cloud-services-block__tile-image,
.cloud-services-block__mosaic:has([data-tile=k3]:hover) [data-tile=k3] .cloud-services-block__tile-image,
.cloud-services-block__mosaic:has([data-tile=k4]:hover) [data-tile=k4] .cloud-services-block__tile-image,
.cloud-services-block__mosaic:has([data-tile=k5]:hover) [data-tile=k5] .cloud-services-block__tile-image,
.cloud-services-block__mosaic:has([data-tile=k6]:hover) [data-tile=k6] .cloud-services-block__tile-image {
  transform: scale(1.05);
}

.cloud-services-block__tile-image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
  width: 100%;
}

.cloud-services-block__tile-content {
  align-items: stretch;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.35rem;
  justify-content: flex-start;
  min-height: 100%;
  padding: 1rem 0.85rem;
  width: 100%;
}
.cloud-services-block__tile-content .cloud-services-block__button-wrap {
  margin-top: 0.65rem;
}

@media only screen and (min-width: 981px) {
  /* K4-Text links bündig mit K3-Bild (Sp.3) – Zelle beginnt in Sp.2 (Gap) */
  .cloud-services-block__cell--k4-text .cloud-services-block__tile-content {
    padding-left: 1.25rem;
  }
  /* K1-Text oben bündig mit K3-Text (Gap-Zeile 3) */
  .cloud-services-block__cell--k1-text .cloud-services-block__tile-content {
    padding-top: calc(1rem + 1.25rem);
  }
  /* K5-Text oben bündig mit K6-Text (Gap-Zeile 9) */
  .cloud-services-block__cell--k5-text .cloud-services-block__tile-content {
    padding-top: calc(1rem + 1.25rem);
  }
}
.cloud-services-block__tile-headline {
  color: #17404b;
  font-size: var(--cloud-services-tile-headline-font-size, var(--wp--preset--font-size--normal));
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

.cloud-services-block__tile-text {
  color: #333;
  font-size: var(--cloud-services-tile-content-font-size, var(--wp--preset--font-size--small));
  line-height: 1.45;
  margin: 0;
}
.cloud-services-block__tile-text p {
  margin: 0 0 0.5em;
}
.cloud-services-block__tile-text p:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 981px) {
  .cloud-services-block__tile-label {
    font-size: 0.8rem;
  }
}
.cloud-services-block__button-wrap {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
}

.cloud-services-block__button {
  align-items: center;
  background-color: transparent;
  border: 1px solid #17404b;
  border-radius: 0;
  color: #17404b;
  display: inline-flex;
  gap: 0.75em;
  padding: 0.5em 2.5em;
  text-decoration: none;
}
.cloud-services-block__button::before {
  border-bottom: 0.45em solid transparent;
  border-left: 0.75em solid #17404b;
  border-top: 0.45em solid transparent;
  content: "";
  height: 0;
  width: 0;
}
.cloud-services-block__button::before {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.22s ease;
}
.cloud-services-block__button:hover::before {
  transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
  .cloud-services-block__button::before {
    transition: none;
  }
  .cloud-services-block__button:hover::before {
    transform: none;
  }
}

/* Editor */
.editor-styles-wrapper .cloud-services-block__cell--empty {
  min-height: 48px;
}

/* Editor: immer Desktop-Mosaik, kein Mobile-Slider (Swiper nur im Frontend) */
.editor-styles-wrapper .cloud-services-block .cloud-services-block__mosaic--desktop {
  display: grid !important;
}
.editor-styles-wrapper .cloud-services-block .cloud-services-block__slider {
  display: none !important;
}

.easy-grid-block {
  box-sizing: border-box;
  margin-block: 2rem;
}
.easy-grid-block.alignfull, .has-global-padding > .easy-grid-block.alignfull {
  margin-left: calc(50% - var(--vw, 1vw) * 50);
  margin-right: calc(50% - var(--vw, 1vw) * 50);
  max-width: calc(var(--vw, 1vw) * 100);
  width: calc(var(--vw, 1vw) * 100);
}
.easy-grid-block.easy-grid-block--has-background {
  margin-block: 0;
  padding-block: 2rem;
}
@media only screen and (min-width: 981px) {
  .easy-grid-block.easy-grid-block--has-background {
    padding-block: 3rem;
  }
}
.easy-grid-block > .wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-inline: 12px;
}
@media only screen and (min-width: 761px) {
  .easy-grid-block > .wrap {
    padding-inline: 24px;
  }
}
@media only screen and (min-width: 981px) {
  .easy-grid-block > .wrap {
    width: 900px;
    padding-inline: 0;
  }
}
@media only screen and (min-width: 1201px) {
  .easy-grid-block > .wrap {
    width: 1160px;
  }
}

.easy-grid-block__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: stretch;
  width: 100%;
}
@media only screen and (min-width: 481px) {
  .easy-grid-block__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.easy-grid-block__tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  background: var(--eg-tile-bg, #fff);
  border: 1px solid var(--eg-border, var(--wp--preset--color--saas-green-dark, #17404b));
  border-radius: 4px;
  padding: 1.25rem 1rem;
  gap: 0.75rem;
}

.easy-grid-block--no-tile-borders .easy-grid-block__tile {
  border-color: transparent;
  border-width: 0;
}

.easy-grid-block__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.easy-grid-block__media {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--eg-icon, var(--wp--preset--color--saas-green-dark, #17404b));
}

.easy-grid-block__icon {
  display: flex;
  align-items: center;
}
.easy-grid-block__icon svg {
  width: 28px;
  height: 28px;
  display: block;
  fill: currentColor;
}

.easy-grid-block__image {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.easy-grid-block__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--eg-title, var(--wp--preset--color--saas-green-dark, #17404b));
}

.easy-grid-block__text {
  margin: 0;
  color: var(--eg-text, var(--wp--preset--color--main, #333));
  flex: 1 1 auto;
}

.home-hero-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  min-height: var(--full-height-without-header, 70vh);
  height: var(--full-height-without-header, 70vh);
  margin: 0;
  padding: 0;
}
.home-hero-block.is-saas-parallax .home-hero-block__image {
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.08);
  transition: transform 0.08s linear;
}
.home-hero-block__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.home-hero-block__image--placeholder {
  background: #d8d8d8;
}
.home-hero-block__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.home-hero-block__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  padding: clamp(1.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-hero-block__title,
.home-hero-block .home-title {
  margin: 0;
  line-height: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  color: #fff;
  font-size: var(--wp--preset--font-size--large);
}
@media only screen and (max-width: 760px) {
  .home-hero-block__title,
  .home-hero-block .home-title {
    font-size: clamp(2.5rem, 9vw, 3rem) !important;
    line-height: 1.1;
  }
}
.home-hero-block__title strong,
.home-hero-block .home-title strong {
  font-size: inherit;
  font-weight: inherit;
}
.home-hero-block__line {
  display: block;
  font-weight: 700;
  overflow-wrap: break-word;
  word-break: normal;
}
@media only screen and (max-width: 760px) {
  .home-hero-block__line {
    white-space: normal;
  }
}
.home-hero-block.is-headline-animated .home-hero-block__line {
  opacity: 0;
}
.home-hero-block.is-headline-animated.is-headline-visible .home-hero-block__line--top {
  animation: homeHeroSlideFromLeft 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.home-hero-block.is-headline-animated.is-headline-visible .home-hero-block__line--bottom {
  animation: homeHeroSlideFromRight 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s forwards;
}

@keyframes homeHeroSlideFromLeft {
  from {
    opacity: 0;
    transform: translateX(-48px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes homeHeroSlideFromRight {
  from {
    opacity: 0;
    transform: translateX(48px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.editor-styles-wrapper .home-hero-block.is-headline-animated .home-hero-block__line {
  opacity: 1;
  transform: none;
  animation: none;
}

.page-title-block {
  margin: 0;
  padding: clamp(2rem, 4vw, 3rem) 0;
  width: 100%;
}
.page-title-block__inner {
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
}
.page-title-block.has-trust-eu-badge .page-title-block__inner {
  background-image: var(--page-title-trust-badge-url);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: clamp(100px, 16vw, 180px) auto;
}
.page-title-block.has-trust-eu-badge .page-title-block__cluster {
  width: 100%;
}
.page-title-block.has-trust-eu-badge .page-title-block__title-group {
  margin: 0 auto;
}
.page-title-block.has-trust-eu-badge--missing .page-title-block__inner::after {
  background: rgba(255, 255, 255, 0.92);
  border: 1px dashed currentColor;
  border-radius: 0.35rem;
  color: var(--wp--preset--color--saas-green-dark, #17404b);
  content: attr(data-trust-badge-label);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(100px, 16vw, 180px);
}
.page-title-block.has-background-image {
  overflow: hidden;
  position: relative;
}
.page-title-block.has-background-image .page-title-block__background {
  background-image: var(--page-title-bg-mobile);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0;
  position: absolute;
  z-index: 0;
}
@media only screen and (min-width: 761px) {
  .page-title-block.has-background-image .page-title-block__background {
    background-image: var(--page-title-bg-desktop);
  }
}
.page-title-block.has-background-image .page-title-block__inner {
  position: relative;
  z-index: 1;
}
.page-title-block.has-background-image .page-title-block__title {
  align-items: center;
}
.page-title-block.has-background-image .page-title-block__line {
  align-self: center;
  background-color: #17404b;
  color: #fff;
  display: inline-block;
}
.page-title-block__cluster {
  display: inline-block;
  max-width: 100%;
  position: relative;
}
.page-title-block__title-group {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
}
.page-title-block__trust-subline {
  align-self: flex-end;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(0.75rem, 1.5vw, 0.95rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.35;
  margin: clamp(0.45rem, 1.2vw, 0.75rem) 0 0;
  max-width: 100%;
  opacity: 1;
  transform: translateX(clamp(0.75rem, 3vw, 2rem));
}
.page-title-block .page-title-block__title {
  background: none;
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 700;
  line-height: 1.05;
  margin: 0;
  max-width: 100%;
  padding: 0;
  text-transform: none;
}
.page-title-block .page-title-block__title strong {
  font-size: inherit;
  font-weight: inherit;
}
.page-title-block.has-medium-font-size .page-title-block__title {
  font-size: var(--wp--preset--font-size--medium);
}
.page-title-block.has-large-font-size .page-title-block__title {
  font-size: var(--wp--preset--font-size--large);
}
.page-title-block.has-x-large-font-size .page-title-block__title {
  font-size: var(--wp--preset--font-size--x-large);
}
.page-title-block.has-xx-large-font-size .page-title-block__title {
  font-size: var(--wp--preset--font-size--xx-large);
}
.page-title-block__line {
  display: block;
  overflow-wrap: break-word;
  word-break: normal;
  padding: 0.2em 0.45em;
}
.page-title-block__line--empty {
  visibility: hidden;
}
.page-title-block__line--empty::before {
  content: " ";
}
.page-title-block.is-headline-animated .page-title-block__line {
  opacity: 0;
}
.page-title-block.is-headline-animated .page-title-block__trust-subline {
  opacity: 0;
}
.page-title-block.is-headline-animated.is-headline-visible .page-title-block__line--top {
  animation: homeHeroSlideFromLeft 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.page-title-block.is-headline-animated.is-headline-visible .page-title-block__line--bottom {
  animation: homeHeroSlideFromRight 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s forwards;
}
.page-title-block.is-headline-animated.is-headline-visible .page-title-block__trust-subline {
  animation: pageTitleTrustSublineFadeIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.95s forwards;
}

@keyframes pageTitleTrustSublineFadeIn {
  from {
    opacity: 0;
    transform: translateX(clamp(0.75rem, 3vw, 2rem)) translateY(8px);
  }
  to {
    opacity: 0.88;
    transform: translateX(clamp(0.75rem, 3vw, 2rem)) translateY(0);
  }
}
@media only screen and (max-width: 760px) {
  .page-title-block {
    padding-top: clamp(0.75rem, 3vw, 1.25rem);
    padding-bottom: clamp(1.5rem, 4vw, 2rem);
  }
  .page-title-block.has-trust-eu-badge {
    overflow: visible;
    padding-top: clamp(0.5rem, 2.5vw, 1rem);
    padding-bottom: clamp(2.5rem, 8vw, 3.5rem);
  }
  .page-title-block.has-trust-eu-badge .page-title-block__inner {
    background-origin: padding-box;
    background-position: calc(100% - clamp(2.25rem, 13vw, 5.5rem) + 35px) clamp(0.25rem, 1.5vw, 0.75rem);
    background-size: clamp(80px, 22vw, 130px) auto;
    min-height: clamp(100px, 28vw, 150px);
    overflow: visible;
    padding-bottom: clamp(0.85rem, 4vw, 1.5rem);
    padding-right: clamp(0.85rem, 4.5vw, 1.5rem);
    padding-top: clamp(0.25rem, 1.5vw, 0.5rem);
  }
  .page-title-block.has-trust-eu-badge .page-title-block__cluster {
    position: relative;
    transform: translateX(clamp(-0.75rem, -3vw, -0.25rem)) translateY(60px);
    width: auto;
    z-index: 1;
  }
  .page-title-block.has-trust-eu-badge .page-title-block__title-group {
    margin: 0;
  }
  .page-title-block.has-trust-eu-badge--missing .page-title-block__inner::after {
    right: calc(clamp(2.25rem, 13vw, 5.5rem) - 35px);
    top: clamp(0.25rem, 1.5vw, 0.75rem);
    transform: none;
    width: clamp(80px, 22vw, 130px);
  }
  .page-title-block__trust-subline {
    font-size: clamp(0.7rem, 3.2vw, 0.85rem);
    transform: translateX(clamp(0.5rem, 4vw, 1rem));
  }
  .page-title-block .page-title-block__title {
    line-height: 1.1;
  }
  .page-title-block.has-medium-font-size .page-title-block__title {
    font-size: clamp(1.2rem, 4vw, 1.45rem) !important;
  }
  .page-title-block.has-large-font-size .page-title-block__title {
    font-size: clamp(1.65rem, 5.5vw, 2.15rem) !important;
  }
  .page-title-block.has-x-large-font-size .page-title-block__title {
    font-size: clamp(1.85rem, 6vw, 2.45rem) !important;
  }
  .page-title-block.has-xx-large-font-size .page-title-block__title {
    font-size: clamp(2rem, 6.5vw, 2.75rem) !important;
  }
}
.editor-styles-wrapper .page-title-block.is-headline-animated .page-title-block__line,
.editor-styles-wrapper .page-title-block.is-headline-animated .page-title-block__trust-subline {
  animation: none;
  opacity: 1;
  transform: none;
}

.editor-styles-wrapper .page-title-block.has-trust-subline .page-title-block__trust-subline {
  transform: translateX(clamp(0.75rem, 3vw, 2rem));
}

.hosted-app-slider-block {
  margin-block: 3rem;
  width: 100%;
  box-sizing: border-box;
}
.hosted-app-slider-block--has-background {
  margin-block: 0;
  padding-block: 3rem;
}
.hosted-app-slider-block > .wrap {
  margin-inline: auto;
  width: 100%;
}
@media only screen and (min-width: 981px) {
  .hosted-app-slider-block > .wrap {
    width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .hosted-app-slider-block > .wrap {
    width: 1160px;
  }
}

.hosted-app-slider-block__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.hosted-app-slider-block h2.hosted-app-slider-block__intro,
#hosted-app-slider h2.hosted-app-slider-block__intro,
.editor-styles-wrapper .hosted-app-slider-block h2.hosted-app-slider-block__intro {
  margin: 0;
  max-width: 48rem;
  line-height: 1.5;
  min-height: 4.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--wp--preset--font-family--josefinsans);
  font-weight: 400;
  color: #333;
  font-size: 1.2rem;
  background: none;
  padding: 0;
  text-transform: none;
}

.hosted-app-slider-block__slider-outer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 981px) {
  .hosted-app-slider-block__slider-outer {
    grid-template-columns: minmax(4rem, 1fr) minmax(0, 900px) minmax(4rem, 1fr);
    gap: 0;
  }
}
@media only screen and (min-width: 1201px) {
  .hosted-app-slider-block__slider-outer {
    grid-template-columns: minmax(4rem, 1fr) minmax(0, 1160px) minmax(4rem, 1fr);
  }
}
.hosted-app-slider-block__slider-outer--static .hosted-app-slider-block__nav {
  visibility: hidden;
  pointer-events: none;
}
.hosted-app-slider-block__slider-outer--static .hosted-app-slider-block__slider .swiper-wrapper {
  justify-content: center;
}

.hosted-app-slider-block__slider-wrap {
  grid-column: 2;
  justify-self: stretch;
  min-width: 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.hosted-app-slider-block__slider {
  overflow: hidden;
  width: 100%;
}
.hosted-app-slider-block__slider .swiper-wrapper {
  align-items: stretch;
}

.hosted-app-slider-block__slide {
  height: auto;
  box-sizing: border-box;
  display: flex;
}
.hosted-app-slider-block__slide .app-item {
  width: 100%;
}

.hosted-app-slider-block__nav {
  appearance: none;
  box-sizing: border-box;
  position: static;
  inset: auto;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  flex-shrink: 0;
  width: 3.75rem;
  height: 3.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  background: transparent;
  color: #17404b;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hosted-app-slider-block__nav::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  box-sizing: border-box;
  font-size: 0;
}
.hosted-app-slider-block__nav--prev::after {
  transform: translateX(0.55rem) rotate(-135deg);
}
.hosted-app-slider-block__nav--next::after {
  transform: translateX(-0.55rem) rotate(45deg);
}
.hosted-app-slider-block__nav:hover, .hosted-app-slider-block__nav:focus-visible {
  border-color: rgba(23, 64, 75, 0.2);
  background-color: #fff;
}
.hosted-app-slider-block__nav:active {
  border-color: rgba(23, 64, 75, 0.3);
  background-color: color-mix(in srgb, #e8f0f4, #17404b 10%);
}
.hosted-app-slider-block__nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

html[data-theme=dark] .hosted-app-slider-block__nav {
  color: var(--dk-muted);
}
html[data-theme=dark] .hosted-app-slider-block__nav:hover, html[data-theme=dark] .hosted-app-slider-block__nav:focus-visible {
  border-color: rgba(255, 255, 255, 0.16);
  background-color: #22404a;
  color: var(--dk-head);
}
html[data-theme=dark] .hosted-app-slider-block__nav:active {
  background-color: #2d535c;
}

.hosted-app-slider-block__nav--prev {
  grid-column: 1;
  justify-self: center;
}

.hosted-app-slider-block__nav--next {
  grid-column: 3;
  justify-self: center;
}

.hosted-app-slider-block .app-item {
  --app-icon-h: 120px;
  --app-title-line-h: 1.6;
  --app-title-lines: 2;
  --app-title-h: calc(var(--app-title-line-h) * var(--app-title-lines) * 1em);
  --app-description-line-h: 1.5;
  --app-description-lines: 4;
  --app-description-h: calc(var(--app-description-line-h) * var(--app-description-lines) * 1em);
  border-style: solid;
  border-width: 1px;
  border-color: #17404b;
  border-radius: 0;
  padding: 1.5em 0;
  background-color: #17404b;
  display: grid;
  grid-template-areas: "icon" "title" "description";
  grid-template-rows: var(--app-icon-h) var(--app-title-h) var(--app-description-h);
  height: 100%;
  box-sizing: border-box;
}
.hosted-app-slider-block .app-item .app-item-icon {
  grid-area: icon;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hosted-app-slider-block .app-item .app-item-icon img {
  max-width: 100%;
  max-height: calc(var(--app-icon-h) - 24px);
  height: auto;
}
.hosted-app-slider-block .app-item .app-item-title {
  grid-area: title;
  text-align: center;
  font-size: 1.25em;
  font-weight: 600;
  color: #fff;
  margin-top: -0.25rem;
  line-height: var(--app-title-line-h);
  display: -webkit-box;
  -webkit-line-clamp: var(--app-title-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hosted-app-slider-block .app-item .app-item-title h4 {
  margin: 0;
}
.hosted-app-slider-block .app-item .app-item-description {
  grid-area: description;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  margin-top: 0.6rem;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  width: 100%;
  padding: 0 1rem 1rem;
  text-align: center;
  line-height: var(--app-description-line-h);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--app-description-lines);
  -webkit-box-orient: vertical;
}
.hosted-app-slider-block .app-item .app-item-description a {
  display: block;
  width: 100%;
  line-height: inherit;
  color: inherit;
}
.hosted-app-slider-block .app-item a {
  text-decoration: none;
  color: #fff;
}
.hosted-app-slider-block .app-item:hover {
  border-color: #b2c300;
}
.hosted-app-slider-block .app-item:not(.app-item--light-text) .app-item-title,
.hosted-app-slider-block .app-item:not(.app-item--light-text) .app-item-description,
.hosted-app-slider-block .app-item:not(.app-item--light-text) a {
  color: #333;
}

.hosted-app-slider-block__editor-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  justify-content: center;
}

.hosted-app-slider-block__placeholder-icon {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
}

.hosted-app-slider-block__editor-note {
  margin: 1rem auto 0;
  font-size: 0.875rem;
  color: #666;
  font-style: italic;
}

.hosted-app-slider-block__empty {
  margin: 0;
  font-style: italic;
}

@media only screen and (max-width: 760px) {
  .hosted-app-slider-block__editor-track {
    grid-template-columns: 1fr;
  }
}
/* Project Grid Block — 2 Spalten, letztes Item bei ungerader Anzahl volle Breite */
.project-grid {
  margin-block: 2rem;
  width: 100%;
}

.project-grid__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem 1.25rem;
  width: 100%;
}

@media only screen and (min-width: 761px) {
  .project-grid__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Ungerade Anzahl: letztes Kachel über beide Spalten (nur Desktop / Tablet) */
@media only screen and (min-width: 761px) {
  .project-grid__item:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
}
.project-grid__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}

.project-grid__media {
  overflow: hidden;
  width: 100%;
  max-width: 550px;
  aspect-ratio: 550/320;
  background-color: rgba(23, 64, 75, 0.06);
}

.project-grid__media--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6e6e6;
}

.project-grid__initials {
  color: #8a8a8a;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2.25rem, 4vw + 1rem, 3.75rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  user-select: none;
}

.project-grid__item:last-child:nth-child(odd) .project-grid__media {
  max-width: none;
}

.project-grid__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-grid__title {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  color: #17404b;
  margin: 0.75rem 0 0;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.3;
}

.project-grid__excerpt {
  margin-top: 0.5rem;
  color: #17404b;
  font-size: 0.95rem;
  line-height: 1.5;
}
.project-grid__excerpt p {
  margin: 0 0 0.5rem;
}
.project-grid__excerpt p:last-child {
  margin-bottom: 0;
}

/* Wie Fließtext-Absatz (vgl. Kurzbeschreibung <p>): „Technologie: …, …“ / „Auftraggeber: …“ */
.project-grid__meta-text {
  margin: 0.5rem 0 0;
  color: #17404b;
  font-size: 0.95rem;
  line-height: 1.5;
}

.subpages-overview-block {
  --subpages-title-color: #17404b;
  margin-block: 2rem;
  padding-top: 24px;
}

@media only screen and (min-width: 981px) {
  .subpages-overview-block--visibility-mobile-only {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .subpages-overview-block--visibility-desktop-only {
    display: none;
  }
}

.subpages-overview-block__list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.subpages-overview-block__item {
  margin-bottom: 1rem;
  padding-left: 1.4rem;
  position: relative;
}

.subpages-overview-block__title {
  color: var(--subpages-title-color, #17404b);
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 600;
  text-decoration: none;
}

.subpages-overview-block__title:visited,
.subpages-overview-block__title:hover {
  color: var(--subpages-title-color, #17404b);
}

.subpages-overview-block__title:hover {
  text-decoration: underline;
}

.subpages-overview-block__title:active,
.subpages-overview-block__title:focus,
.subpages-overview-block__title:focus-visible {
  color: var(--subpages-title-color, #17404b);
}

.subpages-overview-block__subtitle {
  margin: 0.25rem 0 0;
}

.subpages-overview-block__prefix {
  margin-right: 0.35rem;
}

.subpages-overview-block__item > .subpages-overview-block__list {
  margin-top: 0.65rem;
  padding-left: 1rem;
}

.subpages-overview-block--bullet .subpages-overview-block__item::before {
  background-color: #17404b;
  border-radius: 50%;
  content: "";
  height: 0.44rem;
  left: 0;
  position: absolute;
  top: 0.52em;
  width: 0.44rem;
}

.subpages-overview-block--square .subpages-overview-block__item::before {
  background-color: #17404b;
  content: "";
  height: 0.42rem;
  left: 0;
  position: absolute;
  top: 0.53em;
  width: 0.42rem;
}

.subpages-overview-block--triangle .subpages-overview-block__item::before {
  border-bottom: 0.32em solid transparent;
  border-left: 0.5em solid #17404b;
  border-top: 0.32em solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0.45em;
  width: 0;
}

body .gform_wrapper.gravity-theme .gf_page_steps {
  border-bottom: 0;
}

body .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active .gf_step_number {
  background: #17404b;
  border-color: #17404b;
  color: #fff;
}

@media only screen and (min-width: 981px) {
  #gform_wrapper_1 .gf_page_steps {
    align-items: center;
    container: sw-steps/inline-size;
    display: flex;
    flex-wrap: nowrap;
  }
  #gform_wrapper_1 .gf_page_steps .gf_step {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: 8px 0;
    min-width: 0;
  }
  #gform_wrapper_1 .gf_page_steps .gf_step:last-child {
    flex: 0 0 auto;
  }
  #gform_wrapper_1 .gf_page_steps .gf_step:not(:last-child)::after {
    background: #c3c4c7;
    content: "";
    flex: 1 1 auto;
    height: 1px;
    margin: 0 12px;
    min-width: 12px;
  }
  #gform_wrapper_1 .gf_page_steps .gf_step_number {
    flex: 0 0 auto;
    height: 32px;
    width: 32px;
  }
  #gform_wrapper_1 .gf_page_steps .gf_step_label {
    padding-inline-start: 8px;
    white-space: nowrap;
  }
}
@container sw-steps (max-width: 740px) {
  #gform_wrapper_1 .gf_page_steps .gf_step:not(.gf_step_active) .gf_step_label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
}
.entry-content .landing-eyebrow {
  color: #b2c300;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}

.entry-content p.landing-btn {
  margin: 0;
}
.entry-content p.landing-btn a {
  align-items: center;
  border: 2px solid transparent;
  border-radius: 6px;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  gap: 0.6em;
  padding: 0.8em 1.6em;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.entry-content p.landing-btn a::after {
  content: "→";
  transition: transform 0.2s ease;
}
.entry-content p.landing-btn a:hover::after, .entry-content p.landing-btn a:focus-visible::after {
  transform: translateX(3px);
}
.entry-content p.landing-btn.landing-btn--primary a {
  background-color: #b2c300;
  color: #0b242b !important;
}
.entry-content p.landing-btn.landing-btn--primary a:hover, .entry-content p.landing-btn.landing-btn--primary a:focus-visible {
  background-color: #c6d81a;
}
.entry-content p.landing-btn.landing-btn--dark a {
  background-color: #0b242b;
  color: #fff !important;
}
.entry-content p.landing-btn.landing-btn--dark a:hover, .entry-content p.landing-btn.landing-btn--dark a:focus-visible {
  background-color: #17404b;
}
.entry-content p.landing-btn.landing-btn--ghost a {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff !important;
}
.entry-content p.landing-btn.landing-btn--ghost a:hover, .entry-content p.landing-btn.landing-btn--ghost a:focus-visible {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .entry-content p.landing-btn a,
  .entry-content p.landing-btn a::after {
    transition: none;
  }
}

.entry-content > p.landing-btn.landing-btn--ghost a {
  border-color: rgba(11, 36, 43, 0.35);
  color: #0b242b !important;
}
.entry-content > p.landing-btn.landing-btn--ghost a:hover, .entry-content > p.landing-btn.landing-btn--ghost a:focus-visible {
  background-color: rgba(11, 36, 43, 0.06);
  border-color: #0b242b;
}

.entry-content :is(.landing-hero, .landing-section, .landing-cards, .landing-tiles, .landing-approach, .landing-cta, .landing-feature, .landing-reference, .landing-form) :is(h1, h2, h3).wp-block-heading {
  background: none !important;
  display: block !important;
  font-family: var(--wp--preset--font-family--raleway);
  letter-spacing: -0.01em;
  padding: 0 !important;
  text-transform: none !important;
}

.entry-content :is(.landing-section, .landing-cards, .landing-tiles, .landing-cta, .landing-feature, .landing-reference, .landing-form) :is(h2, h3).wp-block-heading {
  color: #17404b !important;
}

.entry-content .wp-block-cover.landing-hero {
  align-items: center;
  background-color: #0b242b;
  margin-bottom: 0;
  min-height: clamp(560px, 72vh, 760px) !important;
  padding: clamp(5rem, 9vw, 7rem) 0 clamp(2.5rem, 5vw, 3.5rem);
}
.entry-content .wp-block-cover.landing-hero .wp-block-cover__image-background {
  object-position: 70% 0%;
}
@media only screen and (max-width: 780px) {
  .entry-content .wp-block-cover.landing-hero .wp-block-cover__image-background {
    opacity: 0.4;
  }
}
.entry-content .wp-block-cover.landing-hero .wp-block-cover__inner-container {
  box-sizing: border-box;
  color: #fff;
  margin-inline: auto !important;
  max-width: none !important;
  padding-inline: var(--sw-gutter, 20px) !important;
  width: 100% !important;
}
@media only screen and (min-width: 981px) {
  .entry-content .wp-block-cover.landing-hero .wp-block-cover__inner-container {
    padding-inline: 0 !important;
    width: 900px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .entry-content .wp-block-cover.landing-hero .wp-block-cover__inner-container {
    width: 1160px !important;
  }
}
.entry-content .wp-block-cover.landing-hero .wp-block-cover__inner-container > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.entry-content .wp-block-cover.landing-hero .wp-block-cover__inner-container > .landing-facts {
  max-width: none;
}
.entry-content .wp-block-cover.landing-hero h1 {
  color: #fff;
  font-size: clamp(2.1rem, 4.2vw, 3.3rem);
  font-weight: 700;
  line-height: 1.12;
  margin: 0 0 1.25rem;
  max-width: 19ch;
}
.entry-content .wp-block-cover.landing-hero .landing-hero__lead {
  color: rgba(255, 255, 255, 0.85);
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.6;
  margin: 0 0 2rem;
  max-width: 54ch;
}
.entry-content .wp-block-cover.landing-hero .landing-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  margin: 0 0 clamp(3rem, 6vw, 4.5rem);
}

.entry-content .landing-hero .wp-block-columns.landing-facts {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  display: grid;
  gap: 1.5rem 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding-top: 1.75rem;
}
@media only screen and (min-width: 781px) {
  .entry-content .landing-hero .wp-block-columns.landing-facts {
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-template-rows: auto auto;
  }
}
.entry-content .landing-hero .wp-block-columns.landing-facts > .wp-block-column {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  margin: 0;
  row-gap: 0;
  width: auto;
}
.entry-content .landing-hero .wp-block-columns.landing-facts p {
  margin: 0;
}
.entry-content .landing-hero .wp-block-columns.landing-facts .landing-facts__value {
  align-self: start;
  color: #fff;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.35rem;
}
.entry-content .landing-hero .wp-block-columns.landing-facts .landing-facts__label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  line-height: 1.45;
  max-width: 28ch;
}
@media only screen and (min-width: 781px) {
  .entry-content .landing-hero .wp-block-columns.landing-facts .landing-nowrap {
    white-space: nowrap;
  }
}

.entry-content .wp-block-group.landing-section {
  margin-top: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: 2rem;
}
.entry-content .wp-block-group.landing-section > * {
  margin-left: 0 !important;
  max-width: none;
}
.entry-content .wp-block-group.landing-section .landing-eyebrow {
  color: var(--sw-green-text, #636d00);
}
.entry-content .wp-block-group.landing-section h2 {
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  line-height: 1.2;
  margin: 0 0 1rem;
  max-width: 28ch;
  padding-left: 0;
}
.entry-content .wp-block-group.landing-section .landing-section__intro {
  color: #666;
  font-size: 1.1rem;
  margin: 0;
  max-width: 60ch;
}

.entry-content .wp-block-columns.landing-cards {
  align-items: stretch;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: clamp(3rem, 7vw, 5rem);
}
@media only screen and (min-width: 781px) {
  .entry-content .wp-block-columns.landing-cards {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card {
  background: #fff;
  border: 1px solid #e3e8ea;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(11, 36, 43, 0.04), 0 12px 32px -12px rgba(11, 36, 43, 0.18);
  display: flex;
  flex-direction: column;
  margin: 0;
  overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
  width: auto;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card:hover {
  box-shadow: 0 1px 2px rgba(11, 36, 43, 0.06), 0 22px 44px -14px rgba(11, 36, 43, 0.28);
  transform: translateY(-3px);
}
@media (prefers-reduced-motion: reduce) {
  .entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card {
    transition: none;
  }
  .entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card:hover {
    transform: none;
  }
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card > * {
  margin-inline: 1.5rem;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__image {
  margin: 0 0 1.25rem;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__image img {
  aspect-ratio: 3/2;
  border: 0;
  border-radius: 0;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__meta {
  color: var(--sw-green-text, #636d00);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  margin-top: 0;
  text-transform: uppercase;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card h3 {
  font-size: 1.3rem;
  line-height: 1.3;
  margin-bottom: 0.75rem;
  margin-top: 0;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card p {
  line-height: 1.6;
  margin-top: 0;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__list {
  border-top: 1px solid #edf0f1;
  list-style: none;
  margin-bottom: 1.5rem;
  margin-top: 0.25rem;
  padding: 1rem 0 0;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__list li {
  line-height: 1.5;
  margin: 0 0 0.6rem;
  padding-left: 1.85rem;
  position: relative;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__list li::before {
  background: rgba(178, 195, 0, 0.18);
  border-radius: 50%;
  content: "";
  height: 1.15rem;
  left: 0;
  position: absolute;
  top: 0.17rem;
  width: 1.15rem;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__list li::after {
  border-bottom: 2px solid var(--sw-green-text, #636d00);
  border-right: 2px solid var(--sw-green-text, #636d00);
  content: "";
  height: 0.5rem;
  left: 0.42rem;
  position: absolute;
  top: 0.34rem;
  transform: rotate(45deg);
  width: 0.25rem;
}
.entry-content .wp-block-columns.landing-cards > .wp-block-column.landing-card .landing-card__link {
  border-top: 1px solid #edf0f1;
  margin: auto 0 0;
  padding: 1rem 1.5rem 1.25rem;
}

.entry-content :is(.landing-card__link, .landing-tile__link) a {
  align-items: center;
  color: #17404b !important;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  gap: 0.5em;
  text-decoration: none;
}
.entry-content :is(.landing-card__link, .landing-tile__link) a::after {
  content: "→";
  transition: transform 0.2s ease;
}
.entry-content :is(.landing-card__link, .landing-tile__link) a:hover::after, .entry-content :is(.landing-card__link, .landing-tile__link) a:focus-visible::after {
  transform: translateX(3px);
}

.entry-content .wp-block-columns.landing-tiles {
  align-items: stretch;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-bottom: clamp(2.5rem, 6vw, 4rem);
}
@media only screen and (min-width: 981px) {
  .entry-content .wp-block-columns.landing-tiles.landing-tiles--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile {
  background: #fff;
  border: 1px solid #e3e8ea;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(11, 36, 43, 0.04), 0 10px 28px -14px rgba(11, 36, 43, 0.16);
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 1.5rem;
  width: auto;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile > * {
  margin-left: 0;
  margin-right: 0;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile h3 {
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 0 0.6rem;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile p {
  line-height: 1.6;
  margin-top: 0;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile .landing-tile__link {
  margin: auto 0 0;
  padding-top: 0.5rem;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile:has(> .landing-tile__badge) {
  column-gap: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile:has(> .landing-tile__badge) > * {
  grid-column: 1/-1;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile:has(> .landing-tile__badge) > .landing-tile__badge {
  align-self: center;
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 0.6rem;
}
.entry-content .wp-block-columns.landing-tiles > .wp-block-column.landing-tile:has(> .landing-tile__badge) > h3 {
  align-self: center;
  grid-column: 1;
  grid-row: 1;
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge {
  align-items: center;
  background: #17404b;
  border-radius: 9px;
  box-shadow: inset 0 -3px 0 #b2c300;
  color: #fff;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.85rem;
  font-weight: 700;
  height: 3rem;
  justify-content: center;
  letter-spacing: 0.02em;
  margin: 0 0 1.1rem;
  min-width: 3rem;
  padding: 0 0.6rem;
  width: max-content;
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--icon {
  color: transparent;
  font-size: 0;
  padding: 0;
  position: relative;
  width: 3rem;
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--icon::before {
  background: #fff;
  content: "";
  height: 1.5rem;
  left: 50%;
  -webkit-mask: var(--badge-icon) center/contain no-repeat;
  mask: var(--badge-icon) center/contain no-repeat;
  position: absolute;
  top: calc(50% - 1.5px);
  transform: translate(-50%, -50%);
  width: 1.5rem;
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--code {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 16 4-4-4-4'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3Cpath d='m14.5 4-5 16'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--stack {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--wordpress {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--text {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 5-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2'/%3E%3Cpath d='M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3Cpath d='M8 18h1'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--bulb {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--refresh {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--lifebuoy {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 4.24 4.24'/%3E%3Cpath d='m14.83 9.17 4.24-4.24'/%3E%3Cpath d='m14.83 14.83 4.24 4.24'/%3E%3Cpath d='m9.17 14.83-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--craft {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.474 0H2.526A2.516 2.516 0 0 0 0 2.526v18.948A2.516 2.516 0 0 0 2.526 24h18.948A2.534 2.534 0 0 0 24 21.474V2.526A2.516 2.516 0 0 0 21.474 0m-9.516 14.625c.786 0 1.628-.31 2.442-1.039l1.123 1.291c-1.18.955-2.527 1.488-3.874 1.488-2.667 0-4.35-1.769-3.958-4.267.393-2.498 2.667-4.266 5.334-4.266 1.29 0 2.498.505 3.34 1.431l-1.572 1.291c-.45-.59-1.207-.982-2.05-.982-1.6 0-2.834 1.039-3.087 2.526-.224 1.488.674 2.527 2.302 2.527'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--rails {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 2 24 24'%3E%3Cpath fill='%23000' d='M.741 19.365h8.36s-1.598-7.291 3.693-10.243l.134-.066c1.286-.637 4.907-2.431 10.702 1.854.19-.159.37-.286.37-.286s-5.503-5.492-11.63-4.878c-3.079.275-6.867 3.079-9.09 6.783C1.058 16.233.741 19.365.741 19.365Zm8.804-.783a10.682 10.682 0 0 1-.127-1.333l1.143.412c.063.498.159.963.254 1.376l-1.27-.455Zm-7.799-4.317L.529 13.82c-.201.455-.423.984-.529 1.27l1.217.444c.137-.359.36-.878.529-1.269Zm7.831.296.857.677c.042-.413.116-.825.222-1.238l-.762-.603c-.137.391-.233.783-.317 1.164Zm2.042-2.646-.508-.762c.191-.243.413-.486.656-.709l.476.72a5.958 5.958 0 0 0-.624.751ZM4.19 8.878l.752.656c-.254.265-.498.551-.72.836l-.815-.698c.244-.265.508-.529.783-.794Zm9.799 1.027-.243-.73c.265-.117.571-.233.931-.339l.233.698a6.82 6.82 0 0 0-.921.371Zm3.122-.656.042-.667c.339.021.688.064 1.048.138l-.042.656a5.859 5.859 0 0 0-1.048-.127ZM8.942 6.392l-.476-.731c-.265.138-.54.286-.826.455l.487.741c.275-.169.54-.328.815-.465Zm9.217-.053.042-.709c-.095-.053-.36-.18-1.026-.371l-.043.699c.349.116.688.243 1.027.381ZM13.238 5.28h.106l-.212-.645c-.328 0-.666.021-1.016.063l.201.625a8.87 8.87 0 0 1 .921-.043Z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--php {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314.272-.21.455-.559.55-1.049.092-.47.05-.802-.124-.995-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.575.438-.917.551-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628.366.417.477 1.001.331 1.751zM17.766 10.207h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314.272-.21.455-.559.551-1.049.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--go {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M1.811 10.231c-.047 0-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046 0 .058.035.035.07l-.199.303c-.023.036-.082.07-.117.07zM.047 11.306c-.047 0-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047 0 .07.035.058.07l-.093.28c-.012.047-.058.07-.105.07zm2.828 1.075c-.047 0-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047 0 .07.035.07.082l-.023.28c0 .047-.047.082-.082.082zm12.129-2.36c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204 1.274-1.192 2.22.011.935.654 1.706 1.577 1.835.795.105 1.46-.175 1.987-.77.105-.13.198-.27.315-.434H10.47c-.245 0-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315 0 01.292-.187h4.253c-.023.316-.023.631-.07.947a4.983 4.983 0 01-.958 2.29c-.841 1.11-1.94 1.8-3.33 1.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086 1.928-1.776 3.272-2.02 1.098-.2 2.15-.07 3.096.571.62.41 1.063.97 1.356 1.648.07.105.023.164-.117.2m3.868 6.461c-1.064-.024-2.034-.328-2.852-1.029a3.665 3.665 0 01-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122 1.881-1.706 3.272-1.95 1.192-.21 2.314-.095 3.33.595.923.63 1.496 1.484 1.648 2.605.198 1.578-.257 2.863-1.344 3.962-.771.783-1.718 1.273-2.805 1.495-.315.06-.63.07-.934.106zm2.78-4.72c-.011-.153-.011-.27-.034-.387-.21-1.157-1.274-1.81-2.384-1.554-1.087.245-1.788.935-2.045 2.033-.21.912.234 1.835 1.075 2.21.643.28 1.285.244 1.905-.07.923-.48 1.425-1.228 1.484-2.233z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--node {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,0.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.57,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--vue {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--database {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5'/%3E%3Cpath d='M3 12A9 3 0 0 0 21 12'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--redis {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.71 13.145c-1.66 2.092-3.452 4.483-7.038 4.483-3.203 0-4.397-2.825-4.48-5.12.701 1.484 2.073 2.685 4.214 2.63 4.117-.133 6.94-3.852 6.94-7.239 0-4.05-3.022-6.972-8.268-6.972-3.752 0-8.4 1.428-11.455 3.685C2.59 6.937 3.885 9.958 4.35 9.626c2.648-1.904 4.748-3.13 6.784-3.744C8.12 9.244.886 17.05 0 18.425c.1 1.261 1.66 4.648 2.424 4.648.232 0 .431-.133.664-.365a100.49 100.49 0 0 0 5.54-6.765c.222 3.104 1.748 6.898 6.014 6.898 3.819 0 7.604-2.756 9.33-8.965.2-.764-.73-1.361-1.261-.73zm-4.349-5.013c0 1.959-1.926 2.922-3.685 2.922-.941 0-1.664-.247-2.235-.568 1.051-1.592 2.092-3.225 3.21-4.973 1.972.334 2.71 1.43 2.71 2.619z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--storage {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z'/%3E%3Cpath d='m7 16.5-4.74-2.85'/%3E%3Cpath d='m7 16.5 5-3'/%3E%3Cpath d='M7 16.5v5.17'/%3E%3Cpath d='M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z'/%3E%3Cpath d='m17 16.5-5-3'/%3E%3Cpath d='m17 16.5 4.74-2.85'/%3E%3Cpath d='M17 16.5v5.17'/%3E%3Cpath d='M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z'/%3E%3Cpath d='M12 8 7.26 5.15'/%3E%3Cpath d='m12 8 4.74-2.85'/%3E%3Cpath d='M12 13.5V8'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--typo3 {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.08 16.539c-.356.105-.64.144-1.012.144-3.048 0-7.524-10.652-7.524-14.197 0-1.305.31-1.74.745-2.114C6.56.808 2.082 2.177.651 3.917c-.31.436-.497 1.12-.497 1.99C.154 11.442 6.06 24 10.228 24c1.928 0 5.178-3.168 7.852-7.46M16.134 0c3.855 0 7.713.622 7.713 2.798 0 4.415-2.8 9.765-4.23 9.765-2.549 0-5.72-7.09-5.72-10.635C13.897.31 14.518 0 16.134 0'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--megaphone {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-5v12L3 14v-3z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--cart {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--globe {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--monitor {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cline x1='8' x2='16' y1='21' y2='21'/%3E%3Cline x1='12' x2='12' y1='17' y2='21'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--server {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='8' x='2' y='2' rx='2' ry='2'/%3E%3Crect width='20' height='8' x='2' y='14' rx='2' ry='2'/%3E%3Cline x1='6' x2='6.01' y1='6' y2='6'/%3E%3Cline x1='6' x2='6.01' y1='18' y2='18'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--users {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--cloud {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--shield {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--cpu {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='6' height='6' x='9' y='9' rx='1'/%3E%3Cpath d='M15 2v2'/%3E%3Cpath d='M15 20v2'/%3E%3Cpath d='M2 15h2'/%3E%3Cpath d='M2 9h2'/%3E%3Cpath d='M20 15h2'/%3E%3Cpath d='M20 9h2'/%3E%3Cpath d='M9 2v2'/%3E%3Cpath d='M9 20v2'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--plug {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-5'/%3E%3Cpath d='M9 8V2'/%3E%3Cpath d='M15 8V2'/%3E%3Cpath d='M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--grid {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--infinity {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--sparkles {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3Cpath d='M4 17v2'/%3E%3Cpath d='M5 18H3'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--landmark {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' x2='21' y1='22' y2='22'/%3E%3Cline x1='6' x2='6' y1='18' y2='11'/%3E%3Cline x1='10' x2='10' y1='18' y2='11'/%3E%3Cline x1='14' x2='14' y1='18' y2='11'/%3E%3Cline x1='18' x2='18' y1='18' y2='11'/%3E%3Cpolygon points='12 2 20 7 4 7'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--document {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--rocket {
  --badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E");
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--php::before {
  width: 2.2rem;
}
.entry-content .wp-block-columns.landing-tiles .landing-tile__badge--go::before {
  width: 2.2rem;
}

.entry-content .wp-block-group.landing-approach {
  background: radial-gradient(ellipse at 85% 0%, rgba(178, 195, 0, 0.14), transparent 55%), #17404b;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.82);
  margin-inline: calc(50% - var(--vw, 1vw) * 50);
  max-width: calc(var(--vw, 1vw) * 100);
  padding: clamp(3rem, 7vw, 5rem) 20px;
  width: calc(var(--vw, 1vw) * 100);
}
.entry-content .wp-block-group.landing-approach > * {
  margin-inline: auto !important;
  max-width: 100% !important;
}
@media only screen and (min-width: 981px) {
  .entry-content .wp-block-group.landing-approach > * {
    width: 900px;
  }
}
@media only screen and (min-width: 1201px) {
  .entry-content .wp-block-group.landing-approach > * {
    width: 1160px;
  }
}
.entry-content .wp-block-group.landing-approach h2,
.entry-content .wp-block-group.landing-approach h3 {
  color: #fff;
  padding-left: 0;
}
.entry-content .wp-block-group.landing-approach h2 {
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  margin: 0 auto 2.5rem !important;
}
.entry-content .wp-block-group.landing-approach .landing-approach__grid {
  align-items: start;
  display: grid;
  gap: 2rem;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 781px) {
  .entry-content .wp-block-group.landing-approach .landing-approach__grid {
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
}
.entry-content .wp-block-group.landing-approach .landing-approach__grid > .wp-block-column {
  border-top: 2px solid #b2c300;
  margin: 0;
  padding-top: 1.25rem;
  width: auto;
}
.entry-content .wp-block-group.landing-approach .landing-approach__grid h3 {
  font-size: 1.2rem;
  margin: 0 0 0.6rem;
}
.entry-content .wp-block-group.landing-approach .landing-approach__grid p {
  hyphenate-limit-chars: 14 6 6;
  hyphens: auto;
  line-height: 1.65;
  margin: 0;
}
.entry-content .wp-block-group.landing-approach h2 + .landing-approach__intro {
  margin-top: -1.5rem !important;
}
.entry-content .wp-block-group.landing-approach .landing-approach__intro {
  font-size: 1.1rem;
  line-height: 1.65;
  margin-bottom: 2.5rem;
}
.entry-content .wp-block-group.landing-approach .landing-approach__intro,
.entry-content .wp-block-group.landing-approach .landing-approach__claim {
  max-width: 100% !important;
}
.entry-content .wp-block-group.landing-approach p.landing-btn {
  margin-top: 0.5rem;
}
.entry-content .wp-block-group.landing-approach .landing-approach__claim + p.landing-btn {
  margin-top: 2rem;
}
.entry-content .wp-block-group.landing-approach .landing-approach__claim {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: 0 !important;
  padding-top: 2rem;
}
.entry-content .wp-block-group.landing-approach .landing-approach__claim strong {
  color: #fff;
}
.entry-content .wp-block-group.landing-approach p:not(.landing-btn) a,
.entry-content .wp-block-group.landing-approach li a {
  color: #b2c300;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.entry-content .wp-block-group.landing-approach p:not(.landing-btn) a:hover, .entry-content .wp-block-group.landing-approach p:not(.landing-btn) a:focus,
.entry-content .wp-block-group.landing-approach li a:hover,
.entry-content .wp-block-group.landing-approach li a:focus {
  color: #fff;
}

.entry-content .wp-block-group.landing-cta {
  background: #e8f0f4;
  border-radius: 12px;
  box-sizing: border-box;
  margin-block: clamp(3rem, 7vw, 5rem);
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
}
.entry-content .wp-block-group.landing-cta > * {
  margin-inline: auto !important;
}
.entry-content .wp-block-group.landing-cta h2 {
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  line-height: 1.25;
  margin-bottom: 0.75rem;
  margin-top: 0;
  max-width: 26ch;
  padding-left: 0;
}
.entry-content .wp-block-group.landing-cta p {
  color: #666;
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 1.75rem;
  max-width: 52ch;
}
.entry-content .wp-block-group.landing-cta p.landing-btn {
  margin-bottom: 0;
}

.entry-content .wp-block-group.landing-cta a[href^="tel:"] {
  white-space: nowrap;
}

.entry-content ul.landing-checklist {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}
.entry-content ul.landing-checklist li {
  line-height: 1.5;
  margin: 0 0 0.6rem;
  padding-left: 1.85rem;
  position: relative;
}
.entry-content ul.landing-checklist li::before {
  background: rgba(178, 195, 0, 0.18);
  border-radius: 50%;
  content: "";
  height: 1.15rem;
  left: 0;
  position: absolute;
  top: 0.17rem;
  width: 1.15rem;
}
.entry-content ul.landing-checklist li::after {
  border-bottom: 2px solid var(--sw-green-text, #636d00);
  border-right: 2px solid var(--sw-green-text, #636d00);
  content: "";
  height: 0.5rem;
  left: 0.42rem;
  position: absolute;
  top: 0.34rem;
  transform: rotate(45deg);
  width: 0.25rem;
}
.entry-content ul.landing-checklist li strong {
  color: #17404b;
}
@media only screen and (min-width: 781px) {
  .entry-content ul.landing-checklist.landing-checklist--2col {
    column-gap: 2.5rem;
    columns: 2;
  }
  .entry-content ul.landing-checklist.landing-checklist--2col li {
    break-inside: avoid;
  }
}

.entry-content .landing-approach ul.landing-checklist li {
  line-height: 1.5;
  margin: 0 0 0.6rem;
  padding-left: 1.85rem;
  position: relative;
}
.entry-content .landing-approach ul.landing-checklist li::before {
  background: #b2c300;
  border-radius: 50%;
  content: "";
  height: 1.15rem;
  left: 0;
  position: absolute;
  top: 0.17rem;
  width: 1.15rem;
}
.entry-content .landing-approach ul.landing-checklist li::after {
  border-bottom: 2px solid #0b242b;
  border-right: 2px solid #0b242b;
  content: "";
  height: 0.5rem;
  left: 0.42rem;
  position: absolute;
  top: 0.34rem;
  transform: rotate(45deg);
  width: 0.25rem;
}
.entry-content .landing-approach ul.landing-checklist li {
  color: rgba(255, 255, 255, 0.82);
}
.entry-content .landing-approach ul.landing-checklist li strong {
  color: #fff;
}

.entry-content .wp-block-columns.landing-feature {
  border-top: 1px solid #e3e8ea;
  display: grid;
  gap: 1rem 3.5rem;
  grid-template-columns: minmax(0, 1fr);
  margin-block: 0;
  padding-block: clamp(2rem, 5vw, 3.5rem);
}
@media only screen and (min-width: 981px) {
  .entry-content .wp-block-columns.landing-feature {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.entry-content .wp-block-columns.landing-feature > .wp-block-column {
  margin: 0;
  width: auto;
}
.entry-content .wp-block-columns.landing-feature > .wp-block-column > :first-child {
  margin-top: 0;
}
.entry-content .wp-block-columns.landing-feature .landing-eyebrow {
  color: var(--sw-green-text, #636d00);
}
.entry-content .wp-block-columns.landing-feature h2 {
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.2;
  margin: 0 0 1rem;
}
.entry-content .wp-block-columns.landing-feature p {
  color: #666;
  line-height: 1.65;
}
.entry-content .wp-block-columns.landing-feature ul.landing-checklist {
  margin-bottom: 0;
}

.entry-content .wp-block-columns.landing-feature + .wp-block-columns.landing-feature,
.entry-content .wp-block-group.landing-section + .wp-block-columns.landing-feature {
  border-top: 0;
}

.entry-content ol.landing-steps {
  counter-reset: landing-step;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
  list-style: none;
  margin: 0 0 clamp(3rem, 7vw, 5rem);
  padding: 0;
}
@media only screen and (min-width: 781px) {
  .entry-content ol.landing-steps {
    gap: 1.5rem 2rem;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
}
.entry-content ol.landing-steps li {
  counter-increment: landing-step;
  line-height: 1.55;
  margin: 0;
  padding-left: 3.25rem;
  position: relative;
}
@media only screen and (min-width: 781px) {
  .entry-content ol.landing-steps li {
    padding-left: 0;
    padding-top: 3.5rem;
  }
}
.entry-content ol.landing-steps li::before {
  align-items: center;
  background: #17404b;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px rgba(23, 64, 75, 0.15);
  color: #fff;
  content: counter(landing-step);
  display: flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  height: 2.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.25rem;
  z-index: 1;
}
.entry-content ol.landing-steps li:not(:last-child)::after {
  background: #dfe5e7;
  content: "";
  height: 2px;
  left: 2.25rem;
  position: absolute;
  right: -2rem;
  top: 1.1rem;
}
@media only screen and (max-width: 780px) {
  .entry-content ol.landing-steps li:not(:last-child)::after {
    display: none;
  }
}
.entry-content ol.landing-steps li strong:first-child {
  color: #17404b;
  display: block;
  font-family: var(--wp--preset--font-family--raleway);
  margin-bottom: 0.35rem;
}

.entry-content .wp-block-group.landing-reference {
  background: #e8f0f4;
  border-radius: 12px;
  box-sizing: border-box;
  margin-block: clamp(2rem, 5vw, 3.5rem);
  padding: clamp(1.75rem, 4vw, 3rem);
}
.entry-content .wp-block-group.landing-reference > .wp-block-columns {
  align-items: center;
  display: grid;
  gap: 1.5rem 3rem;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
}
@media only screen and (min-width: 781px) {
  .entry-content .wp-block-group.landing-reference > .wp-block-columns {
    grid-template-columns: minmax(120px, 2fr) minmax(0, 7fr);
  }
}
.entry-content .wp-block-group.landing-reference > .wp-block-columns > .wp-block-column {
  margin: 0;
  width: auto;
}
.entry-content .wp-block-group.landing-reference figure {
  margin: 0;
}
.entry-content .wp-block-group.landing-reference figure img {
  height: auto;
  max-width: 200px;
  width: 100%;
}
.entry-content .wp-block-group.landing-reference .landing-eyebrow {
  color: var(--sw-green-text, #636d00);
}
.entry-content .wp-block-group.landing-reference h2 {
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
  line-height: 1.25;
  margin: 0 0 0.75rem;
}
.entry-content .wp-block-group.landing-reference p {
  line-height: 1.65;
  margin-top: 0;
}
.entry-content .wp-block-group.landing-reference p:last-child {
  margin-bottom: 0;
}

.entry-content .wp-block-group.landing-form {
  border: 1px solid #e3e8ea;
  border-radius: 12px;
  box-shadow: 0 10px 28px -14px rgba(11, 36, 43, 0.16);
  box-sizing: border-box;
  margin-block: clamp(3rem, 7vw, 5rem);
  padding: clamp(1.75rem, 4vw, 3rem);
}
.entry-content .wp-block-group.landing-form > * {
  margin-left: 0 !important;
  max-width: none;
}
.entry-content .wp-block-group.landing-form .landing-eyebrow {
  color: var(--sw-green-text, #636d00);
}
.entry-content .wp-block-group.landing-form h2 {
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  line-height: 1.25;
  margin: 0 0 0.75rem;
}
.entry-content .wp-block-group.landing-form > p {
  color: #666;
  line-height: 1.6;
  max-width: 60ch;
}

.entry-content ul.landing-logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem);
  justify-content: center;
  list-style: none;
  margin: 0 auto clamp(2rem, 5vw, 3rem);
  padding: 0;
}
.entry-content ul.landing-logos .landing-logos__item {
  margin: 0;
}
.entry-content ul.landing-logos a {
  display: block;
}
.entry-content ul.landing-logos img {
  display: block;
  filter: grayscale(1);
  height: auto;
  max-height: 72px;
  max-width: 180px;
  object-fit: contain;
  opacity: 0.7;
  transition: filter 0.2s ease, opacity 0.2s ease;
  width: auto;
}
.entry-content ul.landing-logos a:hover img,
.entry-content ul.landing-logos a:focus-visible img {
  filter: none;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .entry-content ul.landing-logos img {
    transition: none;
  }
}

.entry-content ul.landing-logos + ul.landing-logos {
  margin-top: calc(-1 * clamp(0.5rem, 2.5vw, 1.5rem));
}

.entry-content .gateway-tiles > .gateway-tile {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}
.entry-content .gateway-tiles > .gateway-tile::before, .entry-content .gateway-tiles > .gateway-tile::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.entry-content .gateway-tiles > .gateway-tile::before {
  -webkit-mask-image: linear-gradient(135deg, transparent 15%, #000 85%);
  mask-image: linear-gradient(135deg, transparent 15%, #000 85%);
}
.entry-content .gateway-tiles > .gateway-tile::after {
  background-position: right -24px bottom -24px;
  background-repeat: no-repeat;
  background-size: clamp(160px, 38%, 250px) auto;
}
.entry-content .gateway-tiles > .gateway-tile.has-saas-green-dark-background-color::before {
  background-image: radial-gradient(rgba(255, 255, 255, 0.16) 1.2px, transparent 1.6px);
  background-size: 18px 18px;
}
.entry-content .gateway-tiles > .gateway-tile.has-saas-green-dark-background-color::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23fff' stroke-opacity='.2' stroke-width='2'%3E%3Cpath d='M40 190 110 125 195 155 150 50 215 40M110 125 60 85 150 50M195 155 225 215M110 125 120 230'/%3E%3Cg fill='%23b2c300' fill-opacity='.35'%3E%3Ccircle cx='40' cy='190' r='7'/%3E%3Ccircle cx='110' cy='125' r='10'/%3E%3Ccircle cx='195' cy='155' r='8'/%3E%3Ccircle cx='150' cy='50' r='8'/%3E%3Ccircle cx='215' cy='40' r='6'/%3E%3Ccircle cx='60' cy='85' r='6'/%3E%3Ccircle cx='225' cy='215' r='6'/%3E%3Ccircle cx='120' cy='230' r='6'/%3E%3C/g%3E%3C/svg%3E");
}
.entry-content .gateway-tiles > .gateway-tile.has-saas-green-light-background-color::before {
  background-image: linear-gradient(rgba(11, 36, 43, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 36, 43, 0.07) 1px, transparent 1px);
  background-size: 22px 22px;
}
.entry-content .gateway-tiles > .gateway-tile.has-saas-green-light-background-color::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 170' fill='none' stroke='%230b242b' stroke-opacity='.13' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M70 35 20 85l50 50M170 35l50 50-50 50M138 20l-36 130'/%3E%3C/svg%3E");
}

.entry-content .gateway-tile p.landing-btn {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 782px) {
  .entry-content .gateway-tiles > .gateway-tile {
    display: flex;
    flex-direction: column;
  }
  .entry-content .gateway-tiles > .gateway-tile > p.landing-btn {
    margin-top: auto;
    padding-top: 1.5rem;
  }
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gfield_label,
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform-field-label:not(.gform-field-label--type-sub) {
  color: #0b242b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.95rem;
  font-weight: 700;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gfield_required {
  color: var(--sw-green-text, #636d00);
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform-field-label--type-sub {
  color: #666;
  font-size: 0.8rem;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme input:is([type=text], [type=email], [type=tel], [type=url], [type=number]),
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme textarea,
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme select {
  background: #fff;
  border: 1px solid #d5dee1;
  border-radius: 6px;
  box-shadow: none;
  color: #0b242b;
  font: inherit;
  padding: 0.75rem 0.9rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme input:is([type=text], [type=email], [type=tel], [type=url], [type=number]):focus,
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme textarea:focus,
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme select:focus {
  border-color: var(--sw-green-text, #636d00);
  box-shadow: 0 0 0 3px rgba(178, 195, 0, 0.35);
  outline: none;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_validation_errors > .gform_submission_error {
  background: none;
  color: #c02b0a;
  display: block;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0;
  text-transform: none;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_footer {
  margin-top: 0.5rem;
  padding-top: 0;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_button {
  align-items: center;
  background: #b2c300;
  border: 0;
  border-radius: 6px;
  color: #0b242b;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1rem;
  font-weight: 700;
  gap: 0.6em;
  padding: 0.85em 1.6em;
  transition: background-color 0.2s ease;
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_button::after {
  content: "→";
}
body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_button:hover, body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_button:focus-visible {
  background: #c6d81a;
}

.entry-content .wp-block-group.landing-contact .contact-columns {
  gap: clamp(2rem, 5vw, 4rem);
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

.entry-content > p.landing-btn + .wp-block-group.landing-approach {
  margin-top: clamp(3rem, 7vw, 5rem);
}

.entry-content .wp-block-group.landing-faq {
  margin: 0 0 clamp(3rem, 7vw, 5rem);
}
.entry-content .wp-block-group.landing-faq > * {
  margin-left: 0 !important;
  max-width: none;
}
.entry-content .wp-block-group.landing-faq details.wp-block-details {
  border-top: 1px solid #e3e8ea;
  margin: 0;
  padding: 0;
}
.entry-content .wp-block-group.landing-faq details.wp-block-details:last-child {
  border-bottom: 1px solid #e3e8ea;
}
.entry-content .wp-block-group.landing-faq details.wp-block-details > :not(summary) {
  color: #666;
  line-height: 1.65;
  margin: 0 0 1.25rem;
  max-width: 70ch;
  padding-right: 2.5rem;
}
.entry-content .wp-block-group.landing-faq summary {
  align-items: center;
  color: #17404b;
  cursor: pointer;
  display: flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.1rem;
  font-weight: 700;
  gap: 1.5rem;
  justify-content: space-between;
  line-height: 1.35;
  list-style: none;
  padding: 1.1rem 0;
}
.entry-content .wp-block-group.landing-faq summary::-webkit-details-marker {
  display: none;
}
.entry-content .wp-block-group.landing-faq summary::after {
  background: linear-gradient(currentColor, currentColor) center/100% 2px no-repeat, linear-gradient(currentColor, currentColor) center/2px 100% no-repeat;
  color: var(--sw-green-text, #636d00);
  content: "";
  flex: none;
  height: 0.9rem;
  transition: transform 0.2s ease;
  width: 0.9rem;
}
.entry-content .wp-block-group.landing-faq summary:hover {
  color: var(--sw-green-text, #636d00);
}
.entry-content .wp-block-group.landing-faq summary:focus-visible {
  outline: 2px solid #b2c300;
  outline-offset: 4px;
}
.entry-content .wp-block-group.landing-faq details[open] > summary::after {
  transform: rotate(45deg);
}

:where(body.saasweb-agency, body.saasweb-net) :is(.entry-content, .page-content, .entry-summary) h2 {
  background: none;
  color: #17404b;
  display: block;
  padding: 0;
  text-transform: none;
}

:where(body.saasweb-agency, body.saasweb-net) :is(.entry-content, .page-content, .entry-summary) .has-text-color h2 {
  color: inherit;
}

:where(body.saasweb-agency, body.saasweb-net) :is(.entry-content, .page-content, .entry-summary) .heading-wrap .wp-block-heading {
  background: none;
  color: #17404b;
  padding: 0;
}

.has-saas-green-light-background-color.has-white-color,
.wp-block-cover:has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) .has-white-color {
  color: #0b242b !important;
}

body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) {
  align-items: flex-end;
  min-height: clamp(200px, 24vw, 300px) !important;
  padding: clamp(3rem, 6vw, 4.5rem) 0 clamp(2rem, 4vw, 3rem);
}
body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) > .wp-block-cover__background {
  background: radial-gradient(circle at 85% 20%, rgba(178, 195, 0, 0.22), transparent 45%), linear-gradient(135deg, #0b242b 0%, #17404b 100%) !important;
  opacity: 1 !important;
}
body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) .wp-block-cover__inner-container {
  box-sizing: border-box;
  margin-inline: auto !important;
  max-width: none !important;
  padding-inline: var(--sw-gutter, 24px) !important;
  width: 100% !important;
}
@media only screen and (min-width: 981px) {
  body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) .wp-block-cover__inner-container {
    padding-inline: 0 !important;
    width: 900px !important;
  }
}
@media only screen and (min-width: 1201px) {
  body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) .wp-block-cover__inner-container {
    width: 1160px !important;
  }
}
body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) .wp-block-cover__inner-container > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}
body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) .wp-block-cover__inner-container::before {
  background: #b2c300;
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 1.25rem;
  width: 56px;
}
body.saasweb-net .entry-content > .wp-block-cover:first-child:not(:has(> .wp-block-cover__image-background, > video)):has(> .wp-block-cover__background.has-saas-green-light-background-color.has-background-dim-100) p.has-white-color {
  color: #fff !important;
  font-size: clamp(2.1rem, 4.2vw, 3.3rem) !important;
  letter-spacing: -0.01em;
  line-height: 1.12;
  margin: 0;
  text-align: left;
}

:is(body.saasweb-agency, body.saasweb-net).page:not(.home) .entry-content:not(:has(> :nth-last-child(1 of :not(p:empty)):is(.alignfull, .has-background, [class*=landing-]))) {
  padding-bottom: clamp(3rem, 7vw, 5rem);
}

.entry-content .gruender-block {
  margin-block: clamp(2.5rem, 6vw, 4rem);
}
.entry-content .gruender-block h2.wp-block-heading,
.entry-content .gruender-block h3.wp-block-heading {
  background: none !important;
  color: #17404b !important;
  display: block !important;
  font-family: var(--wp--preset--font-family--raleway);
  letter-spacing: -0.01em;
  padding: 0 !important;
  text-transform: none !important;
}
.entry-content .gruender-block .landing-eyebrow {
  color: var(--sw-green-text, #636d00);
}
.entry-content .gruender-block h2.wp-block-heading {
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  line-height: 1.2;
  margin: 0 0 1rem;
}
.entry-content .gruender-block .gruender-block__intro {
  color: #666;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
  max-width: 62ch;
}
.entry-content .gruender-block .gruender-block__hint {
  background: rgba(178, 195, 0, 0.18);
  border-radius: 999px;
  color: var(--sw-green-text, #636d00);
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 0 1rem;
  padding: 0.25rem 0.75rem;
}

.entry-content .gruender-block--full .gruender-block__head {
  margin-bottom: clamp(1.75rem, 4vw, 2.75rem);
}
.entry-content .gruender-block--full .gruender-block__people {
  display: grid;
  gap: clamp(2rem, 5vw, 3.5rem);
  grid-template-columns: minmax(0, 1fr);
}
@media only screen and (min-width: 782px) {
  .entry-content .gruender-block--full .gruender-block__people {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.entry-content .gruender-block--full .gruender-block__person {
  align-content: start;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr);
}
@media only screen and (min-width: 520px) and (max-width: 781px) {
  .entry-content .gruender-block--full .gruender-block__person {
    align-items: start;
    grid-template-columns: 236px minmax(0, 1fr);
  }
}
.entry-content .gruender-block--full.gruender-block--no-photos .gruender-block__person {
  border-top: 3px solid #b2c300;
  grid-template-columns: minmax(0, 1fr);
  padding-top: 1.25rem;
}
.entry-content .gruender-block--full .gruender-block__media {
  align-items: start;
  display: flex;
  gap: 22px;
}
.entry-content .gruender-block--full .gruender-block__photo {
  flex: 1 1 auto;
  aspect-ratio: 4/5;
  margin: 0 10px 10px 0;
  max-width: 300px;
  position: relative;
}
@media only screen and (max-width: 519px) {
  .entry-content .gruender-block--full .gruender-block__photo {
    max-width: 240px;
  }
}
.entry-content .gruender-block--full .gruender-block__photo::before {
  border: 2px solid #b2c300;
  border-radius: 12px;
  content: "";
  inset: 10px -10px -10px 10px;
  position: absolute;
}
.entry-content .gruender-block--full .gruender-block__photo img {
  border-radius: 12px;
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.entry-content .gruender-block--full h3.wp-block-heading {
  font-size: 1.4rem;
  line-height: 1.25;
  margin: 0 0 0.2rem;
}
.entry-content .gruender-block--full .gruender-block__role {
  color: #17404b;
  font-weight: 700;
  margin: 0;
}
.entry-content .gruender-block--full .gruender-block__focus {
  color: var(--sw-green-text, #636d00);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 0.15rem 0 0.9rem;
}
.entry-content .gruender-block--full .gruender-block__body > p:not([class]) {
  color: #666;
  line-height: 1.65;
  margin: 0 0 1rem;
}
.entry-content .gruender-block--full .gruender-block__quote {
  border-left: 3px solid #b2c300;
  margin: 0;
  padding: 0.1rem 0 0.1rem 1rem;
}
.entry-content .gruender-block--full .gruender-block__quote p {
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.05rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.entry-content .gruender-block--full .gruender-block__outro {
  border-top: 1px solid #e3e8ea;
  color: #666;
  margin: clamp(2rem, 5vw, 3rem) 0 0;
  padding-top: 1.25rem;
}
.entry-content .gruender-block--full p.landing-btn.landing-btn--ghost.gruender-block__link {
  margin-top: 1.25rem;
}
.entry-content .gruender-block--full p.landing-btn.landing-btn--ghost.gruender-block__link a {
  border-color: rgba(11, 36, 43, 0.35);
  color: #0b242b !important;
}

.entry-content .gruender-block--teaser {
  align-items: center;
  background: #f1f6f7;
  border-radius: 12px;
  display: grid;
  gap: 1.25rem 2rem;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
}
@media only screen and (min-width: 782px) {
  .entry-content .gruender-block--teaser {
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: start;
    text-align: left;
  }
}
.entry-content .gruender-block--teaser .gruender-block__hint {
  grid-column: 1/-1;
  margin-bottom: 0;
}
.entry-content .gruender-block--teaser .gruender-block__faces {
  display: flex;
}
.entry-content .gruender-block--teaser .gruender-block__face {
  border: 4px solid #f1f6f7;
  border-radius: 50%;
  display: block;
  height: 96px;
  overflow: hidden;
  width: 96px;
}
.entry-content .gruender-block--teaser .gruender-block__face + .gruender-block__face {
  margin-left: -18px;
}
.entry-content .gruender-block--teaser .gruender-block__face img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  width: 100%;
}
.entry-content .gruender-block--teaser h2.wp-block-heading {
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  margin-bottom: 0.5rem;
}
.entry-content .gruender-block--teaser .gruender-block__intro {
  font-size: 1rem;
}
.entry-content .gruender-block--teaser p.landing-btn.landing-btn--ghost.gruender-block__link {
  white-space: nowrap;
}
.entry-content .gruender-block--teaser p.landing-btn.landing-btn--ghost.gruender-block__link a {
  border-color: rgba(11, 36, 43, 0.35);
  color: #0b242b !important;
}
.entry-content .gruender-block--teaser p.landing-btn.landing-btn--ghost.gruender-block__link a:hover, .entry-content .gruender-block--teaser p.landing-btn.landing-btn--ghost.gruender-block__link a:focus-visible {
  background-color: rgba(11, 36, 43, 0.06);
  border-color: #0b242b;
}

html[data-theme=dark] .entry-content .gruender-block h2.wp-block-heading,
html[data-theme=dark] .entry-content .gruender-block h3.wp-block-heading,
html[data-theme=dark] .entry-content .gruender-block .gruender-block__role,
html[data-theme=dark] .entry-content .gruender-block .gruender-block__quote p {
  color: var(--dk-head) !important;
}
html[data-theme=dark] .entry-content .gruender-block :is(.landing-eyebrow, .gruender-block__focus, .gruender-block__hint) {
  color: var(--dk-accent);
}
html[data-theme=dark] .entry-content .gruender-block :is(.gruender-block__intro, .gruender-block__body > p:not([class]), .gruender-block__outro) {
  color: var(--dk-text);
}
html[data-theme=dark] .entry-content .gruender-block .gruender-block__outro {
  border-top-color: var(--dk-line);
}
html[data-theme=dark] .entry-content .gruender-block.gruender-block--teaser {
  background: var(--dk-surface);
}
html[data-theme=dark] .entry-content .gruender-block.gruender-block--teaser .gruender-block__face {
  border-color: var(--dk-surface);
}
html[data-theme=dark] .entry-content .gruender-block p.landing-btn.landing-btn--ghost.gruender-block__link a {
  border-color: var(--dk-line);
  color: var(--dk-head) !important;
}

.entry-content .gruender-block .gruender-fun {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
}

.entry-content .gruender-block .gruender-fun__button {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(23, 64, 75, 0.14);
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(23, 64, 75, 0.08);
  color: #17404b;
  cursor: pointer;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  padding: 0;
  position: relative;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  width: 38px;
}
.entry-content .gruender-block .gruender-fun__button > span svg {
  display: block;
}
.entry-content .gruender-block .gruender-fun__button:hover {
  border-color: rgba(23, 64, 75, 0.35);
  box-shadow: 0 4px 10px -4px rgba(23, 64, 75, 0.35);
  transform: translateY(-1px);
}
.entry-content .gruender-block .gruender-fun__button:focus-visible {
  outline: 2px solid #17404b;
  outline-offset: 2px;
}
.entry-content .gruender-block .gruender-fun__button[aria-pressed=true] {
  background: #17404b;
  border-color: #17404b;
  color: #fff;
}
.entry-content .gruender-block .gruender-fun__button .gruender-fun__ring {
  display: none;
  height: calc(100% + 10px);
  left: -5px;
  pointer-events: none;
  position: absolute;
  top: -5px;
  transform: rotate(-90deg);
  width: calc(100% + 10px);
}
.entry-content .gruender-block .gruender-fun__button .gruender-fun__ring circle {
  fill: none;
  stroke: #b2c300;
  stroke-dasharray: 100;
  stroke-linecap: round;
  stroke-width: 2.5;
}
.entry-content .gruender-block .gruender-fun__button[aria-pressed=true] .gruender-fun__ring {
  display: block;
}
.entry-content .gruender-block .gruender-fun__button[aria-pressed=true] .gruender-fun__ring circle {
  animation: gruenderFunTimer var(--gruender-fun-dauer, 20s) linear forwards;
}

@keyframes gruenderFunTimer {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -100;
  }
}
.entry-content .gruender-block .gruender-block__photo img {
  transition: filter 0.4s ease;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__layer {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__layer svg {
  display: block;
  height: auto;
  width: 100%;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=sw] > img:not(.gruender-fun__leer) {
  animation: gruenderFunSw 20s ease-in-out both;
  filter: grayscale(1) contrast(1.65) brightness(1.08);
  z-index: 1;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__leer {
  border-radius: 12px;
  height: 100%;
  inset: 0;
  object-fit: cover;
  width: 100%;
  z-index: 0;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=sw] .gruender-fun__leer {
  display: block;
  filter: grayscale(1) contrast(1.65) brightness(1.08);
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__video {
  border-radius: 12px;
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.7s ease;
  width: 100%;
  z-index: 3;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=video] .gruender-fun__video {
  display: block;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=video] .gruender-fun__video.is-playing {
  opacity: 1;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__buehne {
  border-radius: 12px;
  inset: 0;
  overflow: hidden;
  z-index: 2;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=sw] .gruender-fun__buehne {
  display: block;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zwerg {
  bottom: 3%;
  position: absolute;
  transition: left 2.5s linear;
  width: 32%;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zwerg svg {
  display: block;
  height: auto;
  overflow: visible;
  width: 100%;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zwerg g {
  transform-box: fill-box;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zwerg--l {
  left: -40%;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zwerg--r {
  left: 108%;
}
.entry-content .gruender-block .gruender-block__photo:is([data-zwerge=rein], [data-zwerge=tanz]) .gruender-fun__zwerg--l {
  left: 10%;
}
.entry-content .gruender-block .gruender-block__photo:is([data-zwerge=rein], [data-zwerge=tanz]) .gruender-fun__zwerg--r {
  left: 58%;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zwerg-koerper {
  transform-origin: 50% 100%;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__bein {
  transform-origin: 50% 0;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__rock {
  transform-origin: 50% 0;
}
.entry-content .gruender-block .gruender-block__photo:is([data-zwerge=rein], [data-zwerge=raus]) .gruender-fun__zwerg-koerper {
  animation: gruenderFunWatscheln 0.4s ease-in-out infinite alternate;
}
.entry-content .gruender-block .gruender-block__photo:is([data-zwerge=rein], [data-zwerge=raus]) .gruender-fun__bein--l {
  animation: gruenderFunSchritt 0.4s ease-in-out infinite alternate;
}
.entry-content .gruender-block .gruender-block__photo:is([data-zwerge=rein], [data-zwerge=raus]) .gruender-fun__bein--r {
  animation: gruenderFunSchritt 0.4s ease-in-out infinite alternate-reverse;
}
.entry-content .gruender-block .gruender-block__photo[data-zwerge=rein] .gruender-fun__zwerg--l svg, .entry-content .gruender-block .gruender-block__photo[data-zwerge=raus] .gruender-fun__zwerg--r svg {
  transform: rotate(7deg);
}
.entry-content .gruender-block .gruender-block__photo[data-zwerge=rein] .gruender-fun__zwerg--r svg, .entry-content .gruender-block .gruender-block__photo[data-zwerge=raus] .gruender-fun__zwerg--l svg {
  transform: rotate(-7deg);
}
.entry-content .gruender-block .gruender-block__photo:is([data-zwerge=tanz], [data-zwerge=raus]) .gruender-fun__zwerg svg {
  animation: gruenderFunDrehen 0.5s ease-in-out;
}
.entry-content .gruender-block .gruender-block__photo[data-zwerge=tanz] .gruender-fun__zwerg-koerper {
  animation: gruenderFunHuepfen 0.3s ease-in-out 0.5s infinite alternate;
}
.entry-content .gruender-block .gruender-block__photo[data-zwerge=tanz] .gruender-fun__bein--l {
  animation: gruenderFunKickL 1.2s ease-in-out 0.5s infinite;
}
.entry-content .gruender-block .gruender-block__photo[data-zwerge=tanz] .gruender-fun__bein--r {
  animation: gruenderFunKickR 1.2s ease-in-out 0.5s infinite;
}
.entry-content .gruender-block .gruender-block__photo[data-zwerge=tanz] .gruender-fun__rock {
  animation: gruenderFunRock 0.3s ease-in-out 0.5s infinite alternate;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=sw] .gruender-fun__leer--hell {
  animation: gruenderFunSwSchatten 20s ease-in-out both;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=pop] > img:not(.gruender-fun__leer) {
  animation: gruenderFunPop 2.4s linear infinite;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zunge {
  left: var(--fmx);
  top: var(--fmy);
  transform: translate(-50%, -6%);
  transform-origin: 50% 0;
  width: var(--ftw);
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=zunge] .gruender-fun__zunge {
  animation: gruenderFunZungeRaus 0.35s ease-out both, gruenderFunZungeWackeln 0.5s ease-in-out 0.35s 14 alternate;
  display: block;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__hase {
  left: var(--fx);
  top: var(--ftop);
  transform: translate(-50%, -88%);
  transform-origin: 50% 100%;
  width: calc(var(--fw) * 1.15);
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=hase] .gruender-fun__hase {
  animation: gruenderFunHaseRaus 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both, gruenderFunHaseWackeln 0.7s ease-in-out 0.45s 10 alternate;
  display: block;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__brille {
  left: var(--fex);
  top: var(--fey);
  transform: translate(-50%, -42%) rotate(var(--fer));
  width: var(--few);
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=brille] .gruender-fun__brille {
  animation: gruenderFunBrille 0.9s cubic-bezier(0.25, 1, 0.5, 1) both;
  display: block;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__zigarre {
  left: var(--fcx);
  top: var(--fcy);
  transform: translate(-94%, -64%) scaleX(-1);
  width: 12%;
}
.entry-content .gruender-block .gruender-block__photo[data-fun~=brille] .gruender-fun__zigarre {
  animation: gruenderFunZigarre 0.4s ease-out 0.8s both;
  display: block;
}
.entry-content .gruender-block .gruender-block__photo .gruender-fun__rauch {
  animation: gruenderFunRauch 1.8s ease-in-out 1.2s infinite;
  transform-box: fill-box;
}
@media (prefers-reduced-motion: reduce) {
  .entry-content .gruender-block .gruender-block__photo[data-fun] img, .entry-content .gruender-block .gruender-block__photo[data-fun] .gruender-fun__layer {
    animation: none !important;
  }
  .entry-content .gruender-block .gruender-block__photo .gruender-fun__buehne {
    display: none !important;
  }
}

@keyframes gruenderFunSw {
  0% {
    filter: grayscale(0) contrast(1) brightness(1);
    opacity: 1;
  }
  7.5% {
    filter: grayscale(1) contrast(1.65) brightness(1.08);
    opacity: 1;
  }
  13% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  88% {
    opacity: 1;
  }
  93% {
    filter: grayscale(1) contrast(1.65) brightness(1.08);
  }
  100% {
    filter: grayscale(0) contrast(1) brightness(1);
    opacity: 1;
  }
}
@keyframes gruenderFunSwSchatten {
  0%, 7.5% {
    opacity: 0;
  }
  13%, 75% {
    opacity: 1;
  }
  88%, 100% {
    opacity: 0;
  }
}
@keyframes gruenderFunWatscheln {
  from {
    transform: rotate(-5deg) translateY(0);
  }
  to {
    transform: rotate(5deg) translateY(-4%);
  }
}
@keyframes gruenderFunSchritt {
  from {
    transform: rotate(-20deg);
  }
  to {
    transform: rotate(20deg);
  }
}
@keyframes gruenderFunDrehen {
  0%, 100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(0.1);
  }
}
@keyframes gruenderFunHuepfen {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5%);
  }
}
@keyframes gruenderFunKickL {
  0%, 40%, 100% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(80deg);
  }
}
@keyframes gruenderFunKickR {
  0%, 50%, 90%, 100% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(-80deg);
  }
}
@keyframes gruenderFunRock {
  from {
    transform: scaleY(1) rotate(-4deg);
  }
  to {
    transform: scaleY(1.3) rotate(4deg);
  }
}
@keyframes gruenderFunPop {
  0% {
    filter: saturate(2.4) contrast(1.25) hue-rotate(0deg);
  }
  100% {
    filter: saturate(2.4) contrast(1.25) hue-rotate(360deg);
  }
}
@keyframes gruenderFunZungeRaus {
  from {
    transform: translate(-50%, -6%) scaleY(0);
  }
  to {
    transform: translate(-50%, -6%) scaleY(1);
  }
}
@keyframes gruenderFunZungeWackeln {
  from {
    transform: translate(-50%, -6%) rotate(-8deg);
  }
  to {
    transform: translate(-50%, -6%) rotate(8deg);
  }
}
@keyframes gruenderFunHaseRaus {
  from {
    transform: translate(-50%, -88%) scaleY(0);
  }
  to {
    transform: translate(-50%, -88%) scaleY(1);
  }
}
@keyframes gruenderFunHaseWackeln {
  from {
    transform: translate(-50%, -88%) rotate(-5deg);
  }
  to {
    transform: translate(-50%, -88%) rotate(5deg);
  }
}
@keyframes gruenderFunBrille {
  from {
    opacity: 0;
    transform: translate(-50%, -400%) rotate(var(--fer));
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translate(-50%, -42%) rotate(var(--fer));
  }
}
@keyframes gruenderFunZigarre {
  from {
    opacity: 0;
    transform: translate(-70%, -64%) scaleX(-1);
  }
  to {
    opacity: 1;
    transform: translate(-94%, -64%) scaleX(-1);
  }
}
@keyframes gruenderFunRauch {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  40% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.blog-agency .blog-hero__inner,
.blog-agency .blog-list,
.blog-agency .blog-related__inner {
  margin-left: auto;
  margin-right: auto;
  width: min(1160px, 100% - 40px);
}
.blog-agency .blog-hero__eyebrow,
.blog-agency .blog-eyebrow {
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}
.blog-agency .blog-eyebrow {
  color: var(--sw-green-text, #636d00);
}
.blog-agency svg {
  flex: 0 0 auto;
}

/* ---------------------------------------------------------------------------
 * Titelbereich
 * ------------------------------------------------------------------------- */
.blog-hero {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1.5px) 0 0/22px 22px, radial-gradient(ellipse at 85% 0%, rgba(178, 195, 0, 0.16), transparent 55%), linear-gradient(160deg, #17404b 0%, #0b242b 70%);
  color: #fff;
  padding: clamp(2.25rem, 6vw, 4.5rem) 0 clamp(2.25rem, 5vw, 3.5rem);
}
.blog-hero .saas-breadcrumbs {
  margin: 0 0 clamp(1.5rem, 4vw, 2.5rem);
}
.blog-hero .saas-breadcrumbs,
.blog-hero .saas-breadcrumbs span,
.blog-hero .saas-breadcrumbs a,
.blog-hero .saas-breadcrumbs a:visited {
  color: rgba(255, 255, 255, 0.65);
}
.blog-hero .saas-breadcrumbs a:hover,
.blog-hero .saas-breadcrumbs a:focus-visible {
  color: #fff;
}
.blog-hero .saas-breadcrumbs__item:not(:last-child)::after {
  color: rgba(255, 255, 255, 0.4);
}
.blog-hero .saas-breadcrumbs__item:last-child {
  max-width: min(40ch, 100%);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-hero__eyebrow {
  color: #b2c300;
}
.blog-hero__eyebrow a,
.blog-hero__eyebrow a:visited {
  color: inherit;
  text-decoration: none;
}
.blog-hero__eyebrow a:hover,
.blog-hero__eyebrow a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.blog-hero__title {
  color: #fff;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.12;
  margin: 0;
  max-width: 22ch;
  text-wrap: balance;
}
.blog-hero__intro {
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  line-height: 1.6;
  margin: 1.1rem 0 0;
  max-width: 60ch;
}
.blog-hero__meta {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.95rem;
  gap: 0.25rem 0.6rem;
  margin: 1.25rem 0 0;
}
.blog-hero--single .blog-hero__inner {
  width: min(960px, 100% - 40px);
}
.blog-hero--single .blog-hero__title {
  font-size: clamp(1.85rem, 1.3rem + 2.2vw, 2.9rem);
  max-width: 26ch;
}
.has-image .blog-hero--single {
  padding-bottom: clamp(5rem, 14vw, 9rem);
}

/* Kategorie-Chips */
.blog-chips {
  margin-top: clamp(1.75rem, 4vw, 2.5rem);
}
.blog-chips__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-chips__chip, .blog-chips__chip:visited {
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.6rem 1rem;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.blog-chips__chip:hover, .blog-chips__chip:focus-visible {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
}
.blog-chips__chip.is-current {
  background: #b2c300;
  border-color: #b2c300;
  color: #0b242b;
}
@media only screen and (max-width: 760px) {
  .blog-chips {
    margin-left: -20px;
    margin-right: -20px;
  }
  .blog-chips__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 20px 4px;
    scrollbar-width: none;
  }
  .blog-chips__list::-webkit-scrollbar {
    display: none;
  }
  .blog-chips__chip {
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------------------------
 * Karten
 * ------------------------------------------------------------------------- */
.blog-list {
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(3rem, 7vw, 5.5rem);
}
.blog-list .posts-pager {
  margin: clamp(2.5rem, 5vw, 3.5rem) 0 0;
}

.blog-grid {
  display: grid;
  gap: clamp(1.25rem, 2.5vw, 1.75rem);
  grid-template-columns: 1fr;
}
@media (min-width: 700px) {
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.blog-card {
  background: #fff;
  border: 1px solid #e2e9eb;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.2s ease;
}
.blog-card:hover, .blog-card:focus-within {
  border-color: #cfdadd;
  box-shadow: 0 18px 36px -22px rgba(11, 36, 43, 0.45);
  transform: translateY(-3px);
}
.blog-card__media {
  aspect-ratio: 16/9;
  background: #f1f5f6;
  display: block;
  overflow: hidden;
}
.blog-card__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
  width: 100%;
}
.blog-card:hover .blog-card__media img {
  transform: scale(1.03);
}
.blog-card__placeholder {
  align-items: center;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1.5px) 0 0/18px 18px, linear-gradient(160deg, #17404b, #0b242b);
  color: #b2c300;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.blog-card__placeholder svg {
  height: 40px;
  opacity: 0.85;
  width: 40px;
}
.blog-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.25rem 1.35rem 1.35rem;
}
.blog-card__meta {
  align-items: center;
  color: #5b6b70;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  gap: 0.35rem 0.75rem;
  margin: 0 0 0.6rem;
}
.blog-card__cat {
  color: var(--sw-green-text, #636d00);
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.blog-card__title {
  background: none;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  text-transform: none;
}
.blog-card__title a,
.blog-card__title a:visited {
  color: inherit;
  text-decoration: none;
}
.blog-card__title a::after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
.blog-card__title a:focus-visible {
  outline: none;
}
.blog-card:has(.blog-card__title a:focus-visible) {
  outline: 2px solid #17404b;
  outline-offset: 2px;
}
.blog-card__excerpt {
  color: #5b6b70;
  display: -webkit-box;
  font-size: 0.95rem;
  -webkit-line-clamp: 3;
  line-height: 1.55;
  margin: 0.6rem 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.blog-card__more {
  align-items: center;
  color: #17404b;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.9rem;
  font-weight: 700;
  gap: 6px;
  margin-top: auto;
  padding-top: 1rem;
}
.blog-card__more svg {
  height: 16px;
  transition: transform 0.2s ease;
  width: 16px;
}
.blog-card:hover .blog-card__more svg {
  transform: translateX(3px);
}
.blog-card--featured {
  grid-column: 1/-1;
}
@media (min-width: 761px) {
  .blog-card--featured {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  }
  .blog-card--featured .blog-card__media {
    aspect-ratio: auto;
    min-height: 320px;
    position: relative;
  }
  .blog-card--featured .blog-card__media img,
  .blog-card--featured .blog-card__media .blog-card__placeholder {
    inset: 0;
    position: absolute;
  }
  .blog-card--featured .blog-card__body {
    justify-content: center;
    padding: clamp(1.75rem, 3.5vw, 3rem);
  }
  .blog-card--featured .blog-card__title {
    font-size: clamp(1.45rem, 1.1rem + 1.1vw, 1.9rem);
    line-height: 1.22;
  }
  .blog-card--featured .blog-card__excerpt {
    font-size: 1.02rem;
    -webkit-line-clamp: 4;
  }
  .blog-card--featured .blog-card__more {
    margin-top: 1.25rem;
    padding-top: 0;
  }
}

/* ---------------------------------------------------------------------------
 * Einzelbeitrag
 * ------------------------------------------------------------------------- */
.blog-agency--single {
  margin: 0;
}

.blog-single__image {
  margin: calc(-1 * clamp(3.5rem, 11vw, 7rem)) auto 0;
  max-width: 960px;
  position: relative;
  width: calc(100% - 40px);
}
.blog-single__image img {
  border-radius: 12px;
  box-shadow: 0 30px 50px -30px rgba(11, 36, 43, 0.55);
  display: block;
  height: auto;
  max-height: 540px;
  object-fit: cover;
  width: 100%;
}

.blog-single__body {
  margin: 0 auto;
  padding: clamp(2.25rem, 5vw, 3.5rem) 0 clamp(3rem, 6vw, 4.5rem);
  width: min(960px, 100% - 40px);
}
.blog-single__body > * {
  max-width: 720px;
}
.blog-single__body > .entry-content {
  color: #2d3a3e;
  font-size: 1.125rem;
  line-height: 1.75;
  padding: 0;
}
.blog-single__body > .entry-content > * {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
.blog-single__body > .entry-content p,
.blog-single__body > .entry-content ul,
.blog-single__body > .entry-content ol {
  margin: 0 0 1.25em;
}
.blog-single__body > .entry-content li {
  margin-bottom: 0.4em;
}
.blog-single__body > .entry-content h2,
.blog-single__body > .entry-content h3,
.blog-single__body > .entry-content h4 {
  background: none;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  letter-spacing: -0.005em;
  line-height: 1.25;
  padding: 0;
  text-transform: none;
}
.blog-single__body > .entry-content h2 {
  font-size: clamp(1.45rem, 1.2rem + 0.8vw, 1.75rem);
  margin: 2.25em 0 0.6em;
}
.blog-single__body > .entry-content h3 {
  font-size: 1.3rem;
  margin: 1.9em 0 0.5em;
}
.blog-single__body > .entry-content h4 {
  font-size: 1.1rem;
  margin: 1.6em 0 0.4em;
}
.blog-single__body > .entry-content > :first-child {
  margin-top: 0;
}
.blog-single__body > .entry-content a:not(.wp-block-button__link),
.blog-single__body > .entry-content a:not(.wp-block-button__link):visited {
  color: #17404b;
  text-decoration: underline;
  text-decoration-color: rgba(178, 195, 0, 0.9);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.blog-single__body > .entry-content a:not(.wp-block-button__link):hover {
  text-decoration-color: #17404b;
}
.blog-single__body > .entry-content img {
  border-radius: 8px;
  height: auto;
  max-width: 100%;
}
.blog-single__body > .entry-content figure {
  margin: 2em 0;
}
.blog-single__body > .entry-content figcaption {
  color: #5b6b70;
  font-size: 0.88rem;
  margin-top: 0.6em;
}
.blog-single__body > .entry-content blockquote {
  border-left: 3px solid #b2c300;
  color: #17404b;
  font-size: 1.2rem;
  margin: 2em 0;
  padding: 0.2em 0 0.2em 1.25em;
}
.blog-single__body > .entry-content pre,
.blog-single__body > .entry-content code {
  background: #f1f5f6;
  border-radius: 6px;
  font-size: 0.88em;
}
.blog-single__body > .entry-content pre {
  overflow-x: auto;
  padding: 1rem 1.25rem;
}
.blog-single__body > .entry-content pre code {
  background: none;
  padding: 0;
}
.blog-single__body > .entry-content :not(pre) > code {
  padding: 0.1em 0.35em;
}
.blog-single__body > .entry-content p.blog-angebot {
  background: #f1f5f6;
  border-left: 4px solid #b2c300;
  border-radius: 0 10px 10px 0;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 2.75rem;
  padding: 1.25rem 1.5rem;
}
.blog-single__body > .entry-content p.blog-angebot strong {
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.05rem;
}

.blog-single__body > .entry-content .panel-grid {
  margin: 0 0 1.5em;
}
.blog-single__body > .entry-content .panel-grid-cell + .panel-grid-cell {
  margin-top: 1.25em;
}
.blog-single__body > .entry-content .panel-grid-cell > :last-child,
.blog-single__body > .entry-content .panel-grid-cell .textwidget > :last-child {
  margin-bottom: 0;
}
.blog-single__body > .entry-content .panel-grid img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media (min-width: 761px) {
  .blog-single__body > .entry-content .panel-grid:has(> .panel-grid-cell + .panel-grid-cell) {
    align-items: center;
    display: flex;
    gap: 2rem;
  }
  .blog-single__body > .entry-content .panel-grid:has(> .panel-grid-cell + .panel-grid-cell) > .panel-grid-cell {
    flex: 1 1 0;
    min-width: 0;
  }
  .blog-single__body > .entry-content .panel-grid:has(> .panel-grid-cell + .panel-grid-cell) > .panel-grid-cell + .panel-grid-cell {
    margin-top: 0;
  }
}
.blog-single__body > .entry-content .panel-grid[data-style*='"background":"#'] {
  background: #f1f5f6;
  border-left: 4px solid #b2c300;
  border-radius: 0 10px 10px 0;
  padding: 1.25rem 1.5rem;
}

.blog-age-notice {
  align-items: flex-start;
  background: #f1f5f6;
  border-radius: 10px;
  color: #5b6b70;
  display: flex;
  font-size: 0.95rem;
  gap: 0.75rem;
  line-height: 1.55;
  margin: 0 0 2rem;
  padding: 1rem 1.25rem;
}
.blog-age-notice svg {
  color: #17404b;
  margin-top: 0.1rem;
}

.blog-single__footer {
  border-top: 1px solid #e2e9eb;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
}

.blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
.blog-tags a,
.blog-tags a:visited {
  background: #f1f5f6;
  border-radius: 999px;
  color: #17404b;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.4rem 0.8rem;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.blog-tags a:hover,
.blog-tags a:focus-visible {
  background: #e2eaec;
}

.blog-single__dates {
  color: #5b6b70;
  font-size: 0.85rem;
  margin: 0;
}
.blog-single__dates a {
  color: inherit;
}

/* Vor/Zurück mit Titeln */
.blog-pager {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 2.5rem;
}
@media (min-width: 620px) {
  .blog-pager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.blog-pager__link, .blog-pager__link:visited {
  border: 1px solid #e2e9eb;
  border-radius: 12px;
  color: #17404b;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem 1.25rem;
  text-decoration: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.blog-pager__link:hover, .blog-pager__link:focus-visible {
  background: #f1f5f6;
  border-color: #cfdadd;
}
.blog-pager__link--next {
  grid-column: -2;
  text-align: right;
}
.blog-pager__label {
  color: #5b6b70;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.blog-pager__link--prev .blog-pager__label::before {
  content: "← ";
}
.blog-pager__link--next .blog-pager__label::after {
  content: " →";
}
.blog-pager__title {
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  line-height: 1.35;
}

/* Weitere Beiträge */
.blog-related {
  background: #f1f5f6;
  padding: clamp(3rem, 7vw, 5rem) 0;
}
.blog-related__head {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  justify-content: space-between;
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}
.blog-related__title {
  background: none;
  color: #17404b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
  letter-spacing: -0.01em;
  margin: 0;
  padding: 0;
  text-transform: none;
}
.blog-related__all, .blog-related__all:visited {
  align-items: center;
  color: #17404b;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  gap: 6px;
  text-decoration: none;
}
.blog-related__all svg, .blog-related__all:visited svg {
  height: 16px;
  transition: transform 0.2s ease;
  width: 16px;
}
.blog-related__all:hover svg, .blog-related__all:focus-visible svg {
  transform: translateX(3px);
}
.blog-related .blog-card {
  border-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .blog-card,
  .blog-card__media img,
  .blog-card__more svg,
  .blog-related__all svg {
    transition: none;
  }
  .blog-card:hover,
  .blog-card:focus-within {
    transform: none;
  }
  .blog-card:hover .blog-card__media img {
    transform: none;
  }
}
body.saasweb-agency.single-post main#primary,
body.saasweb-agency.blog main#primary,
body.saasweb-agency.archive main#primary {
  padding-top: 0;
}

.tech-marquee {
  --tech-marquee-gap: 1rem;
  --tech-marquee-item-h: 4.5rem;
  --tech-marquee-speed: 3.2s;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1.5px) 0 0/24px 24px, radial-gradient(ellipse at 80% 0%, rgba(178, 195, 0, 0.14), transparent 60%), linear-gradient(100deg, #0b242b 0%, #17404b 100%);
  color: #fff;
  overflow: hidden;
  padding-block: clamp(3rem, 7vw, 5rem) clamp(4.5rem, 10vw, 7.5rem);
}
.tech-marquee__head {
  align-items: end;
  box-sizing: border-box;
  display: grid;
  gap: 0.5rem 2rem;
  grid-template-columns: minmax(0, 1fr);
  margin: 0 auto clamp(3rem, 6vw, 5rem);
  max-width: 1160px;
  padding-inline: 20px;
}
@media only screen and (min-width: 781px) {
  .tech-marquee__head {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
@media only screen and (min-width: 1201px) {
  .tech-marquee__head {
    padding-inline: 0;
  }
}
.tech-marquee__eyebrow {
  color: #b2c300;
  font-size: 0.8rem;
  font-weight: 700;
  grid-column: 1/-1;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}
.tech-marquee__title {
  color: #fff;
  font-size: clamp(1.4rem, 2.6vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0;
  max-width: 30ch;
}
.tech-marquee__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}
.tech-marquee__link {
  align-items: center;
  color: #fff !important;
  display: inline-flex;
  font-weight: 700;
  gap: 0.5em;
  text-decoration: none;
}
.tech-marquee__link::after {
  color: #b2c300;
  content: "→";
  transition: transform 0.2s ease;
}
.tech-marquee__link:hover::after, .tech-marquee__link:focus-visible::after {
  transform: translateX(3px);
}
.tech-marquee__toggle {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.55em 1em;
}
.tech-marquee__toggle:hover, .tech-marquee__toggle:focus-visible {
  border-color: #fff;
  color: #fff;
}
.tech-marquee__rows {
  display: grid;
  gap: var(--tech-marquee-gap);
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.tech-marquee__row {
  overflow: hidden;
}
.tech-marquee__track {
  animation: tech-marquee-scroll calc(var(--tech-marquee-count) * var(--tech-marquee-speed)) linear infinite;
  display: flex;
  gap: var(--tech-marquee-gap);
  width: max-content;
}
.tech-marquee__row--2 .tech-marquee__track {
  animation-direction: reverse;
}
.tech-marquee__list {
  display: flex;
  gap: var(--tech-marquee-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.tech-marquee__item {
  align-items: center;
  background: #14343d;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  height: var(--tech-marquee-item-h);
  justify-content: center;
  margin: 0;
  padding: 0 1.75rem;
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.tech-marquee__item img {
  display: block;
  filter: brightness(0) invert(1);
  height: 2.1rem;
  max-width: 7.5rem;
  object-fit: contain;
  opacity: 0.72;
  transition: filter 0.25s ease, opacity 0.25s ease;
  width: auto;
}
.tech-marquee__item--elasticsearch img {
  filter: grayscale(1) invert(1) brightness(1.4);
  mix-blend-mode: screen;
}
.tech-marquee__item--node img {
  filter: grayscale(1) contrast(3);
  mix-blend-mode: screen;
}
.tech-marquee__item--node:hover {
  background: #0d121c !important;
  border-color: #0d121c !important;
}
.tech-marquee__item:is(.tech-marquee__item--meilisearch, .tech-marquee__item--mastodon, .tech-marquee__item--wekan):hover {
  background: #0b242b !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.tech-marquee__item:hover {
  background: #fff;
  border-color: #fff;
  transform: translateY(-2px);
}
.tech-marquee__item:hover img {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}
.tech-marquee:hover .tech-marquee__track, .tech-marquee:has(:focus-visible) .tech-marquee__track, .tech-marquee.is-paused .tech-marquee__track {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .tech-marquee .tech-marquee__rows {
    mask-image: none;
  }
  .tech-marquee .tech-marquee__track {
    animation: none;
    justify-content: center;
    width: auto;
  }
  .tech-marquee .tech-marquee__list {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1160px;
    padding-inline: 20px;
  }
  .tech-marquee .tech-marquee__list[aria-hidden=true],
  .tech-marquee .tech-marquee__toggle {
    display: none;
  }
  .tech-marquee .tech-marquee__item {
    transition: none;
  }
}

@keyframes tech-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-50% - var(--tech-marquee-gap) / 2));
  }
}
.entry-content .cloud-apps {
  background: #e8f0f4;
  box-sizing: border-box;
  margin-block: clamp(1rem, 3vw, 2rem);
  margin-inline: calc(50% - var(--vw, 1vw) * 50);
  max-width: calc(var(--vw, 1vw) * 100);
  padding-block: clamp(2.5rem, 6vw, 4rem);
  width: calc(var(--vw, 1vw) * 100);
}
.entry-content .cloud-apps__inner {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: 1160px;
  padding-inline: 20px;
}
@media only screen and (min-width: 1201px) {
  .entry-content .cloud-apps__inner {
    padding-inline: 0;
  }
}
.entry-content .cloud-apps__eyebrow {
  color: var(--sw-green-text, #636d00);
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}
.entry-content .cloud-apps h2.cloud-apps__title {
  background: none !important;
  color: #17404b !important;
  display: block !important;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0 0 1rem;
  max-width: 30ch;
  padding: 0 !important;
  text-transform: none !important;
}
.entry-content .cloud-apps__intro {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0;
  max-width: 62ch;
}
.entry-content .cloud-apps__bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  justify-content: space-between;
  margin: 2rem 0 1.25rem;
}
.entry-content .cloud-apps__filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.entry-content .cloud-apps__chip {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(23, 64, 75, 0.18);
  border-radius: 999px;
  color: #17404b;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.88rem;
  font-weight: 600;
  gap: 0.45em;
  line-height: 1;
  padding: 0.6em 1em;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.entry-content .cloud-apps__chip:hover {
  border-color: #17404b;
}
.entry-content .cloud-apps__chip[aria-pressed=true] {
  background: #17404b;
  border-color: #17404b;
  color: #fff;
}
.entry-content .cloud-apps__chip[aria-pressed=true] .cloud-apps__chip-count {
  background: #b2c300;
  color: #0b242b;
}
.entry-content .cloud-apps__chip-count {
  background: rgba(23, 64, 75, 0.08);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 1.6em;
  padding: 0.2em 0.45em;
  text-align: center;
}
.entry-content .cloud-apps__nav {
  display: flex;
  gap: 0.5rem;
}
.entry-content .cloud-apps__arrow {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(23, 64, 75, 0.18);
  border-radius: 50%;
  color: #17404b;
  cursor: pointer;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
  width: 44px;
}
.entry-content .cloud-apps__arrow--prev svg {
  transform: rotate(180deg);
}
.entry-content .cloud-apps__arrow:hover:not(:disabled) {
  background: #17404b;
  color: #fff;
}
.entry-content .cloud-apps__arrow:disabled {
  cursor: default;
  opacity: 0.35;
}
.entry-content .cloud-apps:not(.is-scrollable) .entry-content .cloud-apps__nav {
  visibility: hidden;
}
.entry-content .cloud-apps__track {
  display: flex;
  gap: 16px;
  list-style: none;
  margin: 0 -4px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 4px 4px 12px;
  scroll-padding-inline: 4px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.entry-content .cloud-apps__track::-webkit-scrollbar {
  display: none;
}
.entry-content .cloud-apps__track:focus-visible {
  outline: 2px solid #17404b;
  outline-offset: 4px;
}
.entry-content .cloud-apps__item {
  flex: 0 0 auto;
  margin: 0;
  scroll-snap-align: start;
  width: 264px;
}
.entry-content .cloud-apps__item[hidden] {
  display: none;
}
.entry-content .cloud-apps__card {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1.5px) 0 0/18px 18px, radial-gradient(ellipse at 100% 0%, rgba(178, 195, 0, 0.16), transparent 60%), #17404b;
  border-radius: 14px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.78) !important;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  height: 100%;
  min-height: 268px;
  padding: 22px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.entry-content .cloud-apps__card:hover, .entry-content .cloud-apps__card:focus-visible {
  box-shadow: 0 18px 36px -18px rgba(11, 36, 43, 0.6);
  transform: translateY(-3px);
}
.entry-content .cloud-apps__card:hover .cloud-apps__more svg, .entry-content .cloud-apps__card:focus-visible .cloud-apps__more svg {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  .entry-content .cloud-apps__card {
    transition: none;
  }
  .entry-content .cloud-apps__card:hover, .entry-content .cloud-apps__card:focus-visible {
    transform: none;
  }
}
.entry-content .cloud-apps__logo {
  align-items: center;
  color: #fff;
  display: flex;
  height: 56px;
  margin-bottom: 0.6rem;
}
.entry-content .cloud-apps__logo img {
  display: block;
  height: auto;
  max-height: 44px;
  max-width: 168px;
  width: auto;
}
.entry-content .cloud-apps__cat {
  color: #b2c300;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.entry-content .cloud-apps__name {
  color: #fff;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
}
.entry-content .cloud-apps__desc {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 0.88rem;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  overflow: hidden;
}
.entry-content .cloud-apps__more {
  align-items: center;
  color: #b2c300;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.88rem;
  font-weight: 700;
  gap: 0.4em;
  margin-top: auto;
  padding-top: 0.5rem;
}
.entry-content .cloud-apps__more svg {
  transition: transform 0.2s ease;
}
.entry-content .cloud-apps__all {
  margin: 1.25rem 0 0;
}
.entry-content .cloud-apps__all a {
  align-items: center;
  color: #17404b !important;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  gap: 0.5em;
  text-decoration: none;
}
.entry-content .cloud-apps__all a:hover svg, .entry-content .cloud-apps__all a:focus-visible svg {
  transform: translateX(3px);
}
.entry-content .cloud-apps__all a svg {
  transition: transform 0.2s ease;
}

body.saasweb-cloud {
  color: #34474d;
}
body.saasweb-cloud a:visited {
  color: inherit;
}
body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) :is(h2, .heading-wrap .wp-block-heading) {
  background: none !important;
  color: #15323b;
  display: block;
  font-size: clamp(1.6rem, 1.15rem + 1.5vw, 2.3rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.2;
  padding: 0;
  text-transform: none !important;
}
body.saasweb-cloud .entry-content > h1.wp-block-heading,
body.saasweb-cloud .entry-content > .wp-block-group > h1.wp-block-heading {
  color: #15323b;
  font-size: clamp(2rem, 1.35rem + 2.2vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) h2[style] {
  color: #15323b !important;
}
body.saasweb-cloud :is(.saasweb-dark-green, .has-saas-green-dark-background-color, #header-container, .partner-programm, .entwickler-programm, .agency-teaser-block) :is(h2, h3, .heading-wrap .wp-block-heading):not(.order-summary *) {
  color: #fff !important;
}
body.saasweb-cloud .page-title-block.has-trust-eu-badge {
  overflow-y: clip;
}
body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__inner {
  background-image: none;
}
body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__inner::before {
  aspect-ratio: 1;
  background: var(--page-title-trust-badge-url) center/contain no-repeat;
  content: "";
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  right: 1%;
  top: calc(-1 * clamp(2rem, 4vw, 3rem) - 40px);
  width: clamp(200px, 32vw, 360px);
}
body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__cluster {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 760px) {
  body.saasweb-cloud .page-title-block.has-trust-eu-badge {
    padding-bottom: 24px;
    padding-top: 16px;
  }
  body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__inner {
    min-height: 0;
    padding: 0 16px;
  }
  body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__inner::before {
    top: -56px;
    width: clamp(190px, 56vw, 260px);
  }
  body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__cluster {
    padding-top: 0;
    transform: none;
    width: 100%;
  }
  body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__title-group {
    margin: 0 auto;
  }
  body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__trust-subline {
    align-self: center;
    transform: none !important;
  }
}
body.saasweb-cloud .cloud-services-block .cloud-services-block__tile-headline {
  font-size: clamp(1.3rem, 1.1rem + 0.6vw, 1.6rem) !important;
  margin-bottom: 0.4em;
}
body.saasweb-cloud .cloud-services-block .cloud-services-block__cell {
  border-color: transparent !important;
}
body.saasweb-cloud .cloud-services-block [class*=cloud-services-block__cell--k][class*=-text] {
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.06), 0 8px 24px rgba(21, 50, 59, 0.08);
}
body.saasweb-cloud .cloud-services-block :is(.cloud-services-block__tile-link, .cloud-services-block__cell, img) {
  border-radius: 0 !important;
}
body.saasweb-cloud .argumente-block {
  --arg-column-bg: #fff;
}
body.saasweb-cloud .argumente-block .argumente-block__item {
  background: #fff !important;
  border: 1px solid #dfe8eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.06), 0 8px 24px rgba(21, 50, 59, 0.08);
}
@media only screen and (max-width: 760px) {
  body.saasweb-cloud .argumente-block {
    --argumente-stack: 1;
    padding-left: 16px;
    padding-right: 16px;
  }
  body.saasweb-cloud .argumente-block .argumente-block__track {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }
  body.saasweb-cloud .argumente-block .argumente-block__item {
    min-width: 0;
  }
  body.saasweb-cloud .argumente-block .argumente-block__controls {
    display: none;
  }
}
body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a) {
  align-items: center;
  background: #17404b !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.12);
  color: #fff !important;
  display: inline-flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1rem;
  font-weight: 700;
  gap: 0.5em;
  justify-content: center;
  line-height: 1.2;
  padding: 0.85em 1.6em !important;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a)::before {
  display: none !important;
}
body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a)::after {
  content: "→";
  transition: transform 0.2s ease;
}
body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a):hover, body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a):focus-visible {
  background: rgb(32.5755102041, 90.6448979592, 106.2244897959) !important;
  box-shadow: 0 6px 18px rgba(21, 50, 59, 0.18);
  transform: translateY(-1px);
}
body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a):hover::after, body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a):focus-visible::after {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
  .cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a) {
    transition: none;
  }
  body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
  .cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a)::after {
    transition: none;
  }
}
body.saasweb-cloud :is(.saasweb-dark-green, .has-saas-green-dark-background-color, #header-container, .partner-programm, .entwickler-programm, .agency-teaser-block) :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .button) {
  background: #b2c300 !important;
  color: #15323b !important;
}
body.saasweb-cloud :is(.saasweb-dark-green, .has-saas-green-dark-background-color, #header-container, .partner-programm, .entwickler-programm, .agency-teaser-block) :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .button):hover, body.saasweb-cloud :is(.saasweb-dark-green, .has-saas-green-dark-background-color, #header-container, .partner-programm, .entwickler-programm, .agency-teaser-block) :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .button):focus-visible {
  background: rgb(205.9323076923, 225.6, 0) !important;
}
body.saasweb-cloud .main-section {
  scroll-margin-top: 110px;
}
body.saasweb-cloud .pricing-tables-headline,
body.saasweb-cloud .concepts-headline,
body.saasweb-cloud .professional-add-ons-headline {
  padding-left: 0;
  padding-right: 0;
}
body.saasweb-cloud .pricing-tables-headline p,
body.saasweb-cloud .concepts-headline p,
body.saasweb-cloud .professional-add-ons-headline p {
  color: #5e7076;
  font-size: 1.15rem;
  max-width: 720px;
}
body.saasweb-cloud #pricing-tables .pricing-tables-headline {
  text-align: center;
}
body.saasweb-cloud #pricing-tables .pricing-tables-headline p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.saasweb-cloud #pricing-tables .pricing-table .pricing-table-head .tier-badge {
  border: 0;
  box-shadow: none;
  font-size: 0.75em;
  letter-spacing: 0.06em;
  padding: 0.4rem 0.8rem;
}
body.saasweb-cloud #pricing-tables .pricing-table .pricing-table-head .tier-badge.tier-standard {
  background: #f4f8f9;
  color: #5e7076;
}
body.saasweb-cloud #pricing-tables .pricing-table .pricing-table-head .tier-badge.tier-premium {
  background: #b2c300;
  color: #15323b;
}
body.saasweb-cloud #pricing-tables .pricing-table .pricing-table-head .tier-badge.tier-enterprise {
  background: #17404b;
  color: #fff;
}
body.saasweb-cloud #pricing-tables .pricing-table:has(.tier-premium) .pricing-table-button .button {
  background: #b2c300 !important;
  color: #15323b !important;
}
body.saasweb-cloud #pricing-tables .pricing-table:has(.tier-premium) .pricing-table-button .button:hover, body.saasweb-cloud #pricing-tables .pricing-table:has(.tier-premium) .pricing-table-button .button:focus-visible {
  background: rgb(205.9323076923, 225.6, 0) !important;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container {
  align-items: stretch;
  gap: 24px;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table {
  background: #fff;
  border: 1px solid #dfe8eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.06), 0 8px 24px rgba(21, 50, 59, 0.08);
  color: #34474d;
  padding: 32px 28px;
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table:hover {
  box-shadow: 0 2px 4px rgba(21, 50, 59, 0.06), 0 18px 48px rgba(21, 50, 59, 0.14);
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table:has(.tier-premium) {
  border: 2px solid #b2c300;
  box-shadow: 0 2px 4px rgba(21, 50, 59, 0.06), 0 18px 48px rgba(21, 50, 59, 0.14);
}
@media only screen and (min-width: 981px) {
  body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table:has(.tier-premium) {
    transform: translateY(-12px);
  }
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .app-heading {
  color: #5e7076;
  font-size: 1rem;
  font-weight: 600;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .price-line {
  color: #5e7076;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .price-line b {
  color: #15323b;
  display: block;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 2.1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 4px;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-table-divider {
  background: #dfe8eb;
  border: 0;
  height: 1px;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table li,
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table p {
  color: #34474d;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .feature-description {
  color: #5e7076;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-tab {
  background: #f4f8f9;
  border: 1px solid #dfe8eb;
  border-radius: 999px;
  color: #5e7076;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-tab[aria-selected=true] {
  background: #17404b;
  border-color: #17404b;
  color: #fff;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-table-button {
  margin-top: auto;
}
body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-table-button .button {
  width: 100%;
}
body.saasweb-cloud :is(.professional-add-on-service, .concept, .testimonial, .testimonials-block .testimonial-item, .easy-grid-block__tile,
.cloud-services-block__tile-link, .app-item, .application-archive__tile) {
  border-color: #dfe8eb !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.06), 0 8px 24px rgba(21, 50, 59, 0.08);
  overflow: hidden;
}
body.saasweb-cloud #professional-add-ons .professional-add-ons-container .professional-add-on-service {
  box-sizing: border-box;
  padding: clamp(20px, 3vw, 32px) !important;
}
body.saasweb-cloud #full-details table {
  border-collapse: separate;
  border-radius: 10px;
  border-spacing: 0;
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.06), 0 8px 24px rgba(21, 50, 59, 0.08);
  overflow: hidden;
}
body.saasweb-cloud #application-details #full-details table tr.order-buttons td a {
  background: #17404b;
  border-radius: 999px !important;
  color: #fff;
  display: inline-block;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  padding: 0.55em 1.3em;
  text-decoration: none;
}
body.saasweb-cloud #application-details #full-details table tr.order-buttons td a::before {
  display: none !important;
}
body.saasweb-cloud #application-details #full-details table tr.order-buttons td a::after {
  content: " →";
}
body.saasweb-cloud #application-details #full-details table tr.order-buttons td a:hover, body.saasweb-cloud #application-details #full-details table tr.order-buttons td a:focus-visible {
  background: rgb(32.5755102041, 90.6448979592, 106.2244897959);
}
@media only screen and (min-width: 761px) {
  body.saasweb-cloud #application-details #more .app-description-long-item .app-description-long-item-image > img {
    background: #f4f8f9;
    border-radius: 18px;
    box-sizing: content-box;
    margin-left: 0;
    padding: 16px;
    width: 56px;
  }
}
body.saasweb-cloud #application-details #more .app-description-long-item .app-description-long-item-content h4 {
  color: #15323b;
  font-size: 1.25rem;
  font-weight: 700;
}
body.saasweb-cloud #application-details #more .app-description-long-item .app-description-long-item-content h4::after {
  display: none;
}
body.saasweb-cloud #application-details #more .app-description-long-item .app-description-long-item-content p {
  margin-top: 10px;
}
body.saasweb-cloud #application-details #more .app-description-long-item.saasweb-dark-green .app-description-long-item-image > img {
  background-color: rgba(255, 255, 255, 0.1);
}
body.saasweb-cloud #application-details #more .app-description-long-item.saasweb-dark-green .app-description-long-item-content h4 {
  color: #fff;
}
body.saasweb-cloud #faq h3 {
  color: #15323b;
  font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem);
  margin-bottom: 20px;
}
body.saasweb-cloud #faq .faq-item {
  background: #fff;
  border: 1px solid #dfe8eb;
  border-radius: 10px;
  margin-bottom: 12px;
  max-width: 860px;
  transition: box-shadow 0.2s ease;
}
body.saasweb-cloud #faq .faq-item[open] {
  box-shadow: 0 1px 2px rgba(21, 50, 59, 0.06), 0 8px 24px rgba(21, 50, 59, 0.08);
}
body.saasweb-cloud #faq summary {
  align-items: center;
  color: #15323b;
  cursor: pointer;
  display: flex;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  gap: 16px;
  justify-content: space-between;
  list-style: none;
  padding: 18px 22px;
}
body.saasweb-cloud #faq summary::-webkit-details-marker {
  display: none;
}
body.saasweb-cloud #faq summary::after {
  color: #17404b;
  content: "+";
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  transition: transform 0.2s ease;
}
body.saasweb-cloud #faq summary:focus-visible {
  outline: 2px solid #b2c300;
  outline-offset: 2px;
}
body.saasweb-cloud #faq .faq-item[open] summary::after {
  transform: rotate(45deg);
}
body.saasweb-cloud #faq .faq-answer {
  padding: 0 22px 18px;
}
body.saasweb-cloud #faq .faq-answer p {
  color: #34474d;
  margin: 0;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.saasweb-cloud #faq summary::after,
  body.saasweb-cloud #faq .faq-item {
    transition: none;
  }
}
body.saasweb-cloud :is(.testimonials-headline, .concepts-headline, .pricing-tables-headline) p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.saasweb-cloud .entry-content > .wp-block-cover:first-child:has(> .has-saas-green-light-background-color) {
  min-height: 320px;
}
body.saasweb-cloud .entry-content > .wp-block-cover:first-child:has(> .has-saas-green-light-background-color) > .wp-block-cover__background {
  background: linear-gradient(135deg, #f1f6e3 0%, #f4f8f9 55%, #e6f0f3 100%) !important;
  opacity: 1 !important;
}
body.saasweb-cloud .entry-content > .wp-block-cover:first-child:has(> .has-saas-green-light-background-color) p.has-white-color {
  color: #15323b !important;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.4rem) !important;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
body.saasweb-cloud .entry-content > .wp-block-cover:first-child:has(> .has-saas-green-light-background-color) p.has-white-color strong {
  font-weight: 800;
}
body.saasweb-cloud #app-list {
  gap: 20px;
}
body.saasweb-cloud #app-list .app-item {
  background: #fff !important;
  border: 1px solid #dfe8eb;
  color: #34474d !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.saasweb-cloud #app-list .app-item:hover {
  box-shadow: 0 2px 4px rgba(21, 50, 59, 0.06), 0 18px 48px rgba(21, 50, 59, 0.14);
  transform: translateY(-2px);
}
body.saasweb-cloud #app-list .app-item .app-item-icon img {
  max-height: 64px !important;
  max-width: min(100%, 180px) !important;
  object-fit: contain;
}
body.saasweb-cloud #app-list .app-item h4,
body.saasweb-cloud #app-list .app-item h4 a {
  color: #15323b !important;
}
body.saasweb-cloud #app-list .app-item .app-item-description,
body.saasweb-cloud #app-list .app-item .app-item-description a,
body.saasweb-cloud #app-list .app-item .app-item-description p {
  color: #5e7076 !important;
}
@media (prefers-reduced-motion: reduce) {
  body.saasweb-cloud #app-list .app-item {
    transition: none;
  }
  body.saasweb-cloud #app-list .app-item:hover {
    transform: none;
  }
}
@media only screen and (max-width: 760px) {
  body.saasweb-cloud .hosted-app-slider-block__intro {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 760px) {
  body.saasweb-cloud .hosted-app-slider-block__title {
    text-align: center;
  }
  body.saasweb-cloud .hosted-app-slider-block__slider-outer {
    --hosted-app-slider-grid: 1;
    --app-grid-gap: 8px;
    display: block;
    padding-inline: 16px;
  }
  body.saasweb-cloud .hosted-app-slider-block__nav {
    display: none;
  }
  body.saasweb-cloud .hosted-app-slider-block__slider .swiper-wrapper {
    box-sizing: border-box;
    display: grid;
    gap: var(--app-grid-gap);
    grid-auto-columns: calc((100% - 3 * var(--app-grid-gap)) / 4);
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    transform: none !important;
  }
  body.saasweb-cloud .hosted-app-slider-block__slider .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  body.saasweb-cloud .hosted-app-slider-block__slide {
    margin: 0 !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: auto !important;
  }
  body.saasweb-cloud .is-expanded .swiper-wrapper {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: none;
    overflow: visible;
  }
  body.saasweb-cloud .hosted-app-slider-block .app-item {
    --app-icon-h: 52px;
    border-radius: 10px;
    gap: 6px;
    grid-template-areas: "icon" "title";
    grid-template-rows: var(--app-icon-h) auto;
    padding: 10px 4px;
  }
  body.saasweb-cloud .hosted-app-slider-block .app-item-icon img {
    max-height: 44px;
    max-width: 100%;
    object-fit: contain;
  }
  body.saasweb-cloud .hosted-app-slider-block .app-item-title {
    font-size: 0.72rem;
    font-weight: 600;
    hyphens: auto;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  body.saasweb-cloud .hosted-app-slider-block :is(.app-item-description, .app-item-title__suffix) {
    display: none;
  }
  body.saasweb-cloud .hosted-app-slider-block__toggle {
    background: transparent !important;
    border: 1px dashed #5e7076;
    box-shadow: none !important;
    color: #17404b !important;
    cursor: pointer;
    font: inherit;
    width: 100%;
  }
  body.saasweb-cloud .hosted-app-slider-block__toggle .app-item-title {
    color: inherit;
  }
  body.saasweb-cloud .hosted-app-slider-block__toggle:focus-visible {
    outline: 2px solid #17404b;
    outline-offset: 2px;
  }
  body.saasweb-cloud .hosted-app-slider-block__dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 16px;
  }
  body.saasweb-cloud .hosted-app-slider-block__dot {
    background: #dfe8eb;
    border-radius: 50%;
    height: 8px;
    transition: background-color 0.2s ease;
    width: 8px;
  }
  body.saasweb-cloud .hosted-app-slider-block__dot.is-active {
    background: #17404b;
  }
  body.saasweb-cloud .is-expanded .hosted-app-slider-block__dots {
    display: none;
  }
}
body.saasweb-cloud footer#colophon .footer-content {
  padding: clamp(2.5rem, 5vw, 4rem) 0;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget {
  margin: 0 0 20px;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget:last-child {
  margin-bottom: 0;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container h2.widget-title,
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container h2.wp-block-heading {
  font-size: 1.15rem;
  line-height: 1.3;
  margin: 0 0 20px;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container h2.widget-title:only-child,
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container h2.wp-block-heading:only-child {
  margin-bottom: 0;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_block p {
  line-height: 1.6;
  margin: 0;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container ul,
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container ul ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container li {
  line-height: 1.45;
  margin: 0 0 8px !important;
  padding: 0 !important;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container a {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container a:hover, body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container a:focus-visible {
  color: #b2c300 !important;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu .menu-main-container {
  margin-top: 0;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li {
  margin-bottom: 20px !important;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li:last-child {
  margin-bottom: 0 !important;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > a,
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > .saasweb-dummy-link {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 0.75rem !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul {
  margin-top: 6px !important;
  padding-left: 12px !important;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .widget_nav_menu ul.menu > li > ul > li > ul a {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.9em;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .app-list-block {
  column-gap: 24px;
  columns: 2;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .app-list-block .app-list-item {
  break-inside: avoid;
}
body.saasweb-cloud footer#colophon .footer-content .site-info div.widget-container .app-list-block .app-list-item-category {
  display: none;
}

body.saasweb-cloud .entry-content .wp-block-quote {
  border: 0;
  box-sizing: border-box;
  margin: clamp(2.5rem, 6vw, 4.5rem) auto;
  max-width: var(--wp--style--global--content-size, 1160px);
  padding: 0 var(--wp--style--root--padding-right, 1rem) 0 var(--wp--style--root--padding-left, 1rem);
  text-align: left;
}
body.saasweb-cloud .entry-content .wp-block-quote::before {
  background: #b2c300;
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  margin: 0 0 1.25rem;
  width: 3.5rem;
}
body.saasweb-cloud .entry-content .wp-block-quote p {
  color: #15323b;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: clamp(1.35rem, 1rem + 1.4vw, 1.9rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  margin: 0;
  max-width: 42rem;
}
body.saasweb-cloud .entry-content .wp-block-quote cite {
  color: #34474d;
  display: block;
  font-size: 0.95rem;
  font-style: normal;
  margin-top: 0.75rem;
}

/* 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. */
.custom-logo-link {
  display: inline-block;
}

/* 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: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  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);
  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;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #333;
  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;
}

.alignfull {
  margin-inline: calc(50% - var(--vw, 1vw) * 50);
  max-width: calc(var(--vw, 1vw) * 100);
  width: calc(var(--vw, 1vw) * 100);
}

/* Dunkles Design für saasweb.agency (nur mit html[data-theme="dark"]) – zuletzt, damit es überschreibt.
--------------------------------------------- */
/**
 * Dunkles Design für saasweb.agency und saasweb.net – nur aktiv mit <html data-theme="dark"> (Umschalter: inc/theme-switch.php).
 * Ohne das Attribut greift hier nichts; das helle Design bleibt unverändert. Wird zuletzt geladen, damit es die
 * Komponenten-Regeln überschreibt. Farben als Variablen, damit Feinarbeit an einer Stelle passiert.
 */
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(23, 64, 75, 0.25);
  border-radius: 999px;
  color: #17404b;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  height: 34px;
  justify-content: center;
  padding: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  width: 34px;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch:hover, body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch:focus-visible {
  background: rgba(23, 64, 75, 0.08);
  border-color: #17404b;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch:focus-visible {
  outline: 2px solid #b2c300;
  outline-offset: 2px;
}
body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch .theme-switch__icon--sun {
  display: none;
}

body:is(.saasweb-agency, .saasweb-cloud) .top-bar .menu-item-theme-switch {
  align-items: center;
  display: flex;
}

body:is(.saasweb-agency, .saasweb-cloud) .theme-switch--mobile {
  border-color: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: #fff;
  font-family: var(--wp--preset--font-family--raleway);
  font-weight: 700;
  height: auto;
  padding: 0.85rem 1.25rem;
  width: 100%;
}
body:is(.saasweb-agency, .saasweb-cloud) .theme-switch--mobile svg {
  color: #b2c300;
}
body:is(.saasweb-agency, .saasweb-cloud) .theme-switch--mobile:hover, body:is(.saasweb-agency, .saasweb-cloud) .theme-switch--mobile:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  border-color: #fff;
}

body.saasweb-cloud .theme-switch--mobile {
  border-radius: 999px;
}

html[data-theme=dark] {
  --dk-bg: #0d1a1e;
  --dk-surface: #13252a;
  --dk-surface-2: #1a3137;
  --dk-line: rgba(255, 255, 255, 0.1);
  --dk-text: #cfdcdf;
  --dk-muted: #93a9af;
  --dk-head: #f1f6f7;
  --dk-accent: #b2c300;
  --sw-green-text: #b2c300;
  color-scheme: dark;
  background: var(--dk-bg);
}

html[data-theme=dark] header#masthead #logo .logo-schrift {
  fill: var(--dk-head);
}

html[data-theme=dark] body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch {
  border-color: var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch:hover, html[data-theme=dark] body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch .theme-switch__icon--moon {
  display: none;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-cloud, .saasweb-net) .theme-switch .theme-switch__icon--sun {
  color: var(--dk-accent);
  display: block;
}

html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) {
  background: var(--dk-bg);
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #page,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .site,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .site-content,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) main#primary {
  background: var(--dk-bg);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content {
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(p, li, td, th, dd, dt, figcaption),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content :is(p, li, td, th, dd, dt, figcaption) {
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(h1, h2, h3, h4, h5, h6),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(h1, h2, h3, h4, h5, h6) a,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content :is(h1, h2, h3, h4, h5, h6),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content :is(h1, h2, h3, h4, h5, h6) a {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content a:not(.wp-block-button__link):not(.button),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content a:not(.wp-block-button__link):not(.button) {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(.landing-card__link, .landing-tile__link) a,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content :is(.landing-card__link, .landing-tile__link) a {
  color: var(--dk-accent) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content strong,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .page-content strong {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) hr,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .wp-block-separator {
  border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .saas-breadcrumbs,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .saas-breadcrumbs a {
  color: var(--dk-muted) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #masthead,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) header#masthead.site-header {
  background: var(--dk-surface);
  box-shadow: 0 1px 0 var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .top-bar ul#top-bar-menu a:not(.button) {
  color: var(--dk-text) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__top-link {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__top:is(.is-open, :hover, .current-menu-item, .current-menu-parent, .current-menu-ancestor) > .saasweb-mega__label .saasweb-mega__top-link {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__panel {
  background: var(--dk-surface);
  border-color: var(--dk-line);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}
@media only screen and (max-width: 1207px) {
  html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__panel {
    box-shadow: none;
  }
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__row-link, .saasweb-mega__col-title) {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__row-link, .saasweb-mega__col--single > .saasweb-mega__col-title):hover, html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__row-link, .saasweb-mega__col--single > .saasweb-mega__col-title):focus-visible {
  background: var(--dk-surface-2);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__col:not(.saasweb-mega__col--single) > .saasweb-mega__col-title:is(:hover, :focus-visible) .saasweb-mega__col-name {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__row-desc, .saasweb-mega__col-desc, .saasweb-mega__row-text small) {
  color: var(--dk-muted);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__toggle {
  background: var(--dk-surface-2);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__top {
  border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__col-name {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__row-name, .saasweb-mega__teaser-title, .saasweb-mega__foot-link) {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__card, .saasweb-mega__body) {
  background: var(--dk-surface);
}
@media only screen and (max-width: 1207px) {
  html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega :is(.saasweb-mega__card, .saasweb-mega__body) {
    background: transparent;
  }
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__foot {
  background: var(--dk-surface-2);
  color: var(--dk-muted);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation.toggled .saasweb-mega,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation.toggled #primary-menu.saasweb-mega,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) #site-navigation.toggled .saasweb-mega .saasweb-mega__panel {
  background: var(--dk-bg);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .menu-toggle__bar {
  background: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-eyebrow {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-section__intro,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-approach__intro {
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(.landing-tile, .landing-card, .landing-form, .landing-reference, .landing-feature .wp-block-column) {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
  box-shadow: none;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-feature > .wp-block-column {
  border: 1px solid var(--dk-line);
  border-radius: 12px;
  padding: clamp(1.25rem, 3vw, 2rem);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .wp-block-group.landing-cta {
  background: var(--dk-surface-2);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content > p.landing-btn.landing-btn--ghost a {
  border-color: var(--dk-line);
  color: var(--dk-head) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content > p.landing-btn.landing-btn--ghost a:hover, html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content > p.landing-btn.landing-btn--ghost a:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps {
  background: var(--dk-surface);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__eyebrow {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps h2.cloud-apps__title {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__intro {
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps :is(.cloud-apps__chip, .cloud-apps__arrow) {
  background: var(--dk-surface-2);
  border-color: var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps :is(.cloud-apps__chip, .cloud-apps__arrow):hover:not(:disabled) {
  border-color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__chip-count {
  background: rgba(255, 255, 255, 0.1);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__chip[aria-pressed=true] {
  background: var(--dk-accent);
  border-color: var(--dk-accent);
  color: #0b242b;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__chip[aria-pressed=true] .cloud-apps__chip-count {
  background: #0b242b;
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__arrow:hover:not(:disabled) {
  background: var(--dk-accent);
  color: #0b242b;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__card {
  box-shadow: inset 0 0 0 1px var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .cloud-apps .cloud-apps__all a {
  color: var(--dk-accent) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gruender-block .gruender-fun__button {
  background: var(--dk-surface-2);
  border-color: var(--dk-line);
  box-shadow: none;
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gruender-block .gruender-fun__button:hover {
  border-color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gruender-block .gruender-fun__button[aria-pressed=true] {
  background: var(--dk-accent);
  border-color: var(--dk-accent);
  color: #0b242b;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gruender-block .gruender-fun__button .gruender-fun__ring circle {
  stroke: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme :is(.gfield_label, .gform-field-label) {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme input:is([type=text], [type=email], [type=tel], [type=url], [type=number]),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme textarea,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme select {
  background: var(--dk-surface-2);
  border-color: var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme :is(.gform_validation_errors, .gfield_validation_message) {
  background: rgba(255, 110, 80, 0.1);
  border-color: #ff8a70;
  color: #ffb3a3;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_validation_errors > .gform_submission_error {
  color: #ffb3a3 !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gform_validation_errors .gform-icon {
  border-color: #ffb3a3;
  color: #ffb3a3;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gfield_error input:is([type=text], [type=email], [type=tel], [type=url], [type=number]),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .gform_wrapper.gravity-theme .gfield_error :is(textarea, select) {
  border-color: #ff8a70;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__card {
  background: var(--dk-surface);
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__card .contact-map__title,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__card strong {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__card a {
  color: var(--dk-accent) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__card .contact-map__route a:is(:hover, :focus-visible) {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__credit,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .contact-map__credit a {
  color: #333 !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .sw-serp-wrapper {
  --sw-wrapper-bg: transparent;
  --sw-text: var(--dk-text);
  --sw-hit-text: var(--dk-text);
  --sw-muted: var(--dk-muted);
  --sw-border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .sw-serp-wrapper label strong {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .sw-serp-wrapper input:is([type=url], [type=text]) {
  background: var(--dk-surface-2);
  border: 1px solid var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(pre, code) {
  background: #08141a;
  color: #d8e4e7;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content table :is(td, th) {
  border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content blockquote {
  border-color: var(--dk-accent);
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card {
  background: var(--dk-surface);
  border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card:hover, html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card:focus-within {
  border-color: rgba(255, 255, 255, 0.22);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card__placeholder {
  background: var(--dk-surface-2);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card__title,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card__title a,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-card__more {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) :is(.blog-card__excerpt, .blog-card__meta) {
  color: var(--dk-muted);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-related,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-age-notice,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body > .entry-content .panel-grid[data-style*='"background":"#'] {
  background: var(--dk-surface);
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body {
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body :is(h2, h3, h4),
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body a:not(.wp-block-button__link) {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body a:not(.wp-block-button__link) {
  text-decoration-color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body :is(blockquote, p.blog-angebot) {
  background: var(--dk-surface);
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-single__body :is(code, pre) {
  background: #08141a;
  color: #d8e4e7;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) :is(.blog-single__dates, .blog-age-notice, .blog-pager__label) {
  color: var(--dk-muted);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-tags a,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-pager__link {
  background: var(--dk-surface);
  border-color: var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-tags a:hover, html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-tags a:focus-visible,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-pager__link:hover,
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .blog-pager__link:focus-visible {
  background: var(--dk-surface-2);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) :is(.blog-pager__title, .blog-related__title, .blog-related__all, .blog-age-notice a) {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content :is(.landing-card__link, .landing-tile__link) {
  border-color: var(--dk-line) !important;
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-faq details.wp-block-details {
  border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-faq details.wp-block-details > :not(summary) {
  color: var(--dk-text);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-faq summary {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-faq summary::after {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content .landing-faq summary:hover {
  color: var(--dk-accent);
}

html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) #secondary a {
  color: var(--dk-accent);
}

html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) main#primary a:not(.button) {
  color: var(--dk-accent);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) main#primary .entry-title a {
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) main#primary :is(.entry-meta, .entry-footer) {
  color: var(--dk-muted);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) main#primary > article {
  border-color: var(--dk-line);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) main#primary .search-field {
  background: var(--dk-surface-2);
  border: 1px solid var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net, .saasweb-cloud):is(.error404, .search) main#primary .search-submit {
  background: var(--dk-accent);
  border-color: var(--dk-accent);
  color: #0b242b;
}

body.saasweb-net #site-navigation .menu-item-theme-switch {
  align-items: center;
  display: flex;
  margin-left: 1rem;
}
@media only screen and (max-width: 1207px) {
  body.saasweb-net #site-navigation .menu-item-theme-switch {
    margin: 1.25rem 20px 0;
  }
}

html[data-theme=dark] body.saasweb-net .entry-content :is(.wp-block-cover, .gateway-tile) code {
  background: transparent;
  color: inherit;
}
html[data-theme=dark] body.saasweb-net .entry-content .gateway-tile :is(p, li) {
  color: #fff;
}
html[data-theme=dark] body.saasweb-net .entry-content .gateway-tile.has-saas-green-light-background-color :is(p, li, code, h2) {
  color: #0b242b !important;
}

html[data-theme=dark] body:is(.saasweb-agency, .saasweb-net) .entry-content ul.landing-logos img {
  background: #fff;
  border-radius: 10px;
  box-sizing: content-box;
  opacity: 0.9;
  padding: 8px 12px;
}

html[data-theme=dark] body:is(.saasweb-cloud, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__top:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .saasweb-mega__label {
  background-color: var(--dk-surface-2);
}
html[data-theme=dark] body:is(.saasweb-cloud, .saasweb-net) #site-navigation .saasweb-mega .saasweb-mega__top:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .saasweb-mega__label .saasweb-mega__top-link {
  background: transparent;
  color: var(--dk-head);
}

/**
 * Dunkles Design für saasweb.cloud – nur aktiv mit <html data-theme="dark"> (Umschalter: inc/theme-switch.php).
 * Ohne das Attribut greift hier nichts. Farben aus den Variablen in _dark-agency.scss (--dk-*); der cloud-Look
 * (Pillen, weiche Karten) bleibt, Flächen werden dunkel, Buttons hellgrün. Anwendungs- und Kundenlogos liegen auf
 * einer hellen Unterlage, weil viele davon dunkel sind.
 */
html[data-theme=dark] body.saasweb-cloud {
  background: var(--dk-bg);
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud #page,
html[data-theme=dark] body.saasweb-cloud .site,
html[data-theme=dark] body.saasweb-cloud .site-content,
html[data-theme=dark] body.saasweb-cloud main#primary {
  background: var(--dk-bg);
}
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) :is(p, li, td, th, dd, dt, figcaption, blockquote) {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) :is(h1, h2, h3, h4, h5, h6),
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) :is(h1, h2, h3, h4, h5, h6) a,
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) .heading-wrap .wp-block-heading {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) strong {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud :is(.entry-content, .page-content, .entry-summary, .site-main) a:not(.button):not(.wp-block-button__link):not(.btn) {
  color: var(--dk-accent);
}
html[data-theme=dark] body.saasweb-cloud .saas-breadcrumbs,
html[data-theme=dark] body.saasweb-cloud .saas-breadcrumbs a {
  color: var(--dk-muted) !important;
}
html[data-theme=dark] body.saasweb-cloud hr,
html[data-theme=dark] body.saasweb-cloud .wp-block-separator {
  border-color: var(--dk-line);
}
html[data-theme=dark] body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a) {
  background: #b2c300 !important;
  color: #0b242b !important;
}
html[data-theme=dark] body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a):hover, html[data-theme=dark] body.saasweb-cloud :is(p.button a, .wp-block-button .wp-block-button__link, a.button, .app-cta .button, .pricing-table-button .button,
.cloud-services-block__button, .agency-teaser-block__button, .partner-programm__cta, .our-blog-button a):focus-visible {
  background: #c6d81a !important;
}
html[data-theme=dark] body.saasweb-cloud #application-details #full-details table tr.order-buttons td a {
  background: #b2c300;
  color: #0b242b;
}
html[data-theme=dark] body.saasweb-cloud #masthead,
html[data-theme=dark] body.saasweb-cloud header#masthead.site-header {
  background: var(--dk-surface);
  box-shadow: 0 1px 0 var(--dk-line);
}
html[data-theme=dark] body.saasweb-cloud .top-bar ul#top-bar-menu a:not(.button) {
  color: var(--dk-text) !important;
}
html[data-theme=dark] body.saasweb-cloud .menu-toggle__bar {
  background: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top-link {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top:is(.is-open, :hover) > .saasweb-mega__label .saasweb-mega__top-link {
  background: transparent;
  color: var(--dk-accent);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__panel,
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__inner {
  background: var(--dk-surface);
  border-color: var(--dk-line);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col-name {
  color: var(--dk-accent);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__col-desc {
  color: var(--dk-muted);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega :is(.saasweb-mega__row-link, .saasweb-mega__col-title) {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega :is(.saasweb-mega__row.current-menu-item > .saasweb-mega__row-link, .saasweb-mega__col.current-menu-item > .saasweb-mega__col-title) {
  color: var(--dk-accent);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__toggle {
  background: var(--dk-surface-2);
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__top {
  border-color: var(--dk-line);
}
@media only screen and (max-width: 1207px) {
  html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__inner {
    background: transparent;
  }
  html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row-link {
    background: var(--dk-surface-2);
    color: var(--dk-head);
  }
  html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row-link:hover, html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row-link:focus-visible {
    background: var(--dk-head);
    color: #0b242b;
  }
  html[data-theme=dark] body.saasweb-cloud #site-navigation .saasweb-mega .saasweb-mega__row.current-menu-item > .saasweb-mega__row-link {
    background: var(--dk-accent);
    color: #0b242b;
  }
}
html[data-theme=dark] body.saasweb-cloud #site-navigation.toggled .saasweb-mega,
html[data-theme=dark] body.saasweb-cloud #site-navigation.toggled #primary-menu.saasweb-mega,
html[data-theme=dark] body.saasweb-cloud #site-navigation.toggled .saasweb-mega .saasweb-mega__panel {
  background: var(--dk-bg);
}
html[data-theme=dark] body.saasweb-cloud :is(.page-title-block, .cloud-services-block--has-background, .hosted-app-slider-block, #managed-services-concepts,
.entwickler-programm, .argumente-block) {
  background-color: var(--dk-bg) !important;
}
html[data-theme=dark] body.saasweb-cloud :is(.entwickler-programm, #entwickler-programm) .content-area a {
  color: var(--dk-accent) !important;
}
html[data-theme=dark] body.saasweb-cloud .entry-content .wp-block-group.landing-cta {
  background: var(--dk-surface-2);
}
html[data-theme=dark] body.saasweb-cloud .entry-content .wp-block-group.landing-cta h2 {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud .entry-content .wp-block-group.landing-cta p {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .page-title-block__background {
  opacity: 0.15;
}
html[data-theme=dark] body.saasweb-cloud.post-type-archive-application .app-category-hero :is(h1, h2, p, .page-title) {
  color: #0b242b !important;
}
html[data-theme=dark] body.saasweb-cloud .page-title-block .page-title-block__trust-subline {
  color: var(--dk-text) !important;
}
html[data-theme=dark] body.saasweb-cloud .page-title-block.has-trust-eu-badge .page-title-block__inner::before {
  filter: brightness(0) invert(1);
  opacity: 0.1;
}
html[data-theme=dark] body.saasweb-cloud .cloud-services-block .cloud-services-block__cell[style*=background],
html[data-theme=dark] body.saasweb-cloud .cloud-services-block .cloud-services-block__tile-content,
html[data-theme=dark] body.saasweb-cloud .cloud-services-block .cloud-services-block__tile-label {
  background-image: linear-gradient(var(--dk-surface), var(--dk-surface)) !important;
}
html[data-theme=dark] body.saasweb-cloud .cloud-services-block :is(.cloud-services-block__tile-text, .cloud-services-block__tile-label) {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .cloud-services-block .cloud-services-block__tile-headline {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud :is(.argumente-block__item, .concept, .professional-add-on-service, .testimonial, .app-item, .faq-item,
.application-archive__tile, .app-description-long-intro, .lead-panel) {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .professional-add-on-service .feature-description {
  color: var(--dk-muted) !important;
}
html[data-theme=dark] body.saasweb-cloud .argumente-block {
  --arg-head: var(--dk-head);
  --arg-text: var(--dk-text);
  --arg-icon: var(--dk-accent);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table {
  background: var(--dk-surface);
  border-color: var(--dk-line);
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table:has(.tier-premium) {
  border-color: #b2c300;
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .price-line b {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table :is(.app-heading, .price-line, .feature-description) {
  color: var(--dk-muted);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table :is(li, p) {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-table-divider {
  background: var(--dk-line);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-tab {
  background: var(--dk-surface-2);
  border-color: var(--dk-line);
  color: var(--dk-muted);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-tables-container .pricing-table .pricing-tab[aria-selected=true] {
  background: #b2c300;
  border-color: #b2c300;
  color: #0b242b;
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-table .pricing-table-head .tier-badge.tier-standard {
  background: var(--dk-surface-2);
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud #pricing-tables .pricing-table:has(.tier-premium) .pricing-table-button .button {
  background: #b2c300 !important;
}
html[data-theme=dark] body.saasweb-cloud #full-details table :is(td, th) {
  border-color: var(--dk-line) !important;
}
html[data-theme=dark] body.saasweb-cloud #full-details table td {
  background: var(--dk-surface) !important;
  color: var(--dk-text) !important;
}
html[data-theme=dark] body.saasweb-cloud #full-details table td:first-child {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud #full-details table tr:is(.headline, .order-buttons) td,
html[data-theme=dark] body.saasweb-cloud #full-details table tr.order-buttons {
  background: var(--dk-surface-2) !important;
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud #application-details #more .app-description-long-item:not(.saasweb-dark-green) .app-description-long-item-image > img {
  background-color: #eef3f4;
}
html[data-theme=dark] body.saasweb-cloud #faq summary {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #faq summary::after {
  color: var(--dk-accent);
}
html[data-theme=dark] body.saasweb-cloud #faq h3 {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #faq .faq-answer :is(p, li) {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .entry-content > .wp-block-cover:first-child:has(> .has-saas-green-light-background-color) > .wp-block-cover__background {
  background: linear-gradient(135deg, #1b2e1f 0%, var(--dk-surface) 55%, #10262c 100%) !important;
}
html[data-theme=dark] body.saasweb-cloud .entry-content > .wp-block-cover:first-child:has(> .has-saas-green-light-background-color) p.has-white-color {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud #app-list .app-item {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme=dark] body.saasweb-cloud #app-list .app-item h4,
html[data-theme=dark] body.saasweb-cloud #app-list .app-item h4 a {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud #app-list .app-item :is(.app-item-description, .app-item-description a, .app-item-description p) {
  color: var(--dk-muted) !important;
}
html[data-theme=dark] body.saasweb-cloud :is(#app-list .app-item .app-item-icon, .hosted-app-slider-block .app-item-icon) img {
  background: #eef3f4;
  border-radius: 10px;
  box-sizing: content-box;
  padding: 8px 12px;
}
@media only screen and (max-width: 760px) {
  html[data-theme=dark] body.saasweb-cloud .hosted-app-slider-block .app-item-icon img {
    border-radius: 6px;
    max-height: 36px;
    max-width: calc(100% - 8px);
    padding: 4px;
  }
  html[data-theme=dark] body.saasweb-cloud .hosted-app-slider-block__toggle {
    background: transparent !important;
    border-color: var(--dk-line) !important;
    color: var(--dk-accent) !important;
  }
  html[data-theme=dark] body.saasweb-cloud .hosted-app-slider-block__toggle .app-item-title {
    color: var(--dk-head) !important;
  }
  html[data-theme=dark] body.saasweb-cloud .hosted-app-slider-block__dot {
    background: var(--dk-line);
  }
  html[data-theme=dark] body.saasweb-cloud .hosted-app-slider-block__dot.is-active {
    background: var(--dk-accent);
  }
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-tile {
  background: #eef3f4 !important;
  border-color: transparent !important;
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-dialog {
  background: var(--dk-surface) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--dk-line) inset !important;
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-close {
  color: var(--dk-muted) !important;
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-close:hover {
  color: var(--dk-head) !important;
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-logo {
  background: #eef3f4 !important;
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-body h3 {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay :is(.overlay-description, .overlay-description p) {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-department {
  color: var(--dk-muted);
}
html[data-theme=dark] body.saasweb-cloud .our-customers-wrapper .customer-overlay .overlay-actions .btn {
  background: #b2c300 !important;
  color: #0b242b !important;
}
html[data-theme=dark] body.saasweb-cloud .order-summary {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .order-summary :is(h3, span) {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_number {
  background: transparent;
  border-color: var(--dk-muted);
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active .gf_step_number {
  background: #b2c300;
  border-color: #b2c300;
  color: #0b242b;
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme .gf_page_steps .gf_step_label {
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.25);
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme .gfield_required {
  color: #ff9d8f;
}
html[data-theme=dark] body.saasweb-cloud .sw-order-details td {
  border-color: var(--dk-line);
  color: var(--dk-text);
}
html[data-theme=dark] body.saasweb-cloud .sw-order-details td[style*=background-color] {
  background-color: var(--dk-surface-2) !important;
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme :is(.gform_button, .gform_next_button, .gform_previous_button) {
  background: #b2c300 !important;
  border: 0 !important;
  color: #0b242b !important;
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme :is(.gfield_label, .gform-field-label, legend) {
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme input:is([type=text], [type=email], [type=tel], [type=url], [type=number]),
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme textarea,
html[data-theme=dark] body.saasweb-cloud .gform_wrapper.gravity-theme select {
  background: var(--dk-surface-2);
  border-color: var(--dk-line);
  color: var(--dk-head);
}
html[data-theme=dark] body.saasweb-cloud #gform_wrapper_1 .sw-order-options > .sw-option {
  background: var(--dk-surface);
  border-color: var(--dk-line);
  border-left-color: #b2c300;
}
html[data-theme=dark] body.saasweb-cloud #gform_wrapper_1 .sw-option-hint {
  background: var(--dk-surface-2);
  border-left-color: #b2c300;
  color: var(--dk-text);
}

html[data-theme=dark] body.saasweb-cloud .entry-content .wp-block-quote p {
  color: var(--dk-head);
}

/*# sourceMappingURL=style.css.map */