/* DocFlow Brand Colors — Auto-generated from theme style.css */
/* Maps theme red (#e84a52) and cyan blues to DocFlow brand palette */

/* === Slider Revolution: Default-Bar/Preloader weg === */
canvas.sr7-pbar,
.sr7-pbar,
sr7-prl,
.sr7-prl,
[class*="prlt"],
.tp-loader,
.tp-bgimg.defaultimg.tp-loader,
.rs-loader,
.rev-loader,
.tp-banner-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* === Custom DocFlow Slide-Progress: Gradient-Sweep mit Glow === */
sr7-module {
  position: relative !important;
}
sr7-module::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 500;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(126, 168, 216, 0.4) 20%,
    #4a7fb8 45%,
    #7ea8d8 50%,
    #4a7fb8 55%,
    rgba(126, 168, 216, 0.4) 80%,
    transparent 100%
  );
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: -50% 0;
  animation: docflow-slide-sweep 9s linear infinite;
  filter: drop-shadow(0 0 8px rgba(126, 168, 216, 0.7))
          drop-shadow(0 0 16px rgba(74, 127, 184, 0.4));
}

/* Dezente Glow-Linie über dem Sweep (immer sichtbar, atmet) */
sr7-module::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 499;
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(126, 168, 216, 0.15) 50%,
    transparent 100%
  );
  animation: docflow-glow-pulse 4s ease-in-out infinite;
}

@keyframes docflow-slide-sweep {
  0%   { background-position: -50% 0; }
  100% { background-position: 150% 0; }
}
@keyframes docflow-glow-pulse {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 1; }
}

/* === Slide-Bilder: Ken-Burns + Smooth Reveal === */
/* Background-Layer: leichter Zoom + Pan, langsam und sanft */
sr7-slide sr7-bg,
sr7-slide sr7-module-bg,
sr7-slide [class*="sr7-bg"] {
  animation: docflow-kenburns 18s ease-in-out infinite alternate;
  transform-origin: center center;
  will-change: transform, filter;
}
@keyframes docflow-kenburns {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
    filter: brightness(1) saturate(1);
  }
  50% {
    transform: scale(1.06) translate3d(-1%, -0.5%, 0);
    filter: brightness(1.04) saturate(1.05);
  }
  100% {
    transform: scale(1.1) translate3d(1%, 0.5%, 0);
    filter: brightness(1) saturate(1);
  }
}

/* === Rauschend Auflösen: nuke SR7-Slide-Transform, force Blur-Dissolve === */
/* Alle Slides positioniert auf 0,0 — kein Transform-Slide mehr */
sr7-content > sr7-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate3d(0, 0, 0) !important;
  opacity: 0 !important;
  filter: blur(28px) saturate(0.4) brightness(1.15) !important;
  transition:
    opacity 1.6s cubic-bezier(0.4, 0, 0.2, 1),
    filter 1.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
  pointer-events: none;
}

/* Aktive Slide: scharf + sichtbar */
sr7-content > sr7-slide[style*="visibility: visible"],
sr7-content > sr7-slide[style*="visibility:visible"] {
  opacity: 1 !important;
  filter: blur(0) saturate(1) brightness(1) !important;
  pointer-events: auto;
  visibility: visible !important;
}

/* Slides die SR7 als "hidden" markiert sollen weiter sichtbar sein für die Transition,
   bekommen aber 0 opacity */
sr7-content > sr7-slide[style*="visibility: hidden"],
sr7-content > sr7-slide[style*="visibility:hidden"] {
  visibility: visible !important;
  opacity: 0 !important;
  filter: blur(28px) saturate(0.4) brightness(1.15) !important;
}

a {
  color: #2c5282 !important;
}
a:active, a:visited {
  color: #2c5282 !important;
}
input:focus, textarea:focus {
  border: 1px solid rgba(44, 82, 130, 0.8) !important;
}
#content .dark-bg .contact-form input[type=text]:focus, #content .dark-bg .contact-form input[type=tel]:focus, #content .dark-bg .contact-form input[type=url]:focus, #content .dark-bg .contact-form input[type=email]:focus, #content .dark-bg .contact-form input[type=number]:focus, #content .dark-bg .contact-form input[type=range]:focus, #content .dark-bg .contact-form textarea:focus, #content .dark-bg .wpcf7-form input[type=text]:focus, #content .dark-bg .wpcf7-form input[type=tel]:focus, #content .dark-bg .wpcf7-form input[type=url]:focus, #content .dark-bg .wpcf7-form input[type=email]:focus, #content .dark-bg .wpcf7-form input[type=number]:focus, #content .dark-bg .wpcf7-form input[type=range]:focus, #content .dark-bg .wpcf7-form textarea:focus {
  border-color: #2c5282 !important;
}
#content .contact-form input:focus, #content .contact-form textarea:focus,
#footer .contact-form input:focus, #footer .contact-form textarea:focus {
  border: 1px solid rgba(44, 82, 130, 0.8) !important;
}
button, .button, input[type=button], input[type="submit"], input[type="reset"] {
  background-color: #2c5282 !important;
  border: 1px solid #2c5282 !important;
  border-color: #2c5282 #2c5282 #2c5282 #2c5282 !important;
}
.button.blue {
  background-color: #4a7fb8 !important;
  border-color: #7ea8d8 #2c5282 #2c5282 #7ea8d8 !important;
}
.sec-nav .button:hover, .sec-nav button:hover, .sec-nav input[type="button"]:hover, .sec-nav input[type="submit"]:hover, .sec-nav input[type="reset"]:hover {
  background-color: #2c5282 !important;
  border-color: #2c5282 !important;
}
.button.theme {
  border-color: #2c5282 !important;
}
.button.theme:hover {
  background: #2c5282 !important;
  border-color: #2c5282 !important;
}
.image-info-buttons i {
  color: #2c5282 !important;
}
.image-info h3 a:hover {
  color: #2c5282 !important;
}
.image-info .terms a:hover {
  color: #2c5282 !important;
}
.gallery-carousel .carousel-container .owl-carousel.owl-theme .owl-prev, .gallery-carousel .carousel-container .owl-carousel.owl-theme .owl-next {
  background: #2c5282 !important;
}
ul.tab-list, .widget ul.tab-list {
  border-bottom: 1px solid #2c5282 !important;
}
ul.tab-list li a.visible, ul.tab-list li a.flex-active, .widget ul.tab-list li a.visible, .widget ul.tab-list li a.flex-active {
  border-bottom: 3px solid #2c5282 !important;
}
ul.tab-list li a:hover, .widget ul.tab-list li a:hover {
  color: #2c5282 !important;
}
.widget_rss ul > li a.rsswidget {
  color: #2c5282 !important;
}
.widget.widget_nav_menu ul li.current_page_item > a {
  background: #2c5282 !important;
}
#flickr-widget .flickr_badge_image img:hover {
  border: 4px solid #2c5282 !important;
}
ul#recentcomments li.recentcomments a {
  color: #2c5282 !important;
}
.term-cloud a:hover {
  background-color: #2c5282 !important;
}
#mc_signup_submit {
  background-color: #2c5282 !important;
  border-color: #7ea8d8 #2c5282 #2c5282 #7ea8d8 !important;
}
#sidebar-header .social-list a:hover i {
  color: #2c5282 !important;
}
.header-fancy span {
  background-color: #2c5282 !important;
}
h3.fancy-header {
  background-color: #2c5282 !important;
}
.top-of-page a:hover {
  color: #2c5282 !important;
}
.toggle-label:hover {
  background-color: #2c5282 !important;
}
.active-toggle .toggle-label:hover {
  background-color: #2c5282 !important;
}
.tabs .current, .tabs .current:hover, .tabs li.current a {
  border-top: 2px solid #2c5282 !important;
}
.stats-bar-content {
  background: #2c5282 !important;
}
.animate-numbers .stats .number {
  color: #2c5282 !important;
}
.animate-numbers .stats .stats-title i {
  color: #2c5282 !important;
}
.dropdown-menu-wrap ul.sub-menu li:hover > a {
  color: #2c5282 !important;
}
.dropdown-menu-wrap > ul.menu > li:hover {
  border-color: #2c5282 !important;
}
.dropdown-menu-wrap > ul.menu > li.active {
  border-color: #2c5282 !important;
}
#primary-menu > ul.menu > li > a:hover {
  color: #2c5282 !important;
}
#primary-menu .hover-bg {
  border-color: #2c5282 !important;
  border-color: #2c5282 !important;
}
#title-area {
  background: #2c5282 !important;
}
#title-area a {
  color: #2c5282 !important;
}
#title-area a:active, #title-area a:visited {
  color: #2c5282 !important;
}
#custom-title-area {
  background: #2c5282 !important;
}
.post-list .entry-title a:hover {
  color: #2c5282 !important;
}
.post-list .byline a, .post-list .byline a:active, .post-list .byline a:visited {
  color: #2c5282 !important;
}
.sticky .entry-snippet {
  border-right: 5px solid #2c5282 !important;
}
#content .hentry h2.entry-title a:hover {
  color: #2c5282 !important;
}
#content .hentry .entry-meta a:hover {
  color: #2c5282 !important;
}
.entry-meta span i {
  color: #2c5282 !important;
}
.entry-meta span a:hover, .entry-header span a:hover {
  color: #2c5282 !important;
}
.byline span i {
  color: #2c5282 !important;
}
a.more-link:hover {
  color: #2c5282 !important;
}
.read-more a, .read-more-link a {
  color: #2c5282 !important;
}
.read-more:hover {
  color: #2c5282 !important;
  border-color: #2c5282 !important;
}
.page-links a, .page-links a:visited, .pagination a, .pagination a:visited {
  background: #2c5282 !important;
}
.loop-nav a:hover {
  color: #2c5282 !important;
}
.comment-reply-link, .comment-edit-link {
  background-color: #2c5282 !important;
}
.comment-reply-link:visited, .comment-edit-link:visited {
  background-color: #2c5282 !important;
}
.sidebar li > a:hover {
  color: #2c5282 !important;
}
.sidebar li:hover > a {
  color: #2c5282 !important;
}
.sec-nav a:active, .sec-nav a:hover, .sec-nav li > a:active, .sec-nav li > a:hover {
  color: #2c5282 !important;
}
.sec-nav .sidebars .widget_text a.small {
  color: #2c5282 !important;
}
.sec-nav .sidebars .widget_text a.small:visited {
  color: #2c5282 !important;
}
#sidebars-footer .widget_text a.small {
  color: #2c5282 !important;
}
#sidebars-footer .widget_text a.small:visited {
  color: #2c5282 !important;
}
.heading .title.dashed:after {
  background: #2c5282 !important;
}
.segment.slogan blockquote .footer cite, .panel-row-style.slogan blockquote .footer cite {
  color: #2c5282 !important;
}
.pricing-table .pricing-plan.highlight .pricing-table .top-header h3 {
  color: #2c5282 !important;
}
.testimonials-slider-container cite .client-name {
  color: #2c5282 !important;
}
.app-benefit i, .agency-benefit i {
  color: #2c5282 !important;
}
.member-profile h3:after {
  background: #2c5282 !important;
}
#call-to-action .button {
  background-color: #4a7fb8 !important;
}
#features-slider ul.tab-list li a.visible i, #features-slider ul.tab-list li a.visible span, #features-slider ul.tab-list li a.flex-active i, #features-slider ul.tab-list li a.flex-active span, #services-slider ul.tab-list li a.visible i, #services-slider ul.tab-list li a.visible span, #services-slider ul.tab-list li a.flex-active i, #services-slider ul.tab-list li a.flex-active span, #features-slider2 ul.tab-list li a.visible i, #features-slider2 ul.tab-list li a.visible span, #features-slider2 ul.tab-list li a.flex-active i, #features-slider2 ul.tab-list li a.flex-active span {
  color: #2c5282 !important;
}
#services-slider ul.tab-list li a.visible i, #services-slider ul.tab-list li a.visible span, #services-slider ul.tab-list li a.flex-active i, #services-slider ul.tab-list li a.flex-active span {
  color: #2c5282 !important;
}
#services-slider ul.tab-list li a.visible:hover i, #services-slider ul.tab-list li a.visible:hover span, #services-slider ul.tab-list li a.flex-active:hover i, #services-slider ul.tab-list li a.flex-active:hover span {
  color: #2c5282 !important;
}
#app-intro .heading .title {
  color: #2c5282 !important;
}
#app-platforms .button-wrap .button {
  background-color: #4a7fb8 !important;
}
#subscribe-news input[type="submit"] {
  background-color: #4a7fb8 !important;
  border-color: #4a7fb8 !important;
}
#column-shortcode-section p {
  background: #2c5282 !important;
}
.showcase-filter a:hover, .showcase-filter a.active, #showcase-links a:hover, #showcase-links a.active {
  background: #2c5282 !important;
  border-color: #2c5282 !important;
}
.portfolio-label {
  color: #2c5282 !important;
}
.single-portfolio .post-index i:hover {
  color: #2c5282 !important;
}
.post-snippets .hentry .entry-title a:hover {
  color: #2c5282 !important;
}
.post-snippets .byline a:hover {
  color: #2c5282 !important;
}

/* === Lesbare Textfarbe für gefärbte Buttons === */
/* Alle .button-Varianten mit gefärbtem BG bekommen weißen Text.
   Ausnahmen: .theme (transparent + gefärbter Border), .trans (transparent),
   und der Dark-Mode-Toggle. */
.button:not(.theme):not(.trans):not(#docflow-theme-toggle),
button:not(.theme):not(.trans):not(#docflow-theme-toggle),
input[type="submit"]:not(.theme):not(.trans),
input[type="button"]:not(.theme):not(.trans),
input[type="reset"]:not(.theme):not(.trans) {
  color: #fff !important;
}
.button:not(.theme):not(.trans):hover,
.button:not(.theme):not(.trans):focus,
.button:not(.theme):not(.trans):visited {
  color: #fff !important;
}

/* .button.theme (Outline-Style): Border und Hover bleiben Brand */
.button.theme {
  color: var(--df-brand-primary, #2c5282) !important;
}
.button.theme:hover {
  color: #fff !important;
}

/* === Ultra-Specific overrides für a.button (Shortcode-Output) === */
a.button,
a.button:link,
a.button:visited,
a.button:hover,
a.button:active,
.textwidget a.button,
.button-wrap a.button,
.widget a.button,
#sidebar-header a.button {
  color: #fff !important;
}
/* Text-Shadow weg, um Kontrast zu maximieren */
a.button {
  text-shadow: none !important;
}

/* === Button Hover-Animation: Shimmer-Schein läuft diagonal drüber === */
a.button,
button.button,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease !important;
}

/* Pseudo-Element für den Sweep — startet links außerhalb des Buttons */
a.button::before,
button.button::before,
.button::before,
input[type="submit"]::before,
input[type="button"]::before,
input[type="reset"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 40%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 60%,
    transparent 100%
  );
  transition: left .7s ease;
  pointer-events: none;
  z-index: 0;
}

/* Beim Hover: Sweep läuft nach rechts raus */
a.button:hover::before,
button.button:hover::before,
.button:hover::before,
input[type="submit"]:hover::before,
input[type="button"]:hover::before,
input[type="reset"]:hover::before {
  left: 120%;
}

/* Dark Mode: dezenterer Sweep (heller Akzent statt purem Weiß) */
[data-theme="dark"] a.button::before,
[data-theme="dark"] button.button::before,
[data-theme="dark"] .button::before,
[data-theme="dark"] input[type="submit"]::before,
[data-theme="dark"] input[type="button"]::before {
  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 40%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 60%,
    transparent 100%
  );
}

/* === Page Loader: DocFlow-Icon mit Pulse-Animation === */
#page-loading {
  background: #161b24 !important;
  background-image: none !important;
}

[data-theme="light"] #page-loading,
:root:not([data-theme="dark"]) #page-loading {
  background: #f4f5f7 !important;
}

#page-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96px;
  height: 96px;
  margin: -48px 0 0 -48px;
  background-image: url('df-icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 22px;
  animation: df-loader-pulse 1.6s ease-in-out infinite;
  filter: drop-shadow(0 8px 28px rgba(126, 168, 216, 0.4));
}

#page-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(126, 168, 216, 0.15) 0%, transparent 70%);
  animation: df-loader-glow 1.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes df-loader-pulse {
  0%, 100% {
    transform: scale(0.92);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}

@keyframes df-loader-glow {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.8;
  }
}

/* === Dark Mode Text Overrides === */
/* Höchstmögliche Specificity (html[attr] + body + element/klasse),
   damit es auch die brand-colors-Auto-Regeln schlägt */

html[data-theme="dark"] body,
html[data-theme="dark"] body p,
html[data-theme="dark"] body div,
html[data-theme="dark"] body span,
html[data-theme="dark"] body li,
html[data-theme="dark"] body label,
html[data-theme="dark"] body td,
html[data-theme="dark"] body th,
html[data-theme="dark"] body .pitch,
html[data-theme="dark"] body .heading2 .pitch,
html[data-theme="dark"] body .heading .pitch {
  color: var(--df-text) !important;
}

html[data-theme="dark"] body h1,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body h3,
html[data-theme="dark"] body h4,
html[data-theme="dark"] body h5,
html[data-theme="dark"] body h6,
html[data-theme="dark"] body .heading .title,
html[data-theme="dark"] body .title,
html[data-theme="dark"] body .heading2 .title,
html[data-theme="dark"] body .big-heading,
html[data-theme="dark"] body .heading3 .title {
  color: var(--df-text) !important;
}

/* Sub-headlines / Untertitel (oft in muted-Grau) */
html[data-theme="dark"] body .subtitle,
html[data-theme="dark"] body .sub-heading,
html[data-theme="dark"] body .meta,
html[data-theme="dark"] body .post-meta,
html[data-theme="dark"] body small,
html[data-theme="dark"] body em {
  color: var(--df-muted) !important;
}

/* Links: weiterhin Akzent, aber etwas heller im Dark */
html[data-theme="dark"] body a:not(.button):not(.standard-logo) {
  color: var(--df-accent) !important;
}
html[data-theme="dark"] body a:not(.button):not(.standard-logo):hover {
  color: var(--df-text) !important;
}

/* Block-Quote Text */
html[data-theme="dark"] body blockquote,
html[data-theme="dark"] body cite {
  color: var(--df-text) !important;
}

/* === Dark Mode: SiteOrigin Page-Builder Sektion-BGs auch dunkel === */
/* Theme-Layouts setzen Inline-Styles wie #f5f5f5 / #f4f4f4 / #f1f1f1 für Sektionen.
   Im Dark Mode wirken die als helle Inseln im sonst dunklen Layout. */
html[data-theme="dark"] body .panel-row-style,
html[data-theme="dark"] body .lsow-row,
html[data-theme="dark"] body .panel-grid.panel-has-style > .panel-row-style {
  background-color: var(--df-bg) !important;
}

/* Sektionen, die original-dark sind (z.B. #2c3137), passen wir noch dezenter an
   (an die DocFlow-Surface) — visuelle Konsistenz */
html[data-theme="dark"] body #pg-9024-3 > .panel-row-style,
html[data-theme="dark"] body #pg-9024-6 > .panel-row-style {
  background-color: var(--df-surface) !important;
}

/* === mockups-container Section: Teal #0ba798 → DocFlow-Blau === */
/* Dashed-Linie unter Heading */
.mockups-container.dark-bg .heading .title:after,
.mockups-container .heading .title:after {
  background-color: #2c5282 !important;
}
/* Button Background + Hover */
.mockups-container .button,
.mockups-container a.button {
  background: #2c5282 !important;
  background-color: #2c5282 !important;
  border-color: #2c5282 !important;
  color: #fff !important;
}
.mockups-container .button:hover,
.mockups-container a.button:hover {
  background: #4a7fb8 !important;
  background-color: #4a7fb8 !important;
  border-color: #4a7fb8 !important;
  color: #fff !important;
}

/* === Plattform-Icons: minimalistische Line-Icons (Mobile/Tablet/Desktop) === */
.platform-icons i.icon-mobile,
.platform-icons i.icon-tablet,
.platform-icons i.icon-desktop,
.platform-icons i.icon-laptop3,
.app-platforms i.icon-mobile,
.app-platforms i.icon-tablet,
.app-platforms i.icon-desktop {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  vertical-align: middle;
}
.platform-icons i.icon-mobile::before,
.platform-icons i.icon-tablet::before,
.platform-icons i.icon-desktop::before,
.platform-icons i.icon-laptop3::before {
  display: none !important;
  content: "" !important;
}

/* Mobile / Phone */
.platform-icons i.icon-mobile,
.app-platforms i.icon-mobile {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='7' y='2' width='10' height='20' rx='2'/><line x1='11' y1='18' x2='13' y2='18'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='7' y='2' width='10' height='20' rx='2'/><line x1='11' y1='18' x2='13' y2='18'/></svg>");
}

/* Tablet */
.platform-icons i.icon-tablet,
.app-platforms i.icon-tablet {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='2' width='16' height='20' rx='2'/><line x1='11' y1='18' x2='13' y2='18'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='2' width='16' height='20' rx='2'/><line x1='11' y1='18' x2='13' y2='18'/></svg>");
}

/* Desktop */
.platform-icons i.icon-desktop,
.platform-icons i.icon-laptop3,
.app-platforms i.icon-desktop {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='14' rx='1'/><line x1='8' y1='22' x2='16' y2='22'/><line x1='12' y1='18' x2='12' y2='22'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='14' rx='1'/><line x1='8' y1='22' x2='16' y2='22'/><line x1='12' y1='18' x2='12' y2='22'/></svg>");
}

/* Hover: dezenter Akzent statt Standardtext */
.platform-icons a:hover i {
  background-color: var(--df-brand-primary, #2c5282) !important;
  transform: translateY(-1px);
  transition: all .2s ease;
}
[data-theme="dark"] .platform-icons a:hover i {
  background-color: var(--df-accent, #7ea8d8) !important;
}

/* Image-Text-Toggle Layout: Theme-Default (entfernt — keine Overrides) */

/* === Einzelnes Bild: app-screens_ipad1.png 20% größer === */
img[src*="app-screens_ipad1.png"] {
  transform: scale(1.2);
  transform-origin: center center;
}

/* === Bilder in .video-content: füllen ihre Spalte komplett (statt original Videos)
       Mit festem 3:2 Aspect Ratio damit alle Sektionen gleich hoch sind === */
.video-content img,
.video-toggle .video-content img,
.image-toggle .video-content img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}

/* Sicherstellen, dass die .video-content Spalte 50% nimmt und das Bild komplett zeigt */
.video-toggle .video-content,
.video-toggle .image-content,
.image-toggle .image-content,
.image-toggle .video-content {
  overflow: visible !important;
}

/* === Post-Meta-Zeile (Autor / Datum / Kategorie / Kommentare) nicht in Caps === */
#content .hentry .entry-meta,
#content .hentry .entry-meta a,
#content .hentry .byline,
#content .hentry .byline a {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* === Community-Seite (Page-ID 9384) === */
.page-id-9384 #content,
.page-id-9384 #content > .inner {
  padding-top: 45px !important;
  padding-bottom: 60px !important;
}
.page-id-9384 .df-community-intro {
  max-width: 920px;
  margin: 0 auto 48px;
  text-align: left;
}
.page-id-9384 .df-community-headline {
  font-size: 34px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 8px !important;
  line-height: 1.2;
}
.page-id-9384 .df-community-sub {
  font-size: 18px !important;
  color: #7ea8d8;
  margin: 0 0 18px !important;
  font-style: italic;
}
.page-id-9384 .df-community-lead {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(237, 242, 250, 0.78);
  margin: 0;
  max-width: 720px;
}

.page-id-9384 .df-community-section-title {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 20px !important;
}

/* "So funktioniert es" — 3 Steps */
.page-id-9384 .df-community-howto {
  max-width: 1140px;
  margin: 0 auto 56px;
}
.page-id-9384 .df-community-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.page-id-9384 .df-community-step {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 24px 22px;
  transition: border-color .2s ease, transform .2s ease;
}
.page-id-9384 .df-community-step:hover {
  border-color: rgba(126, 168, 216, 0.4);
  transform: translateY(-2px);
}
.page-id-9384 .df-community-step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #2c5282;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 14px;
}
.page-id-9384 .df-community-step-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 8px !important;
}
.page-id-9384 .df-community-step p {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(237, 242, 250, 0.72);
  margin: 0;
}

/* Beliebte Themen — Akkordeon (analog FAQ) */
.page-id-9384 .df-community-topics {
  max-width: 920px;
  margin: 0 auto 56px;
}
.page-id-9384 .df-community-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.page-id-9384 .df-community-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .2s ease, background-color .2s ease;
}
.page-id-9384 .df-community-item[open] {
  border-color: rgba(126, 168, 216, 0.4);
  background: rgba(126, 168, 216, 0.05);
}
.page-id-9384 .df-community-item summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 56px 16px 22px;
  font-size: 15px;
  font-weight: 500;
  color: #edf2fa;
  position: relative;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.page-id-9384 .df-community-item summary::-webkit-details-marker { display: none; }
.page-id-9384 .df-community-item summary:hover { color: #7ea8d8; }
.page-id-9384 .df-community-item summary::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 11px;
  height: 11px;
  border-right: 2px solid #7ea8d8;
  border-bottom: 2px solid #7ea8d8;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .25s ease;
}
.page-id-9384 .df-community-item[open] summary::after {
  transform: translateY(-30%) rotate(225deg);
}
.page-id-9384 .df-community-tag {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #7ea8d8;
  background: rgba(126, 168, 216, 0.12);
  border: 1px solid rgba(126, 168, 216, 0.25);
  padding: 3px 10px;
  border-radius: 999px;
  flex: 0 0 auto;
}
.page-id-9384 .df-community-answer {
  padding: 0 22px 18px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(237, 242, 250, 0.78);
  animation: df-faq-fade .25s ease-out;
}
.page-id-9384 .df-community-answer a {
  color: #7ea8d8 !important;
  font-style: italic;
  text-decoration: none !important;
}

/* Live-Chat Coming Soon */
.page-id-9384 .df-community-chat {
  position: relative;
  max-width: 920px;
  margin: 0 auto 56px;
  padding: 32px 28px 28px;
  background: linear-gradient(180deg, rgba(126, 168, 216, 0.08), rgba(74, 127, 184, 0.03));
  border: 1px solid rgba(126, 168, 216, 0.3);
  border-radius: 16px;
}
.page-id-9384 .df-community-chat-badge {
  position: absolute;
  top: -12px;
  left: 28px;
  background: #7ea8d8;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 999px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.page-id-9384 .df-community-chat > p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(237, 242, 250, 0.78);
  margin: 0 0 22px;
}
.page-id-9384 .df-community-chat-mock {
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0.95;
}
.page-id-9384 .df-chat-msg {
  max-width: 78%;
  padding: 12px 16px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.5;
}
.page-id-9384 .df-chat-msg-user {
  background: rgba(255, 255, 255, 0.06);
  align-self: flex-start;
  border-top-left-radius: 4px;
}
.page-id-9384 .df-chat-msg-ai {
  background: linear-gradient(135deg, #2c5282, #4a7fb8);
  align-self: flex-end;
  border-top-right-radius: 4px;
  color: #ffffff;
}
.page-id-9384 .df-chat-name {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 4px;
  letter-spacing: 0.3px;
}
.page-id-9384 .df-chat-msg-ai .df-chat-name { color: rgba(255, 255, 255, 0.85); }
.page-id-9384 .df-chat-text { color: inherit; }

/* CTA */
.page-id-9384 .df-community-cta {
  max-width: 920px;
  margin: 0 auto;
  padding: 32px 28px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(126, 168, 216, 0.3);
  border-radius: 16px;
  text-align: left;
}
.page-id-9384 .df-community-cta p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(237, 242, 250, 0.75);
  margin: 0 0 18px;
}
.page-id-9384 .df-community-cta-btn,
.page-id-9384 .df-community-cta-btn:link,
.page-id-9384 .df-community-cta-btn:visited {
  display: inline-block;
  background-color: #2c5282;
  border: 1px solid #2c5282;
  color: #ffffff !important;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease;
}
.page-id-9384 .df-community-cta-btn:hover {
  background-color: #4a7fb8;
  border-color: #4a7fb8;
  color: #ffffff !important;
}

/* Light-Mode */
html[data-theme="light"] .page-id-9384 .df-community-headline,
html[data-theme="light"] .page-id-9384 .df-community-section-title,
html[data-theme="light"] .page-id-9384 .df-community-step-title { color: #1a1d23; }
html[data-theme="light"] .page-id-9384 .df-community-sub { color: #4a7fb8; }
html[data-theme="light"] .page-id-9384 .df-community-lead,
html[data-theme="light"] .page-id-9384 .df-community-step p,
html[data-theme="light"] .page-id-9384 .df-community-answer,
html[data-theme="light"] .page-id-9384 .df-community-chat > p,
html[data-theme="light"] .page-id-9384 .df-community-cta p { color: #1a1d23; }
html[data-theme="light"] .page-id-9384 .df-community-step,
html[data-theme="light"] .page-id-9384 .df-community-item {
  background: #ffffff;
  border-color: #e2e4e9;
}
html[data-theme="light"] .page-id-9384 .df-chat-msg-user {
  background: #f0f1f3;
  color: #1a1d23;
}
html[data-theme="light"] .page-id-9384 .df-chat-name { color: #6b7280; }

@media (max-width: 720px) {
  .page-id-9384 .df-community-steps { grid-template-columns: 1fr; }
  .page-id-9384 .df-community-headline { font-size: 28px !important; }
  .page-id-9384 .df-chat-msg { max-width: 92%; }
}

/* === Community Q&A (Page-ID 9384) === */
/* In der Detail-View Intro + Howto verstecken */
body.df-cmty-detail-view .df-community-intro,
body.df-cmty-detail-view .df-community-howto {
  display: none !important;
}
.page-id-9384 .df-cmty {
  max-width: 920px;
  margin: 0 auto;
}
.page-id-9384 .df-cmty-section {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 32px 0 14px !important;
}
.page-id-9384 .df-cmty-empty {
  font-size: 14px;
  color: rgba(237, 242, 250, 0.6);
  margin: 0 0 16px;
}
.page-id-9384 .df-cmty-back {
  font-size: 13px;
  color: #7ea8d8 !important;
  text-decoration: none !important;
  font-style: italic;
}

/* Login-Gate */
.page-id-9384 .df-cmty-login-gate {
  background: rgba(255, 255, 255, 0.04);
  border: 1px dashed rgba(126, 168, 216, 0.35);
  border-radius: 12px;
  padding: 22px;
  margin: 0 0 32px;
}
.page-id-9384 .df-cmty-login-gate p {
  margin: 0 0 12px;
  font-size: 14px;
  color: rgba(237, 242, 250, 0.78);
}

/* Buttons */
.page-id-9384 .df-cmty-btn,
.page-id-9384 .df-cmty-btn:link,
.page-id-9384 .df-cmty-btn:visited {
  display: inline-block;
  background-color: #2c5282;
  border: 1px solid #2c5282;
  color: #ffffff !important;
  padding: 10px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease;
  margin-right: 8px;
}
.page-id-9384 .df-cmty-btn:hover {
  background-color: #4a7fb8;
  border-color: #4a7fb8;
  color: #ffffff !important;
}
.page-id-9384 .df-cmty-btn-ghost,
.page-id-9384 .df-cmty-btn-ghost:link,
.page-id-9384 .df-cmty-btn-ghost:visited {
  background-color: transparent;
  border-color: rgba(126, 168, 216, 0.5);
  color: #7ea8d8 !important;
}
.page-id-9384 .df-cmty-btn-ghost:hover {
  background-color: rgba(126, 168, 216, 0.12);
  border-color: #7ea8d8;
  color: #a8c4e3 !important;
}

/* Forms (Frage / Antwort) */
.page-id-9384 .df-cmty-form {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 22px;
  margin: 0 0 24px;
}
.page-id-9384 .df-cmty-form input[type="text"],
.page-id-9384 .df-cmty-form textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: #edf2fa !important;
  font-size: 14px !important;
  font-family: inherit !important;
  outline: none !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}
.page-id-9384 .df-cmty-form textarea {
  min-height: 120px;
  line-height: 1.55;
  resize: vertical;
}
.page-id-9384 .df-cmty-form input::placeholder,
.page-id-9384 .df-cmty-form textarea::placeholder {
  color: rgba(237, 242, 250, 0.45) !important;
}
.page-id-9384 .df-cmty-form input:focus,
.page-id-9384 .df-cmty-form textarea:focus {
  border-color: #7ea8d8 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 0 0 3px rgba(126, 168, 216, 0.18) !important;
}
.page-id-9384 .df-cmty-hint {
  font-size: 12px;
  color: rgba(237, 242, 250, 0.55);
  margin: 0 0 12px;
  font-style: italic;
}
.page-id-9384 .df-cmty-status {
  margin: 10px 0 0;
  font-size: 13px;
  min-height: 18px;
  color: rgba(237, 242, 250, 0.65);
}
.page-id-9384 .df-cmty-status.is-success { color: #b9e9bc; font-weight: 500; }
.page-id-9384 .df-cmty-status.is-error   { color: #ffb3b3; font-weight: 500; }

/* Liste der Fragen */
.page-id-9384 .df-cmty-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-id-9384 .df-cmty-list-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  transition: border-color .2s ease, background-color .2s ease, transform .15s ease;
  padding: 0 !important;
  margin: 0 !important;
}
.page-id-9384 .df-cmty-list-item:hover {
  border-color: rgba(126, 168, 216, 0.4);
  transform: translateY(-1px);
}
.page-id-9384 .df-cmty-list-link {
  display: block;
  padding: 16px 22px;
  text-decoration: none !important;
  color: inherit !important;
}
.page-id-9384 .df-cmty-list-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #edf2fa !important;
  margin: 0 0 6px !important;
}
.page-id-9384 .df-cmty-list-meta {
  font-size: 12px;
  color: rgba(237, 242, 250, 0.55);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.page-id-9384 .df-cmty-list-answers {
  margin-left: auto;
  color: #7ea8d8;
  font-weight: 500;
}

/* Detail-View */
.page-id-9384 .df-cmty-question-detail {
  background: rgba(126, 168, 216, 0.06);
  border: 1px solid rgba(126, 168, 216, 0.25);
  border-radius: 14px;
  padding: 24px;
  margin: 16px 0 24px;
}
.page-id-9384 .df-cmty-q-title {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 6px !important;
}
.page-id-9384 .df-cmty-q-meta {
  font-size: 12px;
  color: rgba(237, 242, 250, 0.55);
  margin-bottom: 14px;
}
.page-id-9384 .df-cmty-q-body,
.page-id-9384 .df-cmty-ans-body {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(237, 242, 250, 0.85);
}
.page-id-9384 .df-cmty-answers {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-id-9384 .df-cmty-answer {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 14px 18px;
}
.page-id-9384 .df-cmty-answer.is-ai {
  background: linear-gradient(135deg, rgba(44, 82, 130, 0.25), rgba(74, 127, 184, 0.12));
  border-color: rgba(126, 168, 216, 0.4);
}
.page-id-9384 .df-cmty-ans-meta {
  font-size: 12px;
  color: rgba(237, 242, 250, 0.6);
  margin-bottom: 6px;
}
.page-id-9384 .df-cmty-answer.is-ai .df-cmty-ans-meta strong { color: #7ea8d8; }

/* Light-Mode */
html[data-theme="light"] .page-id-9384 .df-cmty-section { color: #1a1d23; }
html[data-theme="light"] .page-id-9384 .df-cmty-form,
html[data-theme="light"] .page-id-9384 .df-cmty-list-item,
html[data-theme="light"] .page-id-9384 .df-cmty-answer {
  background: #ffffff;
  border-color: #e2e4e9;
}
html[data-theme="light"] .page-id-9384 .df-cmty-form input[type="text"],
html[data-theme="light"] .page-id-9384 .df-cmty-form textarea {
  background: #ffffff !important;
  border-color: #d4d8df !important;
  color: #1a1d23 !important;
}
html[data-theme="light"] .page-id-9384 .df-cmty-list-title,
html[data-theme="light"] .page-id-9384 .df-cmty-q-title,
html[data-theme="light"] .page-id-9384 .df-cmty-q-body,
html[data-theme="light"] .page-id-9384 .df-cmty-ans-body { color: #1a1d23 !important; }
html[data-theme="light"] .page-id-9384 .df-cmty-list-meta,
html[data-theme="light"] .page-id-9384 .df-cmty-q-meta,
html[data-theme="light"] .page-id-9384 .df-cmty-ans-meta,
html[data-theme="light"] .page-id-9384 .df-cmty-hint,
html[data-theme="light"] .page-id-9384 .df-cmty-empty { color: #6b7280; }

/* === Pricing-Seite (Page-ID 9373) === */
.page-id-9373 #content,
.page-id-9373 #content > .inner {
  padding-top: 45px !important;
  padding-bottom: 60px !important;
}
.page-id-9373 .df-pricing-intro {
  max-width: 920px;
  margin: 0 auto 40px;
  text-align: center;
}
.page-id-9373 .df-pricing-headline {
  font-size: 34px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 10px !important;
  line-height: 1.2;
}
.page-id-9373 .df-pricing-sub {
  font-size: 17px !important;
  color: #7ea8d8;
  margin: 0 !important;
  font-style: italic;
}

.page-id-9373 .df-pricing-grid {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}

.page-id-9373 .df-pricing-card {
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 32px 28px 28px;
  display: flex;
  flex-direction: column;
  transition: border-color .25s ease, transform .25s ease, background-color .25s ease;
}
.page-id-9373 .df-pricing-card:hover {
  border-color: rgba(126, 168, 216, 0.35);
  transform: translateY(-3px);
}
.page-id-9373 .df-pricing-card-featured {
  background: linear-gradient(180deg, rgba(126, 168, 216, 0.1), rgba(74, 127, 184, 0.04));
  border-color: rgba(126, 168, 216, 0.5);
  box-shadow: 0 12px 36px rgba(44, 82, 130, 0.25);
}
/* Einmaliger Shine-Sweep ueber die Pro-Card beim Aufrufen der Seite */
.page-id-9373 .df-pricing-card-featured::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(
    100deg,
    transparent 30%,
    rgba(255, 255, 255, 0.22) 50%,
    transparent 70%
  );
  background-size: 250% 100%;
  background-position: -50% 0;
  pointer-events: none;
  opacity: 0;
  animation: df-shine-sweep 1.5s ease-out 0.6s 1 forwards;
  z-index: 1;
}
.page-id-9373 .df-pricing-card-featured > * {
  position: relative;
  z-index: 2;
}
@keyframes df-shine-sweep {
  0%   { background-position: -50% 0; opacity: 0; }
  20%  { opacity: 1; }
  80%  { opacity: 1; }
  100% { background-position: 150% 0; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .page-id-9373 .df-pricing-card-featured::before {
    animation: none;
    opacity: 0;
  }
}
.page-id-9373 .df-pricing-card-featured:hover {
  border-color: #7ea8d8;
}

.page-id-9373 .df-pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #7ea8d8;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 999px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.page-id-9373 .df-pricing-card-head {
  text-align: left;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.page-id-9373 .df-pricing-name {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 4px !important;
}
.page-id-9373 .df-pricing-tagline {
  font-size: 13px !important;
  color: rgba(237, 242, 250, 0.6);
  margin: 0 0 18px !important;
  font-style: italic;
}
.page-id-9373 .df-pricing-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.page-id-9373 .df-price-amount {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}
.page-id-9373 .df-price-suffix {
  font-size: 13px;
  color: rgba(237, 242, 250, 0.6);
}

.page-id-9373 .df-pricing-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  flex: 1 1 auto;
}
.page-id-9373 .df-pricing-features li {
  position: relative;
  padding: 8px 0 8px 28px;
  font-size: 14px;
  color: rgba(237, 242, 250, 0.85);
  background: none !important;
  border: none !important;
  margin: 0 !important;
  line-height: 1.45;
}
.page-id-9373 .df-pricing-features li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 12px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #7ea8d8;
  border-bottom: 2px solid #7ea8d8;
  transform: rotate(45deg);
}
.page-id-9373 .df-pricing-features li strong {
  color: #ffffff;
  font-weight: 600;
}

.page-id-9373 .df-pricing-cta {
  display: block;
  text-align: center;
  padding: 13px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  border: 1px solid;
  letter-spacing: 0;
  text-transform: none;
}
body.page-id-9373 a.df-pricing-cta-primary,
body.page-id-9373 a.df-pricing-cta-primary:link,
body.page-id-9373 a.df-pricing-cta-primary:visited,
body.page-id-9373 a.df-pricing-cta-primary:hover,
body.page-id-9373 a.df-pricing-cta-primary:focus,
body.page-id-9373 a.df-pricing-cta-primary:active,
body.page-id-9373 a.df-pricing-cta-primary * {
  color: #ffffff !important;
}
body.page-id-9373 a.df-pricing-cta-primary,
body.page-id-9373 a.df-pricing-cta-primary:link,
body.page-id-9373 a.df-pricing-cta-primary:visited {
  background-color: #2c5282 !important;
  border-color: #2c5282 !important;
}
body.page-id-9373 a.df-pricing-cta-primary:hover,
body.page-id-9373 a.df-pricing-cta-primary:focus {
  background-color: #4a7fb8 !important;
  border-color: #4a7fb8 !important;
}
.page-id-9373 .df-pricing-cta-secondary,
.page-id-9373 .df-pricing-cta-secondary:link,
.page-id-9373 .df-pricing-cta-secondary:visited {
  background-color: transparent;
  border-color: rgba(126, 168, 216, 0.5);
  color: #7ea8d8 !important;
}
.page-id-9373 .df-pricing-cta-secondary:hover,
.page-id-9373 .df-pricing-cta-secondary:focus {
  background-color: rgba(126, 168, 216, 0.12);
  border-color: #7ea8d8;
  color: #a8c4e3 !important;
}

.page-id-9373 .df-pricing-footnote {
  max-width: 860px;
  margin: 48px auto 0;
  text-align: center;
}
.page-id-9373 .df-pricing-footnote p {
  font-size: 12px;
  color: rgba(237, 242, 250, 0.55);
  line-height: 1.6;
  margin: 0;
}
.page-id-9373 .df-pricing-footnote a {
  color: #7ea8d8 !important;
  font-style: italic;
  text-decoration: none !important;
}

/* Light-Mode */
html[data-theme="light"] .page-id-9373 .df-pricing-headline { color: #1a1d23; }
html[data-theme="light"] .page-id-9373 .df-pricing-sub { color: #4a7fb8; }
html[data-theme="light"] .page-id-9373 .df-pricing-card {
  background: #ffffff;
  border-color: #e2e4e9;
}
html[data-theme="light"] .page-id-9373 .df-pricing-card-featured {
  background: linear-gradient(180deg, #f0f5fc, #ffffff);
  border-color: #4a7fb8;
}
html[data-theme="light"] .page-id-9373 .df-pricing-card-head {
  border-bottom-color: #e2e4e9;
}
html[data-theme="light"] .page-id-9373 .df-pricing-name,
html[data-theme="light"] .page-id-9373 .df-price-amount { color: #1a1d23; }
html[data-theme="light"] .page-id-9373 .df-pricing-tagline,
html[data-theme="light"] .page-id-9373 .df-price-suffix { color: #6b7280; }
html[data-theme="light"] .page-id-9373 .df-pricing-features li { color: #1a1d23; }
html[data-theme="light"] .page-id-9373 .df-pricing-features li strong { color: #1a1d23; }
html[data-theme="light"] .page-id-9373 .df-pricing-features li::before {
  border-right-color: #2c5282;
  border-bottom-color: #2c5282;
}
html[data-theme="light"] .page-id-9373 .df-pricing-footnote p { color: #6b7280; }
html[data-theme="light"] .page-id-9373 .df-pricing-footnote a { color: #2c5282 !important; }

@media (max-width: 960px) {
  .page-id-9373 .df-pricing-grid { grid-template-columns: 1fr; max-width: 540px; }
  .page-id-9373 .df-pricing-headline { font-size: 28px !important; }
}

/* === FAQ-Seite (Page-ID 9327) === */
.page-id-9327 #content,
.page-id-9327 #content > .inner {
  padding-top: 45px !important;
}
.page-id-9327 .df-faq-intro {
  max-width: 920px;
  margin: 0 auto 32px;
  text-align: left;
}
.page-id-9327 .df-faq-headline {
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 8px !important;
  line-height: 1.2;
}
.page-id-9327 .df-faq-sub {
  font-size: 18px !important;
  color: #7ea8d8;
  margin: 0 0 24px !important;
  font-style: italic;
}

.page-id-9327 .df-faq-list {
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-id-9327 .df-faq-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .2s ease, background-color .2s ease;
}
.page-id-9327 .df-faq-item[open] {
  border-color: rgba(126, 168, 216, 0.4);
  background: rgba(126, 168, 216, 0.05);
}
.page-id-9327 .df-faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 56px 18px 22px;
  font-size: 15px;
  font-weight: 500;
  color: #edf2fa;
  position: relative;
  user-select: none;
  transition: color .2s ease;
}
.page-id-9327 .df-faq-item summary::-webkit-details-marker {
  display: none;
}
.page-id-9327 .df-faq-item summary:hover {
  color: #7ea8d8;
}
.page-id-9327 .df-faq-item summary::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-right: 2px solid #7ea8d8;
  border-bottom: 2px solid #7ea8d8;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .25s ease;
}
.page-id-9327 .df-faq-item[open] summary::after {
  transform: translateY(-30%) rotate(225deg);
}
.page-id-9327 .df-faq-item .df-faq-answer {
  padding: 0 22px 18px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(237, 242, 250, 0.78);
  animation: df-faq-fade .25s ease-out;
}
.page-id-9327 .df-faq-item .df-faq-answer p {
  margin: 0 0 10px;
}
.page-id-9327 .df-faq-item .df-faq-answer p:last-child {
  margin-bottom: 0;
}
.page-id-9327 .df-faq-item .df-faq-answer ol,
.page-id-9327 .df-faq-item .df-faq-answer ul {
  margin: 6px 0 12px;
  padding-left: 22px;
}
.page-id-9327 .df-faq-item .df-faq-answer li {
  margin: 0 0 6px;
  background: none;
  border: none;
  padding: 0;
}
.page-id-9327 .df-faq-item .df-faq-answer strong {
  color: #edf2fa;
  font-weight: 600;
}
.page-id-9327 .df-faq-item .df-faq-answer a {
  color: #7ea8d8 !important;
  font-style: italic;
  text-decoration: none !important;
}
.page-id-9327 .df-faq-item .df-faq-answer a:hover {
  color: #a8c4e3 !important;
}
html[data-theme="light"] .page-id-9327 .df-faq-item .df-faq-answer strong {
  color: #1a1d23;
}
html[data-theme="light"] .page-id-9327 .df-faq-item .df-faq-answer a {
  color: #2c5282 !important;
}
@keyframes df-faq-fade {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.page-id-9327 .df-faq-foot {
  max-width: 920px;
  margin: 32px auto 50px;
  font-size: 14px;
  color: rgba(237, 242, 250, 0.6);
  text-align: left;
}
.page-id-9327 .df-faq-foot a {
  color: #7ea8d8 !important;
  font-style: italic;
  text-decoration: none !important;
}
.page-id-9327 .df-faq-foot a:hover {
  color: #a8c4e3 !important;
}

/* Light-Mode */
html[data-theme="light"] .page-id-9327 .df-faq-headline { color: #1a1d23; }
html[data-theme="light"] .page-id-9327 .df-faq-sub { color: #4a7fb8; }
html[data-theme="light"] .page-id-9327 .df-faq-item {
  background: #ffffff;
  border-color: #e2e4e9;
}
html[data-theme="light"] .page-id-9327 .df-faq-item[open] {
  border-color: #4a7fb8;
  background: #f0f5fc;
}
html[data-theme="light"] .page-id-9327 .df-faq-item summary { color: #1a1d23; }
html[data-theme="light"] .page-id-9327 .df-faq-item summary:hover { color: #2c5282; }
html[data-theme="light"] .page-id-9327 .df-faq-item summary::after {
  border-right-color: #2c5282;
  border-bottom-color: #2c5282;
}
html[data-theme="light"] .page-id-9327 .df-faq-item .df-faq-answer { color: #1a1d23; }
html[data-theme="light"] .page-id-9327 .df-faq-foot { color: #6b7280; }
html[data-theme="light"] .page-id-9327 .df-faq-foot a { color: #2c5282 !important; }

/* === Kontakt-Intro: Headline + Text ueber dem Formular === */
.page-id-5549 .df-kontakt-intro {
  max-width: 920px;
  margin: 0 auto 50px;
  text-align: left;
}
.page-id-5549 .df-kontakt-headline {
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #ffffff;
  margin: 0 0 8px !important;
  line-height: 1.2;
  text-align: left;
}
.page-id-5549 .df-kontakt-sub {
  font-size: 18px !important;
  font-weight: 400;
  color: #7ea8d8;
  margin: 0 0 24px !important;
  font-style: italic;
  text-align: left;
}
.page-id-5549 .df-kontakt-intro p {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(237, 242, 250, 0.78);
  margin: 0 0 14px;
  text-align: left;
}
.page-id-5549 .df-kontakt-intro p:last-child {
  margin-bottom: 0;
}

html[data-theme="light"] .page-id-5549 .df-kontakt-headline {
  color: #1a1d23;
}
html[data-theme="light"] .page-id-5549 .df-kontakt-sub {
  color: #4a7fb8;
}
html[data-theme="light"] .page-id-5549 .df-kontakt-intro p {
  color: #1a1d23;
}

@media (max-width: 720px) {
  .page-id-5549 .df-kontakt-headline { font-size: 26px !important; }
  .page-id-5549 .df-kontakt-sub { font-size: 16px !important; }
}

/* === Kontakt-Formular im DocFlow-Stil === */
.page-id-5549 #title-area + #content,
.page-id-5549 #content,
.page-id-5549 #content > .inner,
.page-id-5549 #content article {
  padding-top: 45px !important;
}
.page-id-5549 .wpcf7 {
  max-width: 920px;
  margin: 0 auto 50px;
}
.page-id-5549 .wpcf7 .sixcol {
  width: 48%;
  margin-right: 4%;
  float: left;
  box-sizing: border-box;
}
.page-id-5549 .wpcf7 .sixcol.last {
  margin-right: 0;
  float: right;
}
.page-id-5549 .wpcf7 .clear { clear: both; }

.page-id-5549 .wpcf7 input[type="text"],
.page-id-5549 .wpcf7 input[type="email"],
.page-id-5549 .wpcf7 input[type="tel"],
.page-id-5549 .wpcf7 textarea {
  width: 100% !important;
  height: 52px;
  padding: 14px 18px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: #edf2fa !important;
  font-size: 13px !important;
  font-family: inherit !important;
  outline: none !important;
  box-shadow: none !important;
  margin-bottom: 14px !important;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease !important;
  box-sizing: border-box !important;
}
.page-id-5549 .wpcf7 textarea {
  /* 3 Felder à 52px + 2 Gaps à 14px = 184px (gleiche Hoehe wie linke Spalte) */
  height: 184px !important;
  min-height: 184px !important;
  padding: 16px 18px !important;
  resize: vertical;
  line-height: 1.55;
}
.page-id-5549 .wpcf7 .text-area {
  margin: 0 !important;
}
.page-id-5549 .wpcf7 input[type="text"]::placeholder,
.page-id-5549 .wpcf7 input[type="email"]::placeholder,
.page-id-5549 .wpcf7 input[type="tel"]::placeholder,
.page-id-5549 .wpcf7 textarea::placeholder {
  color: rgba(237, 242, 250, 0.45) !important;
}
.page-id-5549 .wpcf7 input[type="text"]:focus,
.page-id-5549 .wpcf7 input[type="email"]:focus,
.page-id-5549 .wpcf7 input[type="tel"]:focus,
.page-id-5549 .wpcf7 textarea:focus {
  border-color: #7ea8d8 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 0 0 3px rgba(126, 168, 216, 0.18) !important;
}

/* Light-Mode Variante */
html[data-theme="light"] .page-id-5549 .wpcf7 input[type="text"],
html[data-theme="light"] .page-id-5549 .wpcf7 input[type="email"],
html[data-theme="light"] .page-id-5549 .wpcf7 input[type="tel"],
html[data-theme="light"] .page-id-5549 .wpcf7 textarea {
  background: #ffffff !important;
  border-color: #d4d8df !important;
  color: #1a1d23 !important;
}
html[data-theme="light"] .page-id-5549 .wpcf7 input::placeholder,
html[data-theme="light"] .page-id-5549 .wpcf7 textarea::placeholder {
  color: #8b919e !important;
}
html[data-theme="light"] .page-id-5549 .wpcf7 input:focus,
html[data-theme="light"] .page-id-5549 .wpcf7 textarea:focus {
  border-color: #4a7fb8 !important;
  box-shadow: 0 0 0 3px rgba(74, 127, 184, 0.15) !important;
}

/* DSGVO Einwilligungs-Checkbox */
.page-id-5549 .wpcf7 .df-consent,
.page-id-5549 .wpcf7 .df-consent .wpcf7-list-item-label {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(237, 242, 250, 0.6) !important;
  margin: 4px 0 18px !important;
}
.page-id-5549 .wpcf7 .df-consent .wpcf7-list-item {
  margin: 0 !important;
  display: block;
}
.page-id-5549 .wpcf7 .df-consent label {
  display: inline !important;
  cursor: pointer;
}
.page-id-5549 .wpcf7 .df-consent .wpcf7-list-item-label {
  display: inline !important;
  color: rgba(237, 242, 250, 0.6) !important;
}
.page-id-5549 .wpcf7 .df-consent input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  margin: 0 8px 0 0 !important;
  accent-color: #4a7fb8;
  cursor: pointer;
  vertical-align: middle !important;
}
.page-id-5549 .wpcf7 .df-consent .wpcf7-list-item-label {
  vertical-align: middle !important;
}
.page-id-5549 .wpcf7 .df-consent a {
  color: #7ea8d8 !important;
  text-decoration: none !important;
  font-style: italic !important;
}
.page-id-5549 .wpcf7 .df-consent a:hover {
  color: #a8c4e3 !important;
  text-decoration: none !important;
}
html[data-theme="light"] .page-id-5549 .wpcf7 .df-consent,
html[data-theme="light"] .page-id-5549 .wpcf7 .df-consent .wpcf7-list-item-label {
  color: #4a7fb8 !important;
}
html[data-theme="light"] .page-id-5549 .wpcf7 .df-consent a {
  color: #2c5282 !important;
}

/* Kein uppercase im ganzen Kontaktformular */
.page-id-5549 .wpcf7,
.page-id-5549 .wpcf7 * {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Submit-Button — gleicher Stil wie Load-App-Button im Header */
.page-id-5549 .wpcf7 input[type="submit"],
.page-id-5549 .wpcf7 .df-submit,
.page-id-5549 .wpcf7 button[type="submit"] {
  background-color: #2c5282 !important;
  border: 1px solid #2c5282 !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
  height: auto !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.page-id-5549 .wpcf7 input[type="submit"]:hover,
.page-id-5549 .wpcf7 input[type="submit"]:focus,
.page-id-5549 .wpcf7 .df-submit:hover,
.page-id-5549 .wpcf7 .df-submit:focus {
  background-color: #4a7fb8 !important;
  border-color: #4a7fb8 !important;
  color: #ffffff !important;
}
.page-id-5549 .wpcf7 .full-width {
  text-align: right !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-5549 .wpcf7 .df-consent {
  margin-bottom: 0 !important;
}
.page-id-5549 .wpcf7 .full-width:has(.wpcf7-submit),
.page-id-5549 .wpcf7 .df-consent + .full-width {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Validation + Response messages */
.page-id-5549 .wpcf7-not-valid-tip {
  color: #ff8a8a !important;
  font-size: 13px !important;
  margin-top: -8px !important;
  margin-bottom: 12px !important;
  padding-left: 4px !important;
}
.page-id-5549 .wpcf7-response-output {
  margin: 20px 0 !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(126, 168, 216, 0.4) !important;
  border-radius: 10px !important;
  background: rgba(126, 168, 216, 0.08) !important;
  color: #edf2fa !important;
  font-size: 14px !important;
}
.page-id-5549 .wpcf7 form.sent .wpcf7-response-output {
  border-color: rgba(76, 175, 80, 0.5) !important;
  background: rgba(76, 175, 80, 0.12) !important;
  color: #b9e9bc !important;
}
.page-id-5549 .wpcf7 form.invalid .wpcf7-response-output,
.page-id-5549 .wpcf7 form.failed .wpcf7-response-output {
  border-color: rgba(229, 86, 86, 0.5) !important;
  background: rgba(229, 86, 86, 0.12) !important;
  color: #ffb3b3 !important;
}

@media (max-width: 720px) {
  .page-id-5549 .wpcf7 .sixcol,
  .page-id-5549 .wpcf7 .sixcol.last {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .page-id-5549 .wpcf7 .full-width {
    text-align: center;
  }
  .page-id-5549 .wpcf7 input[type="submit"],
  .page-id-5549 .wpcf7 .df-submit {
    width: 100%;
  }
}

/* === Sidebar Search: Lupen-Submit-Button ausblenden (Enter triggert Suche) === */
#search-form #searchsubmit,
.widget_search #searchsubmit,
.widget_search input[type="submit"] {
  display: none !important;
}

/* === Side-Nav: X-Icon beim Hovern um 180° drehen === */
.side-nav-toggle.close-menu span {
  transition: transform .35s ease !important;
  transform-origin: 50% 50% !important;
}
.side-nav-toggle.close-menu:hover span,
.side-nav-toggle.close-menu:focus span {
  transform: rotate(180deg) !important;
}

/* === Header: Top-Menue (News Blog / Kontakt) ausblenden === */
#primary-menu {
  display: none !important;
}

/* === Header: alle Items vertikal mittig zur Load-App-Schaltflaeche === */
header#header .header-elements {
  display: flex !important;
  align-items: center !important;
}
header#header .header-elements > * {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
}
/* Alle Wrapper-Boxen rund um den Button auf gleiche Mittellinie zwingen */
header#header #sidebar-header,
header#header #sidebar-header .widget,
header#header #sidebar-header .widget-wrap,
header#header #sidebar-header .textwidget,
header#header #sidebar-header .button-wrap {
  display: flex !important;
  align-items: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}
header#header #docflow-theme-toggle {
  margin-top: 0 !important;
  line-height: 1 !important;
}
header#header .side-nav-toggle {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}
header#header .side-nav-toggle > a {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* === Complianz Cookie-Banner: CSS-Custom-Properties ueberschreiben === */
:root,
#cmplz-cookiebanner-container,
.cmplz-cookiebanner {
  --cmplz_text_color: #1a1d23 !important;
  --cmplz_hyperlink_color: #2c5282 !important;
  --cmplz_banner_background_color: #ffffff !important;
  --cmplz_banner_border_color: #e2e4e9 !important;
  --cmplz_button_accept_background_color: #2c5282 !important;
  --cmplz_button_accept_border_color: #2c5282 !important;
  --cmplz_button_accept_text_color: #ffffff !important;
  --cmplz_button_deny_background_color: #2c5282 !important;
  --cmplz_button_deny_border_color: #2c5282 !important;
  --cmplz_button_deny_text_color: #ffffff !important;
  --cmplz_button_settings_background_color: #2c5282 !important;
  --cmplz_button_settings_border_color: #2c5282 !important;
  --cmplz_button_settings_text_color: #ffffff !important;
}

/* Fallback fuer Eigenschaften die nicht ueber Variablen laufen */
.cmplz-cookiebanner,
.cmplz-cookiebanner * {
  color: #1a1d23;
}
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-header,
.cmplz-cookiebanner h1,
.cmplz-cookiebanner h2,
.cmplz-cookiebanner h3,
.cmplz-cookiebanner h4 {
  color: #2c5282 !important;
  font-weight: 700;
}
.cmplz-cookiebanner .cmplz-body,
.cmplz-cookiebanner .cmplz-description,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner p {
  color: #1a1d23 !important;
}
.cmplz-cookiebanner .cmplz-category-title {
  color: #1a1d23 !important;
  font-weight: 600;
}
.cmplz-cookiebanner a:not(.cmplz-btn) {
  color: #2c5282 !important;
  text-decoration: underline;
}
.cmplz-cookiebanner a:not(.cmplz-btn):hover {
  color: #4a7fb8 !important;
}
/* Buttons: weisse Schrift auf Navy beibehalten */
.cmplz-cookiebanner .cmplz-btn,
.cmplz-cookiebanner button.cmplz-btn,
.cmplz-cookiebanner a.cmplz-btn {
  color: #ffffff !important;
}

/* Dark-Mode: Banner-Variablen umschreiben */
html[data-theme="dark"] :root,
html[data-theme="dark"] #cmplz-cookiebanner-container,
html[data-theme="dark"] .cmplz-cookiebanner {
  --cmplz_text_color: #edf2fa !important;
  --cmplz_hyperlink_color: #7ea8d8 !important;
  --cmplz_banner_background_color: #1e2634 !important;
  --cmplz_banner_border_color: #37445c !important;
}
html[data-theme="dark"] .cmplz-cookiebanner,
html[data-theme="dark"] .cmplz-cookiebanner * {
  color: #edf2fa;
}
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-title,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-header,
html[data-theme="dark"] .cmplz-cookiebanner h1,
html[data-theme="dark"] .cmplz-cookiebanner h2,
html[data-theme="dark"] .cmplz-cookiebanner h3,
html[data-theme="dark"] .cmplz-cookiebanner h4 {
  color: #7ea8d8 !important;
}
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-body,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-description,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-message,
html[data-theme="dark"] .cmplz-cookiebanner p,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-category-title {
  color: #edf2fa !important;
}
html[data-theme="dark"] .cmplz-cookiebanner a:not(.cmplz-btn) {
  color: #7ea8d8 !important;
}

/* === Load-App Button (ehemals Buy App) === */
a.df-load-app {
  background-color: #2c5282 !important;
  border-color: #2c5282 !important;
  color: #ffffff !important;
  transition: background-color .2s ease;
}
a.df-load-app:hover,
a.df-load-app:focus {
  background-color: #4a7fb8 !important;
  border-color: #4a7fb8 !important;
  color: #ffffff !important;
}

/* === Header Auth-Buttons: Anmelden + Registrieren === */
.df-auth-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
a.df-auth-btn,
a.df-auth-btn:link,
a.df-auth-btn:visited {
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  border: 1px solid !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
  white-space: nowrap;
}
a.df-auth-btn-primary,
a.df-auth-btn-primary:link,
a.df-auth-btn-primary:visited {
  background-color: #2c5282 !important;
  border-color: #2c5282 !important;
  color: #ffffff !important;
}
a.df-auth-btn-primary:hover,
a.df-auth-btn-primary:focus {
  background-color: #4a7fb8 !important;
  border-color: #4a7fb8 !important;
  color: #ffffff !important;
}
a.df-auth-btn-ghost,
a.df-auth-btn-ghost:link,
a.df-auth-btn-ghost:visited {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #edf2fa !important;
}
a.df-auth-btn-ghost:hover,
a.df-auth-btn-ghost:focus {
  background-color: rgba(126, 168, 216, 0.12) !important;
  border-color: #7ea8d8 !important;
  color: #ffffff !important;
}
html[data-theme="light"] a.df-auth-btn-ghost,
html[data-theme="light"] a.df-auth-btn-ghost:link,
html[data-theme="light"] a.df-auth-btn-ghost:visited {
  border-color: #d4d8df !important;
  color: #1a1d23 !important;
}
html[data-theme="light"] a.df-auth-btn-ghost:hover {
  background-color: #f0f5fc !important;
  border-color: #4a7fb8 !important;
  color: #2c5282 !important;
}

/* === Load-App Modal === */
.df-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.df-modal[hidden] { display: none; }
.df-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 22, 35, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.df-modal-card {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 16px;
  max-width: 520px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 28px 28px 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  font-family: inherit;
  color: #1a1d23;
  animation: df-modal-pop .25s ease-out;
}
@keyframes df-modal-pop {
  from { transform: translateY(8px) scale(.98); opacity: 0; }
  to   { transform: translateY(0) scale(1); opacity: 1; }
}
.df-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: #6b7280;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 8px;
  transition: background-color .2s ease, color .2s ease;
}
.df-modal-close:hover {
  background: #f0f1f3;
  color: #1a1d23;
}
.df-modal-card,
.df-modal-card * {
  color: #1a1d23;
}
.df-modal-title {
  margin: 0 36px 14px 0;
  font-size: 20px;
  font-weight: 700;
  color: #2c5282 !important;
  line-height: 1.3;
}
.df-modal-body {
  font-size: 15px;
  line-height: 1.55;
  color: #1a1d23 !important;
}
.df-modal-steps {
  margin: 0 0 16px;
  padding-left: 22px;
}
.df-modal-steps li {
  margin: 0 0 10px;
  color: #1a1d23 !important;
}
.df-modal-steps li strong {
  color: #2c5282 !important;
}
.df-modal-outro {
  margin: 0 0 18px;
  padding: 12px 14px;
  background: #f0f5fc !important;
  border-left: 3px solid #4a7fb8;
  border-radius: 6px;
  font-size: 14px;
  color: #1a3150 !important;
}
.df-modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}
a.df-modal-btn-primary,
a.df-modal-btn-primary:link,
a.df-modal-btn-primary:visited,
a.df-modal-btn-primary:hover,
a.df-modal-btn-primary:active,
a.df-modal-btn-primary:focus {
  flex: 1 1 auto;
  background: #2c5282;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  transition: background-color .2s ease;
  border: none;
}
a.df-modal-btn-primary:hover {
  background: #4a7fb8;
  color: #ffffff !important;
}
html[data-theme="dark"] a.df-modal-btn-primary,
html[data-theme="dark"] a.df-modal-btn-primary:link,
html[data-theme="dark"] a.df-modal-btn-primary:visited,
html[data-theme="dark"] a.df-modal-btn-primary:hover {
  color: #ffffff !important;
}
.df-modal-btn-ghost {
  background: transparent;
  border: 1px solid #d4d8df;
  color: #1a1d23;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .2s ease;
}
.df-modal-btn-ghost:hover {
  background: #f0f1f3;
}

/* Dark-Mode Modal */
html[data-theme="dark"] .df-modal-card {
  background: #1e2634 !important;
  color: #edf2fa !important;
}
html[data-theme="dark"] .df-modal-card * { color: #edf2fa; }
html[data-theme="dark"] .df-modal-title { color: #7ea8d8 !important; }
html[data-theme="dark"] .df-modal-body,
html[data-theme="dark"] .df-modal-steps li { color: #edf2fa !important; }
html[data-theme="dark"] .df-modal-steps li strong { color: #7ea8d8 !important; }
html[data-theme="dark"] .df-modal-outro {
  background: #283245 !important;
  border-left-color: #7ea8d8;
  color: #cfdcec !important;
}
html[data-theme="dark"] .df-modal-close { color: #9cabbe; }
html[data-theme="dark"] .df-modal-close:hover { background: #283245; color: #edf2fa; }
html[data-theme="dark"] .df-modal-btn-ghost {
  border-color: #37445c;
  color: #edf2fa;
}
html[data-theme="dark"] .df-modal-btn-ghost:hover { background: #283245; }

/* === DocFlow Footer: Theme-Limit auf 31.76% aufbrechen === */
#sidebars-footer #sidebar-footer1.fourcol,
#sidebars-footer .sidebar.fourcol {
  width: 100% !important;
  margin-right: 0 !important;
  float: none !important;
  display: block !important;
}

/* === DocFlow Footer: Link-Sammlung in Spalten === */
.docflow-footer-grid {
  display: grid !important;
  grid-template-columns: 2.67fr 1fr 1fr 1fr;
  gap: 50px;
  max-width: 1100px;
  margin: 0 auto 40px;
  text-align: left !important;
  padding: 20px 30px;
  align-items: start;
}
.docflow-footer-logo {
  display: block !important;
  height: auto !important;
  max-width: 213px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
}
.docflow-footer-instagram {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-top: 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.docflow-footer-instagram:hover,
.docflow-footer-instagram:focus {
  color: #ffffff !important;
  border-color: #7ea8d8;
  background-color: rgba(126, 168, 216, 0.12);
  transform: translateY(-1px);
}
.docflow-footer-instagram svg {
  display: block;
}
.docflow-footer-grid .footer-col h4 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  margin: 0 0 18px !important;
  text-transform: uppercase;
}
.docflow-footer-grid .footer-col p {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 0 12px !important;
}
.docflow-footer-grid .footer-col ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.docflow-footer-grid .footer-col ul li {
  margin: 0 0 10px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.docflow-footer-grid .footer-col ul li a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
}
.docflow-footer-grid .footer-col ul li a:hover {
  color: #7ea8d8 !important;
}
.docflow-footer-social {
  display: none !important;
}
@media (max-width: 768px) {
  .docflow-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .docflow-footer-grid {
    grid-template-columns: 1fr;
  }
}

/* === Slide-In-Animation: Bilder in pg-9024-1 (Dokumente intelligent / Analyse / Griffbereit) === */
.df-slide-in-right {
  opacity: 0;
  transform: translateX(120px);
  transition: opacity .8s ease-out, transform .8s cubic-bezier(.2,.8,.2,1);
  will-change: transform, opacity;
}
.df-slide-in-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}
@media (prefers-reduced-motion: reduce) {
  .df-slide-in-right {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* === Network-Sektion: leicht abweichender Ton zur Abgrenzung === */
#pg-9024-9 > .panel-row-style,
#pg-9024-9.panel-has-style > .panel-row-style {
  background-color: #1e2634 !important;
}

/* === Footer-Hintergrund: gleicher Ton wie Network-Sektion === */
#footer-top,
#footer-bottom,
.site-footer {
  background-color: #1e2634 !important;
}
/* Heading + Pitch-Text auf weiss (dunkler Hintergrund) */
#pg-9024-9 .heading .title,
#pg-9024-9 .heading h1,
#pg-9024-9 .heading h2,
#pg-9024-9 .heading h3,
#pg-9024-9 .heading h4 {
  color: #ffffff !important;
}
#pg-9024-9 .heading .pitch {
  color: rgba(255, 255, 255, 0.75) !important;
}
/* Abstand Heading -> Logos halbieren (Theme: 60+30=90 -> 30+15=45) */
#pg-9024-9 .heading {
  margin-bottom: 30px !important;
}
#pg-9024-9 .so-panel {
  margin-bottom: 15px !important;
}
/* Sektions-Höhe runter, vor allem unten (Theme: 90/90 -> 50/25) */
#pg-9024-9 .lsow-row {
  padding-top: 50px !important;
  padding-bottom: 25px !important;
}
@media (max-width: 960px) {
  #pg-9024-9 .lsow-row {
    padding-top: 35px !important;
    padding-bottom: 20px !important;
  }
}

/* === 3 Feature-Sektionen: alle in DocFlow-Tonen statt Demo-Farben === */
/* Datenschutz (war #19475f Teal) */
#panel-9024-3-0-0 > .panel-widget-style,
#panel-9024-3-0-0 .panel-widget-style {
  background-color: #2c5282 !important; /* Navy */
}
/* Behalte die Kontrolle (war #94dbdd Mint) */
#panel-9024-3-0-1 > .panel-widget-style,
#panel-9024-3-0-1 .panel-widget-style {
  background-color: #4a7fb8 !important; /* Mid Blue */
}
/* 3. Sektion (war #ec6c3d Orange) */
#panel-9024-3-0-2 > .panel-widget-style,
#panel-9024-3-0-2 .panel-widget-style {
  background-color: #1a3150 !important; /* Dark Navy */
}

/* === iPhone-Slider: Specular.png als fester Hintergrund, Slides drin === */
/* 1) ALLE Theme-Bezel-Imgs komplett raus (black/gold/etc Slider-Stages) */
.iphone-slider-container > img,
.smartphone-slider > img,
.iphone-slider-container img[src*="slider-stage"],
.smartphone-slider img[src*="slider-stage"],
img[src*="iphone-black-slider-stage"],
img[src*="iphone-gold-slider-stage"],
img[src*="ipad-slider-stage"] {
  display: none !important;
}

/* 2) Container: 80% Breite, Aspect-Ratio match Specular (977×2020 ≈ 0.484) */
.iphone-slider-container,
.smartphone-slider {
  background-image: url("https://mwp-business.com/wp-content/uploads/2026/05/Specular.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  max-width: 66% !important;
  width: 66% !important;
  margin: 0 auto !important;
  aspect-ratio: 977 / 2020 !important;
  height: auto !important;
}

/* 3) Inner-Slider füllt Container 100% komplett */
.iphone-slider-container .flex-slider-container,
.smartphone-slider .flex-slider-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* 4) Slider, Slides, Wrappers füllen Container vollständig — alle Hintergründe
   transparent oder Dark-Navy, sodass beim Sliden kein weißer Flash sichtbar wird */
.iphone-slider-container .flexslider,
.iphone-slider-container .flexslider .slides,
.iphone-slider-container .flexslider .slides > li,
.iphone-slider-container .flexslider .slides .img-wrap,
.smartphone-slider .flexslider,
.smartphone-slider .flexslider .slides,
.smartphone-slider .flexslider .slides > li,
.smartphone-slider .flexslider .slides .img-wrap {
  height: 100% !important;
  max-height: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* Loading-State des Sliders: dark statt grau (#333 default) */
.iphone-slider-container .flex-slider-container.loading,
.smartphone-slider .flex-slider-container.loading {
  background-color: #161b24 !important;
}
/* (Container-BG entfernt — sonst überdeckt es das Specular-Bezel) */

/* 6) Tab-Icons: Ionicons-Outline-Style (wie in der nativen DocFlow-App)
   Nur auf die NEUEN Icon-Klassen anwenden (sonst legacy Icons werden grau-Quadrate) */
#features-slider ul.tab-list li a i.icon-grid,
#features-slider ul.tab-list li a i.icon-document,
#features-slider ul.tab-list li a i.icon-comment,
#features-slider ul.tab-list li a i.icon-search,
#features-slider ul.tab-list li a i.icon-calendar,
#features-slider2 ul.tab-list li a i.icon-grid,
#features-slider2 ul.tab-list li a i.icon-document,
#features-slider2 ul.tab-list li a i.icon-comment,
#features-slider2 ul.tab-list li a i.icon-search,
#features-slider2 ul.tab-list li a i.icon-calendar {
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  background-color: currentColor !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  vertical-align: middle;
}
#features-slider ul.tab-list li a i.icon-grid::before,
#features-slider ul.tab-list li a i.icon-document::before,
#features-slider ul.tab-list li a i.icon-comment::before,
#features-slider ul.tab-list li a i.icon-search::before,
#features-slider ul.tab-list li a i.icon-calendar::before,
#features-slider2 ul.tab-list li a i.icon-grid::before,
#features-slider2 ul.tab-list li a i.icon-document::before,
#features-slider2 ul.tab-list li a i.icon-comment::before,
#features-slider2 ul.tab-list li a i.icon-search::before,
#features-slider2 ul.tab-list li a i.icon-calendar::before {
  display: none !important;
  content: "" !important;
}

/* Dashboard → home-outline */
#features-slider ul.tab-list li a i.icon-grid,
#features-slider2 ul.tab-list li a i.icon-grid {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h112a24 24 0 0124 24v136h96a16 16 0 0016-16V212' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256m368-77V64h-48v69' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h112a24 24 0 0124 24v136h96a16 16 0 0016-16V212' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256m368-77V64h-48v69' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/></svg>");
}

/* Dokumente → folder-outline */
#features-slider ul.tab-list li a i.icon-document,
#features-slider2 ul.tab-list li a i.icon-document {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M479.9 226.55L463.69 392a40 40 0 01-39.83 40H88.14a40 40 0 01-39.83-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M479.9 226.55L463.69 392a40 40 0 01-39.83 40H88.14a40 40 0 01-39.83-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/></svg>");
}

/* Chat Room → sparkles-outline */
#features-slider ul.tab-list li a i.icon-comment,
#features-slider2 ul.tab-list li a i.icon-comment {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 64l-26.67 53.33L320 144l53.33 26.67L400 224l26.67-53.33L480 144l-53.33-26.67z' fill='none' stroke='black' stroke-linejoin='round' stroke-width='32'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 64l-26.67 53.33L320 144l53.33 26.67L400 224l26.67-53.33L480 144l-53.33-26.67z' fill='none' stroke='black' stroke-linejoin='round' stroke-width='32'/></svg>");
}

/* Suche → search-outline */
#features-slider ul.tab-list li a i.icon-search,
#features-slider2 ul.tab-list li a i.icon-search {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' fill='none' stroke='black' stroke-miterlimit='10' stroke-width='32'/><path d='M338.29 338.29L448 448' fill='none' stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' fill='none' stroke='black' stroke-miterlimit='10' stroke-width='32'/><path d='M338.29 338.29L448 448' fill='none' stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>");
}

/* Kalender → calendar-outline */
#features-slider ul.tab-list li a i.icon-calendar,
#features-slider2 ul.tab-list li a i.icon-calendar {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect x='48' y='80' width='416' height='384' rx='48' fill='none' stroke='black' stroke-linejoin='round' stroke-width='32'/><path stroke-linecap='round' stroke-linejoin='round' stroke-width='32' stroke='black' fill='none' d='M128 48v32M384 48v32'/><path fill='none' stroke='black' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect x='48' y='80' width='416' height='384' rx='48' fill='none' stroke='black' stroke-linejoin='round' stroke-width='32'/><path stroke-linecap='round' stroke-linejoin='round' stroke-width='32' stroke='black' fill='none' d='M128 48v32M384 48v32'/><path fill='none' stroke='black' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/></svg>");
}

/* 7) Tab-Content: linke Spalte (.big) in gleicher Schriftgröße wie rechts, nicht fett */
.app-features-list .text-content .big,
.app-features-list .text-content big,
.tab-slider-container .six_col .big,
.tab-slider-container .sixcol .big {
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: inherit !important;
}

/* 5) Slide-Image füllt komplette Inner-Area */
.iphone-slider-container .flexslider .slides img,
.smartphone-slider .flexslider .slides img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* === Sektionen 2 & 3 ("Behalte die Kontrolle" + "Frag einfach"):
       Inline-Farben weg, Read-More weiß, Text fit === */
/* Beide Paragraphen — auch die mit Demo-Inline-Color (#336a6f, #f4e5e0) — auf Weiß */
#panel-9024-3-0-1 .text-content p,
#panel-9024-3-0-1 .text-content p[style],
#panel-9024-3-0-2 .text-content p,
#panel-9024-3-0-2 .text-content p[style] {
  color: #ffffff !important;
}
/* Read-More Link weiß + sichtbar */
#panel-9024-3-0-1 a.read-more,
#panel-9024-3-0-1 .read-more,
#panel-9024-3-0-2 a.read-more,
#panel-9024-3-0-2 .read-more {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}
#panel-9024-3-0-1 a.read-more:hover,
#panel-9024-3-0-2 a.read-more:hover {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: #ffffff !important;
}
/* Padding: einheitlicher Innen-Abstand fuer alle 3 Feature-Bloecke */
#panel-9024-3-0-0 .text-content,
#panel-9024-3-0-1 .text-content,
#panel-9024-3-0-2 .text-content {
  padding: 60px 60px 24px !important;
}

/* "Ein System. Alle Geraete." — Download-Button raus, Icons mittig */
#panel-9024-2-0-1 .button-wrap {
  display: none !important;
}
#panel-9024-2-0-1 .icon-wrap,
#panel-9024-2-0-1 .icon-wrap p {
  text-align: center !important;
}
/* "Mehr"-Link auch im Datenschutz-Block weiss (wie bei den anderen) */
#panel-9024-3-0-0 a.read-more {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}
#panel-9024-3-0-0 a.read-more:hover {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: #ffffff !important;
}
/* Engerer Zeilenabstand für lange Inhalte */
#panel-9024-3-0-1 .text-content p,
#panel-9024-3-0-2 .text-content p {
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
}
/* Heading ebenfalls etwas kompakter */
#panel-9024-3-0-1 .text-content .heading,
#panel-9024-3-0-2 .text-content .heading {
  margin-bottom: 12px !important;
}

/* === DocFlow Newsletter-Formular === */
.docflow-newsletter-form {
  max-width: 540px;
  margin: 12px auto 0;
  text-align: left;
  font-family: inherit;
}
/* Abstand Heading -> Form-Widget halbieren (Newsletter-Sektion auf Home) */
#panel-9024-10-0-0 {
  margin-bottom: 15px !important;
}
.docflow-newsletter-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.docflow-newsletter-form input[type="email"] {
  flex: 1 1 auto;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d4d8df;
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  color: #1a1d23;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}
.docflow-newsletter-form input[type="email"]:focus {
  border-color: #4a7fb8;
  box-shadow: 0 0 0 3px rgba(74, 127, 184, 0.15);
}
.docflow-newsletter-form button[type="submit"] {
  flex: 0 0 auto;
  height: 48px;
  padding: 0 26px;
  background: #2c5282;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, transform .1s ease;
}
.docflow-newsletter-form button[type="submit"]:hover {
  background: #4a7fb8;
}
.docflow-newsletter-form button[type="submit"]:active {
  transform: translateY(1px);
}
.docflow-newsletter-form button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.docflow-newsletter-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.docflow-newsletter-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
  margin: 0 0 4px;
}
.docflow-newsletter-consent input[type="checkbox"] {
  margin-top: 3px;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  accent-color: #2c5282;
}
.docflow-newsletter-status {
  min-height: 20px;
  margin: 8px 0 0;
  font-size: 13px;
  color: #6b7280;
}
.docflow-newsletter-status.is-success { color: #2c8a4a; font-weight: 500; }
.docflow-newsletter-status.is-error   { color: #c0392b; font-weight: 500; }

@media (max-width: 520px) {
  .docflow-newsletter-row { flex-direction: column; }
  .docflow-newsletter-form button[type="submit"] { width: 100%; }
}

/* Dark-Mode */
html[data-theme="dark"] .docflow-newsletter-form input[type="email"] {
  background: #1e2634;
  border-color: #37445c;
  color: #edf2fa;
}
html[data-theme="dark"] .docflow-newsletter-form input[type="email"]:focus {
  border-color: #7ea8d8;
  box-shadow: 0 0 0 3px rgba(126, 168, 216, 0.18);
}
html[data-theme="dark"] .docflow-newsletter-consent {
  color: #9cabbe;
}
html[data-theme="dark"] .docflow-newsletter-status {
  color: #9cabbe;
}

/* === Mobile Horizontal-Overflow Containment ===
   Slider Revolution (SR7) positioniert Nav-Pfeile + Layer absichtlich
   außerhalb des Viewports (left:-160, width:1551 etc). Auf Mobile
   ergibt das eine seitwaerts schiebbare Seite. Body+html clippen +
   Slider-Wrapper auf 100vw begrenzen behebt das ohne den Slider-Editor
   anzufassen. */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.rev_slider_wrapper,
.rev_slider,
.tp-revslider-mainul,
.forcefullwidth_wrapper_tp_banner {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

/* Nav-Pfeile (sr7-nav-img) sind absolut positioniert ausserhalb des
   Slider-Containers — auf Mobile komplett ausblenden, Touch-Swipe
   reicht zum Navigieren. */
@media (max-width: 767px) {
  .sr7-nav-img,
  .tp-leftarrow,
  .tp-rightarrow {
    display: none !important;
  }
}