:root {
  /* ===== Colors ===== */
  --c-white: #ffffff;
  --c-black: #000000;
  --c-text: #424242;
  --c-brand: #66c903;
  --c-muted: #b2b2b2;
  --c-accent: #ecb651;
  --c-border: #ebebeb;
  --c-border-soft: #efefef;
  --c-gray-100: #fafafa;
  --c-gray-200: #dfdfdf;
  --c-dark-2: #2a2a2a;
  --c-frame: #151515;
  --c-error: #ed5840;
  --c-banner: #5f5f5f;

  /* ===== Shadows (unverändert) ===== */
  --shadow-lg: 1px 31px 91px 20px rgba(0, 0, 0, 0.10);
  --shadow-lg-strong: 1px 31px 91px 20px rgba(0, 0, 0, 0.36);
  --shadow-lg-hover: 1px 31px 91px 20px rgba(0, 0, 0, 0.18);

  /* ===== Radii (×0.9) ===== */
  --radius-sm: 18px;
  --radius-md: 30px;
  --radius-lg: 30px;
  --radius-xl: 54px;
  --radius-pill: 90px;

  /* ===== Spacing (×0.9) ===== */
  --spacing-xs: 4.5px;
  --spacing-sm: 9px;
  --spacing-md: 27px;
  --spacing-lg: 40.5px;
  --spacing-xl: 72px;
  --spacing-xxl: 108px;
  --spacing-xxxl: 162px;
  --spacing-xxxxl: 540px;

  /* ===== Typography (×0.9) ===== */
  --font-size-sm: 14.5px;
  --font-size-base: 16px;
  --font-size-md: 19px;
  --font-size-lg: 22.5px;
  --font-size-xl: 28.8px;
  --font-size-xxl: 45px;
  --font-size-xxxl: 54px;
  --font-size-huge: 67.5px;

  --font-line-height-tight: 1.2;
  --font-line-height-base: 1.4;
  --font-line-height-relaxed: 1.5;
}

/* ===== Medium Breakpoint (MD) — ebenfalls 90% ===== */
:root {
  /* Font sizes */
--font-size-md-sm: 14px;
--font-size-md-base: 15px;
--font-size-md-md: 18px;
--font-size-md-lg: 21.4px;
--font-size-md-xl: 27.4px;
--font-size-md-xxl: 42.8px;
--font-size-md-xxxl: 51.3px;
--font-size-md-huge: 64.1px;

  /* Spacing */
  --spacing-md-xs: 3.6px;
  --spacing-md-sm: 9px;
  --spacing-md-md: 18px;
  --spacing-md-lg: 31.5px;
  --spacing-md-xl: 45px;
  --spacing-md-xxl: 90px;

  /* Border radius */
  --radius-md-sm: 9px;
  --radius-md-md: 24px;
  --radius-md-lg: 24px;
  --radius-md-xl: 36px;
  --radius-md-pill: 63px;

  /* Shadows bleiben groß */
}

/* ===== Mobile / Small Screens (UNVERÄNDERT) ===== */
:root {
  --font-size-xs-sm: 14px;
  --font-size-xs-base: 15px;
  --font-size-xs-md: 17px;
  --font-size-xs-lg: 18px;
  --font-size-xs-xl: 27px;
  --font-size-xs-xxl: 35px;
  --font-size-xs-xxxl: 40px;
  --font-size-xs-huge: 50px;

  --spacing-xs-xs: 6px;
  --spacing-xs-sm: 10px;
  --spacing-xs-md: 25px;
  --spacing-xs-lg: 30px;
  --spacing-xs-xl: 40px;
  --spacing-xs-xxl: 80px;

  --radius-xs-sm: 5px;
  --radius-xs-md: 15px;
  --radius-xs-lg: 25px;
  --radius-xs-xl: 25px;
  --radius-xs-pill: 40px;

  --shadow-xs-lg: 1px 15px 56px 15px rgba(0, 0, 0, 0.10);
  --shadow-xs-lg-strong: 1px 15px 56px 15px rgba(0, 0, 0, 0.36);
  --shadow-xs-lg-hover: 1px 15px 56px 15px rgba(0, 0, 0, 0.18);
}


/* outfit-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/outfit-v11-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/outfit-v11-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/outfit-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/outfit-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/outfit-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/outfit-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/outfit-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/outfit-v11-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/outfit-v11-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: "Outfit", sans-serif;
  font-size:var(--font-size-base);
  color:var(--c-text);
  background:var(--c-white);
  overflow-x:hidden;
  font-weight:300;
  line-height:var(--font-line-height-base);
}

/* Startzustand: Seite unscharf und nicht scrollbar */
body.loading {
  background-color: white;
  /* Weißer Hintergrund */
 /* Scrollen deaktivieren */

  pointer-events: none;
  /* Klicks deaktivieren */
  visibility: visible;
  /* Hintergrund sichtbar halten */
  opacity: 0;
  /* Komplett unsichtbar */
  transition: opacity 0.5s ease;
  /* Sanfter Übergang */
}

body.loaded {
  background-color: unset;
  /* Entfernt den weißen Hintergrund */
  /* Scrollen aktivieren */
  pointer-events: auto;
  /* Klicks erlauben */
  opacity: 1;
  /* Komplett sichtbar */

  transition: opacity 0.5s ease;
  /* Sanfter Übergang */

	 scroll-behavior: smooth;
}

body.lmactive {
  overflow:hidden;
}

body.lmactive .modal_menu_dialog {
  transform: translateX(0px);
}

body.lmactive .modal_menu_dialog .solution_twocolumn_container {
  opacity:1;
  transform: translateY(0px);
  height:100%;
}

body.lmactive .modal_menu_dialog_background {
  display:block;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
}

strong, b {
	font-weight:400
}

button {
  outline: none;
   font-family: inherit;
  font-weight: inherit;
}

button:hover {
  cursor:pointer;
}

button:focus {
  outline: none;
}

a {
  color:var(--c-text);
  text-decoration:none;
}

input, textarea {
  font-family: inherit;
  font-weight: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background:var(--c-gray-200);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

/* Handle on hover */
::}

.mt-0 {
  margin-top:var(--spacing-xs)!important;
}

section {
  margin-top:var(--spacing-xxxl);
  margin-bottom:var(--spacing-lg);
  position:relative;
  z-index:3;
}

strong {
  font-weight:500;
}

h1, h2, h3, h4, h5 {
	font-weight:400;
}

.after-news-trigger {
  height: 0px;
}

.header {
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  z-index:9999;
  opacity:1;
  display:flex;
  justify-content:center;
  transition:all 0.3s;
}

.header.hidden {
  pointer-events:none;
  opacity:0;
}

.header .header-container {
  max-width: 1720px;
  width:100%;
  padding: 0 var(--spacing-xl);
}

.header.sticky .header-container {
  max-width: 1720px;
  width:100%;
  padding: 0 calc(var(--spacing-xl) - var(--spacing-md));
}

.header .header-container .header-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:var(--spacing-lg) 0;
  transition:all 0.3s;
}

.header.sticky .header-container .header-top {
  box-shadow: var(--shadow-lg);
  background-color:var(--c-white);
  margin:var(--spacing-md) 0;
  padding:var(--spacing-xs) var(--spacing-md);
  height: 80px;
  border-radius:20px;
  margin-top: var(--spacing-sm);
}

.header.sticky .header-container li {
font-size: 18px;
}


.header .left-part {
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.header .left-part img {
  position: relative;
  width:210px;
  height: auto;
  transition:all 0.6s;
  left:3px;
}

.header .left-part img.lwhite {
  display:none;
}

body.bg_fullscreen .header:not(.sticky) .left-part img.lwhite {
  display:block;
}

body.bg_fullscreen .header:not(.sticky) .left-part img.lblack {
  display:none;
}

body.bg_fullscreen .header:not(.sticky) .right-part .open-mainmenu {
  color:var(--c-white);
}

.header.sticky .header-container .left-part img {
  width: 120px;
      top: 3px;
}

.header .right-part ul {
  display:flex;
  align-items:center;
  justify-content:flex-end;
	padding-right: var(--spacing-sm);
}

.header li {
  margin-left:var(--spacing-lg);
  font-size:20px;
  list-style:none;
}

.header li.open-mainmenu {
	margin-right:25px;
}

.header li.open-mainmenu a::after {
	display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f282";
  color: var(--c-text);
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -31px;
  transition:0.3s;
	font-size: 18px;
	top:-2px;
}

.header.sticky .header-container li.open-mainmenu a::after {
	font-size:16px;
	right:-28px;
	
}


.header .header-mobilebutton {
  display:none;
}

.header a {
  color :var(--c-text);
  text-decoration:none;
  transition: all 0.3s;
  white-space:nowrap;
  position:relative;
}

.header li i {
  font-size:var(--font-size-md);
  margin-left:var(--spacing-sm);
}

.header li .menu-link.active, 
.header li .menu-link:hover,
.header li .menu-link.active:after, 
.header li .menu-link:hover:after 
{
  color:var(--c-brand) !important;
}



.header li:last-child {
}

.header .language {
  margin-left:var(--spacing-xl)!important;
  display:flex;
  align-items:center;
}

.header .language a {
  font-size:var(--font-size-sm);
  opacity:0.4;
  margin-left:var(--spacing-sm);
  font-weight:500;
}

.header .language a.active {
  text-decoration:underline;
  opacity:1;
}

.header-breadcrumb {
  padding-top:var(--spacing-lg);
  display: flex;
  transition:0.7s;
}

.header-breadcrumb .breadcrumb_item {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left:var(--spacing-sm);
  padding-right:var(--spacing-sm);
  color:var(--c-white);
  font-size:var(--font-size-sm);
  margin-right:var(--spacing-xs);
  border-radius: 100px;
  transition: all 0.3s;
  border:1px  solid var(--c-white);
}

.header-breadcrumb .breadcrumb_item:hover {
  background-color:var(--c-white);
  cursor:pointer;
  color:var(--c-text);
}

.header-breadcrumb .breadcrumb_item.active {
  background-color:var(--c-text);
  border-color:var(--c-text);
  color:var(--c-white);
  cursor:default !important;
}

.header-breadcrumb .breadcrumb_item.home {
  width:30px;
  font-size:var(--font-size-sm);
}

.header.home .header-breadcrumb {
  display:none;
}

.header.sticky .header-breadcrumb {
  display:none;
}

.header.home .left-part img {
  width:200px;
}

.button {
  border-radius:100px;
  height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  font-size:var(--font-size-base);
  letter-spacing: 0.5px;
  font-weight:400;
  transition:all 0.5s;
  text-decoration:none;
  white-space:nowrap;
  
}

.button.light {
  color:var(--c-white);
  background-color: transparent;
  border: 1px  solid var(--c-white);
}

.button.light:hover {
  background-color:var(--c-white);
  color:var(--c-text);
}

.button.dark {
  color:var(--c-white);
  background-color:var(--c-text);
  border: 1px  solid var(--c-text);
}

.button.dark:hover {
  background-color:var(--c-white);
  color:var(--c-text);
}

.button.darker {
  color:var(--c-white);
  background-color:var(--c-text);
  border: 1px  solid var(--c-text);
}

.button.darker:hover {
  background-color: #2a2a2a;
  border: 1px solid #2a2a2a;
}

.button.darkborder {
  color:var(--c-text);
  background-color: transparent;
  border: 1px  solid var(--c-text);
}

.button.darkborder:hover {
  background-color: var(--c-text);
  border: 1px solid var(--c-text);
  color:var(--c-white);
}

.button:hover {
	cursor:pointer;
}


.button.more-link {
	padding-left:10px;
	text-transform: none;
	border-radius:100px;
	transition:0.5s;
}

.button.more-link::before {
	display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  border-radius: 100px;
  background-color: var(--c-text);
  color: #fff;
  font-size: 19px;
  padding: 7px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -10px;
  transition:0.8s;
}

.button.more-link:hover {
background-color:var(--c-text);
color:#fff;
padding-left:20px;
}

.button.more-link:hover::before {
left:-5px;
background:none;
}




.only-mobile {
  display:none !important;
}

.button i {
  margin-right:var(--spacing-sm);
  font-size:var(--font-size-lg);
  position: relative;
  left: 0px;
}



.button.btn-primary {
  background-color:var(--c-text);
  color:var(--c-white);
}

.button.btn-primary:hover {
  background-color:#1e313b;
  cursor:pointer;
}

.button.btn-secondary {
  background-color:var(--c-white);
  color:#2e4958;
}

.button.btn-secondary i {
  color:var(--c-accent);
}

.button.btn-secondary:hover {
  background-color:#e2e2e2;
  cursor:pointer;
}

.button.btn-success {
  background-color:var(--c-accent);
  color:var(--c-white);
}

.button.btn-success:hover {
  background-color:#dfac4b;
  cursor:pointer;
}

.toggle_button_container {
  position: relative;
  width: 100%;
  border: 1px  solid var(--c-text);
  border-radius: 100px;
  padding:var(--spacing-xs);
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.toggle_button_container .button {
  flex: 1;
  background: transparent;
  border: none;
  color:var(--c-text);
  opacity: 0.5;
  z-index: 2;
}

.toggle_button_container .button.active {
  color:var(--c-white);
  opacity: 1;
  pointer-events:none;
}

.toggle_slider {
  position: absolute;
  top: 0px;
  left: 0px;
  height: calc(100% - 10px);
  width: calc(50% - 5px);
  background-color:var(--c-text);
  border-radius: 100px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.toggle_button_container .button:not(.active):hover {
  background:none;
  border:none;
  opacity:1;
}

.content_container {
  position: relative;
  max-width: 1720px;
  margin: 0 auto;
  width:100%;
  z-index:2;
  padding: 0 var(--spacing-xl);
}

.text_green {
  color:var(--c-brand);
}


.default_text p {
  margin-bottom:var(--spacing-sm);
}

.default_text li {
  margin-left:var(--spacing-md);
}

.default_text ul {
  margin-bottom:var(--spacing-md);
}



.default_text h2, 
.default_text h3 {
  margin-top:var(--spacing-md);
}


section.home_video {
  padding-top:var(--spacing-xxxl);
  height:100vh;
  width: 100%;
  margin-top: 0px;
  background:transparent;
  padding-bottom:var(--spacing-xxxl);
}

/* Definition der Animation */

section.company_home {
  padding-top:0px;
  height:auto;
  margin-bottom:0px;
  padding-bottom:0px;
}

.home_video.company_home .home_slogan_container .title {
  font-size:var(--font-size-xxxl);
  margin-bottom: var(--spacing-lg);
}

section .section_name {
  color:var(--c-text);
  font-weight: 400;
  font-size:var(--font-size-sm);
  letter-spacing: 0px;
  display: inline-block;
  background-color:var(--c-gray-100);
  padding:var(--spacing-xs);
  padding-right:var(--spacing-xs);
  padding-left: 0px;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  border-radius: 25px;
  border: 1px  solid var(--c-border-soft);
  margin-bottom:var(--spacing-sm);
}

section .section_name i {
  margin-right:var(--spacing-xs);
  font-size:var(--font-size-md);
}

section.no-mbpb {
  margin-bottom:var(--spacing-xs)!important;
  padding-bottom:var(--spacing-xs)!important;
}

.home_video .home_slogan_container {
  max-width:950px;
}

.home_video .home_slogan_container .title {
  font-weight:400;
  font-size:var(--font-size-huge);
  margin-bottom:var(--spacing-md);
}

.home_video.no-mbpb {
  padding-top:var(--spacing-xxxl);
}

.home_video .home_slogan_container .subtitle {
  color:var(--c-muted);
  font-size:var(--font-size-lg);
  line-height:var(--font-line-height-tight);
  padding-right:var(--spacing-xxxl);
}

.home_video_container {
  position: relative;
  width: 60%;
  height: auto
  z-index: 2;
  top: -var(--spacing-md);
  overflow:hidden;
  border-radius:30px;
  margin-top:var(--spacing-lg);
  margin-bottom:var(--spacing-xl);
  box-shadow: var(--shadow-lg);
  border: 15px solid #151515;
}

.newsdetail .home_video_container {
	width:100%;
	border:none;
}

.home_video_container .youtube_overlay {
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:var(--c-black);
  opacity:0;
  z-index:2;
  transition:0.8s;
}

.home_video_container:hover .youtube_overlay {
  opacity:0.5;
}

.home_video_container .youtube_button_container {
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:3;
}

.home_video_container .youtube_button_container .playbutton {
  background:none;
  border:none;
  font-size:var(--font-size-huge);
  color:var(--c-brand);
  ;
  transition:0.5s;
  opacity:0;
}

.home_video_container:hover  .youtube_button_container .playbutton {
  color:var(--c-brand);
  
  opacity:1;
}

.home_video_container .home_img {
  background-repeat: no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
}

.home_video_container .home_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero_content .right {
  display:flex;
  width:100%;
  justify-content:flex-end;
}

.hero_section .home_video_container {
  height: 35%;
  width: 70%;
  top: unset;
  box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 20px;
  display: flex;
}

.hero_section .home_video_container .playbutton {
  opacity:0.8;
  font-size:var(--font-size-huge);
  color:var(--c-brand);
}

.hero_section .home_video_container:hover .playbutton {
  opacity:1;
  color:var(--c-brand);
}

.hero_section .home_video_container:hover img {
  transform-origin: center center;
  transform:scale(1.1);
}

.hero_section .home_video_container img {
  width:100%;
  transition:0.3s;
}

.home_background {
  position: absolute;
  top: 0px;
  right:var(--spacing-xs);
  width: 61%;
  height: auto;
  opacity: 0.1;
}

section.home_video .line {
  position: relative;
  bottom: var(--spacing-md);
  left: 0px;
  width: 2px;
  height: 200px;
  z-index: 99;
  opacity: .5;
  overflow: hidden;
}

section.home_video .line>div {
  background: #bebebe;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: linejumping 1s ease-out infinite
}

@keyframes linejumping {
  0% {
  top: -100%;
  opacity: 1
}

60% {
  top: 0;
  opacity: 1
}

90% {
  top: 0;
  opacity: 0
}

100% {
  top: -100%;
  opacity: 0
}

}

.home_video.center_text .content_container {
  display:flex;
  justify-content:center;
}

.home_video.center_text .content_container .home_slogan_container {
  max-width: 1200px;
  text-align:center;
    margin-top: var(--spacing-xxxl);
}

.home_video.center_text .content_container .home_slogan_container .subtitle {
  padding-right:var(--spacing-xs);
}

section.home_video.center_text .line {
  left: 50%;
}

.home_video.long_text {
  height:auto;
  padding-bottom:var(--spacing-lg);
}

.home_video.long_text .content_container .home_slogan_container {
  max-width: 1200px;
}

section.welcome {
  margin-bottom:var(--spacing-xxxl);
  z-index:4;
  margin-top:var(--spacing-xxxl);
}

section.welcome .title {
  font-size:var(--font-size-huge);
  margin-bottom:var(--spacing-md);
  margin-top:var(--spacing-sm);
}

section.welcome .subtext {
  font-size:var(--font-size-xl);
}

section.products {
  z-index:4;
  border-top: 1px solid var(--c-border);
  margin-top: 0px;
}

section.products .title {
  font-size:var(--font-size-xxl);
  margin-bottom:var(--spacing-md);
  margin-top:var(--spacing-sm);
}

section.products .subtext {
  font-size:var(--font-size-md);
}

section.products .content_container {
  display:flex;
  justify-content:space-between;
}

section.products .content_container {
  width:70%;
  border-right: 1px solid var(--c-border);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:var(--spacing-xl);
  padding-bottom:var(--spacing-xl);
  padding-right:var(--spacing-xl);
}

section.products .content_container .right {
  display:flex;
  flex-direction:column;
  width:30%;
}

section.products .content_container .right .product_item {
  height:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}

section.products .content_container .right .product_item .bottom_line {
  height: 0px;
  position: absolute;
  bottom:var(--spacing-xs);
  left: 0px;
  width: 2000px;
  background-color:var(--c-border);
}

section.products .content_container .right .product_item img {
  height:150px;
  width:auto;
}

section.products .content_container .right .product_item a {
  position: absolute;
  right:var(--spacing-md);
  bottom:var(--spacing-md);
  text-decoration: none;
  color: #ccc;
  font-size:var(--font-size-huge);
  font-weight:400;
}

section.products .content_container .left .topics {
  float:left;
  margin-top:var(--spacing-lg);
  padding-right:var(--spacing-xl);
}

section.products .content_container .left .topics .topic_item {
  float: left;
  text-decoration: none;
  color:var(--c-text);
  display: inline-flex;
  height: 50px;
  font-size:var(--font-size-md);
  justify-content: center;
  align-items: center;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  border: 1px  solid var(--c-text);
  border-radius: 100px;
  margin-right:var(--spacing-sm);
  margin-bottom:var(--spacing-sm);
  transition: all 0.5s;
}

section.products .content_container .left .topics .topic_item:hover {
  background-color:var(--c-text);
  color:var(--c-white);
}

.welcome .approach_container {
  display:flex;
  width:100%;
  position:relative;
  margin-top:var(--spacing-xl);
}

.welcome .approach_container .approach_item_wrapper {
  margin-left:var(--spacing-xl);
  max-width: 30%;
  border-radius: 30px;
}

.welcome .approach_container .approach_item {
  background-color:var(--c-white);
  border-radius:40px;
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-lg);
  margin-right:var(--spacing-lg);
  position:relative;
  min-width: 500px;
}

.approach_item_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e7e7e7;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}

/* Wenn die Box die Klasse "shown" erhält, breitet sich die weiße Farbe von rechts nach links aus */
.approach_item_wrapper.shown::before {
  width: 0%;
  /* Deckt die gesamte Box ab */
}

/* Optional: Sicherstellen, dass der Text sichtbar wird, sobald die Animation beginnt */
.approach_item_wrapper.shown {
  color: #364336;
  /* Textfarbe bleibt Schwarz, sichtbar durch den weißen Hintergrund */
  transition: color 0.5s ease-in-out 0.3s;
  /* Textfarbe leicht verzögert ändern */
}

.welcome .approach_container .approach_item_wrapper:first-child {
  margin-left: 0px;
}

.welcome .approach_container .approach_item_wrapper:first-child .title {
  left: -var(--spacing-lg);
}

.welcome .approach_container .approach_item .number {
  font-weight: 600;
  color:var(--c-brand);
  font-size:var(--font-size-huge);
  position: absolute;
  top: -var(--spacing-md);
  left:var(--spacing-md);
  transition: all 0.5s ease-in-out;
}

.welcome .approach_container .approach_item_wrapper.shown .number {
  top: -var(--spacing-xl);
}

.welcome .approach_container .approach_item .title {
  font-weight: 400;
  font-size:var(--font-size-xl);
  padding-left:var(--spacing-xl);
  margin-bottom:var(--spacing-md);
  position: relative;
  top: -var(--spacing-sm);
}

.welcome .approach_container .approach_item .content {
  font-size:var(--font-size-md);
  line-height:var(--font-line-height-relaxed);
}

section.products .content_container {
  z-index:2;
}

section.products .products_container {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:101;
  position:relative;
  transition:all 0.5s;
  gap:var(--spacing-lg);
}

section.products .products_container img {
  height:200px;
  width:auto;
}

.reveal-1, .reveal-hero {
  overflow: hidden;
}

.no-reveal {
  transform: none !important;
  display: inline;
}

.reveal-img {
  transform-origin: center;
  opacity:0;
}

.word-wrapper {
  display	: inline-block;
  margin: -0.1em 0;
  padding: 0.1em 0;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}

.word-inner {
  transform: translateY(120%);
  will-change: transform;
  display:inline-block;
}

.seo-text {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ✅ Animierter Text sichtbar */
.animated-text {
  display: inline-block;
}


section.patsoftware {
  margin-bottom:var(--spacing-xxxl);
  margin-top:var(--spacing-xxxxl);
}

section.patsoftware .title_container_center .title{
  color:#fff;
}




.patsoftware .patsoftware_container {
  color:var(--c-white);
  height:100vh;
}

.patsoftware .patsoftware_container:first-child {

  margin-top:var(--spacing-xxxl);
}

.patsoftware .left_container {
  width:650px;
  min-width:650px;
}


.patsoftware .right_container {
width:100%;
}


.patstory_container {
	display:flex;
	gap:var(--spacing-xl);
	margin-top:var(--spacing-xxxl);
}


.patsoftware .patsoftware_container .title {
  font-size:var(--font-size-xxl);
  margin-bottom:var(--spacing-sm);
}

.patsoftware .patsoftware_container .text {
  opacity:0.7;
  margin-bottom:var(--spacing-md);
}


.bullet_item {
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-bottom:var(--spacing-sm);
}

.bullet_item i {
  color:var(--c-brand);
  margin-right:var(--spacing-sm);
  font-size:var(--font-size-xl);
}

.tree_container {
  position:fixed;
  top: 0px;
  left: 0px;
  width:100%;
  z-index:1;
  display:flex;
  justify-content:center;
}

.tree_container img {
  width:800px;
  height:auto;
  opacity:0.2;
}

.customer_slider {
  background-color:var(--c-white);
}

.customer_slider .slider_wrapper {
  width:100%;
}

.customer_slider .slider_wrapper .customer_item img {
  width: 200px;
  height:auto;
  filter: grayscale(100%);
}

.news .content_container {
}

.headline_container {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.slider_buttons {
  display:flex;
  gap:var(--spacing-sm);
}
.slider_buttons .button {
  padding:0px;
  width:50px;
  height:50px;
}

.slider_buttons .button i {
  margin-right:0px;
  font-size:var(--font-size-md);
}


.headline_container .slick_arrows {
  margin-right:var(--spacing-lg);
  display:none !important;
}

.news .content_container .headline {
  font-size:var(--font-size-xxl);
}

.news.news_black .content_container .headline {
  color:var(--c-white);
}

.news.news_black .content_container .slick-arrow {
  color:var(--c-white);
}

.news.news_black .slick_arrows .buttons button:hover {
  color:var(--c-brand);
}

.news .content_container .paragraph {
  font-size:var(--font-size-md);
}

.news .news_container {
  width:100vw;
  position:relative;
}

.news.news_black .news_container {
  color:var(--c-white);
}

.news_item {
  padding:var(--spacing-md);
  padding-left:0px;
}

.news_item .img_holder {
  width:100%;
  height: 500px;
  background-size:110%;
  background-repeat:no-repeat;
  border-radius:20px;
  background-position:center;
  transition: all 0.5s;
}

.news .news_container.news_small .news_item .img_holder {
  height:300px;
}

.news_item:hover {
	cursor:pointer;
}

.news_item:hover .img_holder{
  background-size:120%;
  
}


.news_item:hover .title{
  color:var(--c-brand);
}

.news_item .date {
  font-size:var(--font-size-sm);
  font-weight: 300;
  margin-top:var(--spacing-md);
}

.news_item .title {
  font-size:var(--font-size-xl);
  margin-top:var(--spacing-sm);
  margin-bottom:var(--spacing-sm);
  font-weight:400;
  transition:0.3s;
}

.news_item .subtitle {
  color:var(--c-muted)}

.news_item .link_container {
	display:none;
}

.link_container {
  display:flex;
  width:100%;
  justify-content:flex-end;
  align-items:center;
  margin-top:var(--spacing-lg);
  gap:var(--spacing-sm);
}


.contactpoint_panel {
  background-color:var(--c-white)fff;
  width: 100%;
  padding:var(--spacing-lg);
  border-radius: var(--radius-lg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:var(--spacing-xxxl);
  padding-left:var(--spacing-lg);
  padding-right:var(--spacing-lg);
  box-shadow: var(--shadow-lg);
}

.contactpoint_panel .left {
  font-size:var(--font-size-xxxl);
  max-width:40%;
  font-weight:400;
}

.contactpoint_panel .left .section_name {
  color:var(--c-text);
}

.customer_logos {
  margin-bottom:var(--spacing-xxl);
  overflow: hidden;
  /* Verhindert, dass die doppelten Elemente sichtbar werden */
  /* Sorgt für eine kontinuierliche Bewegung */
  position: relative;
  margin-top:var(--spacing-xxl);
}

.customer_logos_container.clone {
  position: absolute;
  top: 0;
  left: 0;
}

.customer_logos_container {
  display:flex;
  align-items:center;

  flex-wrap: nowrap;
  /* Sorgt dafür, dass alle Logos in einer Zeile bleiben */
  will-change: transform;
  /* Verbessert die Performance */
  gap:var(--spacing-md);
  justify-content:center;
  width:100%;
}

.customer_logos_container.left {
  margin-bottom:var(--spacing-lg);
}


.customer_logos_container .customer_item img {
  width:200px;
  height:auto;
}

.customer_logos.small {
  margin:0;
  position:relative;
    top: -25px;
}

.customer_logos .content_container.logo_rows {
  mask-image: linear-gradient(to right, transparent 0, black 150px, black calc(100% - 150px), transparent 100%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;

}

.customer_logos .title_container_center .title {
	margin-bottom: var(--spacing-lg);
}

.customer_logos.small .customer_logos_container .customer_item img {
  width:150px;
}

.customer_logos.small .customer_logos_container.left{
margin-bottom:0px;
}


.home_video .customer_logos_container {
  position: absolute;
  z-index: 4;
  bottom: -var(--spacing-lg);
  opacity: 0.8;
  gap:var(--spacing-lg);
}

.footer {
  position:relative;
  z-index:5;
  border-top: 1px solid var(--c-border);
}

.footer .content_container {
  display:flex;
  align-items:center;
  padding-top:var(--spacing-xl);
  padding-bottom:var(--spacing-xl);
  justify-content:space-between;
}

.footer .content_container .left {
  width:50%;
}

.footer .content_container .left img {
  width:400px;
  height:auto;
}

.footer .content_container .right {
  display:flex;
  padding-left:var(--spacing-lg);
  gap:var(--spacing-xxxl);
}

.footer .content_container .right .footer_segment .title {
  font-weight:400;
  margin-bottom:var(--spacing-sm);
  font-size:var(--font-size-xl);
}

.footer .content_container .right .footer_segment .footer_list a {
  color:var(--c-text);
  text-decoration:none;
}

.footer .footer_bottom {
  background-color:var(--c-text);
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:var(--c-white);
  font-size:var(--font-size-base);
  z-index: 100;
  position: relative;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  text-align: center;
  padding-top:var(--spacing-sm);
  padding-bottom:var(--spacing-sm);
}

ul.footer_list li {
  list-style: none;
  margin-bottom:var(--spacing-sm);
}

main {
  overflow:hidden;
}

section.pat_home {
  padding-top:var(--spacing-xxxl);
  height: 100vh;
  width: 100%;
  margin-top: 0px;
  background: transparent;
  padding-bottom:var(--spacing-xxxl);
}

.pat_slogan_container {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.pat_slogan_container .title {
  font-weight:400;
  text-transform:uppercase;
  font-size:var(--font-size-huge);
  margin-bottom:var(--spacing-md);
  max-width:1000px;
  text-align:center;
}

.pat_slogan_container .pat_logo_container {
  margin-top:var(--spacing-xl);
}

.pat_slogan_container .pat_logo_container .pat_logo {
  width:300px;
  height:auto;
}

.pat_home .pat_tree {
  width:95%;
  opacity:0.1;
}

.pat_home .pat_tree_container {
  display:flex;
  width:100%;
  justify-content:center;
  position:absolute;
  top:var(--spacing-xl);
}

.tablet_wrapper {
	width:100%;
}

.tablet_container {
  width: 100%;
  height: 540px;
  background-color:var(--c-white);
  border: 15px solid #151515;
  border-radius: 30px;
  box-shadow: var(--shadow-lg-strong);
  overflow:hidden;
  position:relative;
  z-index:3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tablet_container .inner_container {
  display:flex;
  justify-content:center;
  position:absolute;
  width:100%;
  height:100%;
  align-items:center;
  z-index:2;
  transition: all 1s;
}

.tablet_wrapper .tablet_container .team_slide {
  width:100%;
  height:100%;
  transition: all 1s;
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  background-size:cover;
  color:var(--c-white)}

.tablet_wrapper .tablet_container .team_slide .overlay {
  position:absolute;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  background-color:var(--c-black);
  opacity:0.5;
  z-index:1;
}

.tablet_wrapper .tablet_container .team_slide .title {
  font-weight: 400;
  font-size:var(--font-size-huge);
  margin-bottom:var(--spacing-xl);
  text-align: center;
  line-height:var(--font-line-height-tight);
  position: relative;
  z-index: 2;
  margin-top:var(--spacing-xxxl);
}

.tablet_wrapper .tablet_container .loading_text {
  color:var(--c-text);
  margin-top:var(--spacing-md);
  position:relative;
  z-index:3;
}

.loader {
  display: block;
  width: 180px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(0,0,0,0.35);
  position: relative;
  z-index:2;
  opacity:0.9;
}

.loader::before {
  content: "";
  position: absolute;
  background:var(--c-brand);
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-radius: 30px;
  animation: moving 1s ease-in-out infinite;
  ;
}



.tablet_wrapper .tablet_container .slide_wrapper {
  opacity:0;
  position:absolute;
  z-index:2;
  left: 0px;
  top: 0px;
}

.tablet_wrapper.show_slider .tablet_container .slide_wrapper {
  opacity:1;
  transition: all 1s;
  z-index:3;
}

.tablet_wrapper.show_slider .tablet_container .team_slide {
  opacity:0;
}

.tablet_container .slide_wrapper {
  width:100%;
  height:100%;
  position:absolute;
  transition: all 1s;
}

.tablet_container .slide_container {

  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 1s ease;
  pointer-events: none;
  width:100%;
  height:100%;
}

.tablet_wrapper .company_imageslide1,
.tablet_wrapper .company_imageslide2,
.tablet_wrapper .company_imageslide3 {
	transition:0.8s;
	  opacity: 0;
  clip-path: inset(100% 0 0 0);
}

/* Sichtbar je nach Klasse an .tablet_wrapper */
.tablet_wrapper.phase1 .company_imageslide1,
.tablet_wrapper.phase2 .company_imageslide2,
.tablet_wrapper.phase3 .company_imageslide3 {
    opacity: 1;
 clip-path: inset(0 0 0 0);
  pointer-events: auto;
  z-index: 2;
}


.tablet_wrapper.phase3 .company_imageslide3 {
  background-color:var(--c-white);
}

.tablet_container .slide_container video {
  width:100%;
  height:100%;
  position:absolute;
  top: 0px;
  left: 0px;
}

.tablet_wrapper input[type="radio"] {
  display: none;
}

.tablet_container .slide_wrapper {
  width:100%;
  height:100%;
  position:absolute;
  left: 0px;
  top: 0px;
}

.tablet_container .slide_wrapper .slide_buttons {
  position: absolute;
  bottom:var(--spacing-md);
  right:var(--spacing-lg);
  z-index:999;
  display: flex;
  gap: var(--spacing-sm);
  opacity:0;
  pointer-events:none;
}

.tablet_container .slide_wrapper .slide_buttons button {
  background: none;
  border: none;
  color:var(--c-white);
  font-size:var(--font-size-md);
  margin-right:var(--spacing-xs);
  transition:all 0.3s;
  opacity:0.8;
  background-color: var(--c-text);
  border-radius: 100px;
  padding: 10px;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.tablet_wrapper.phase1 .slide_wrapper .slide_buttons.sb1 {
	opacity:1;
	 pointer-events:all;
}


.tablet_wrapper.phase2 .slide_wrapper .slide_buttons.sb2 {
	opacity:1;
	 pointer-events:all;
}

.tablet_wrapper.phase2 .slide_wrapper .slide_buttons.sb1 {
	opacity:0;
	 pointer-events:none;
}

.tablet_wrapper.phase3 .slide_wrapper .slide_buttons {
	opacity:0 !important;
}




.tablet_container .slide_wrapper .slide_buttons button:hover {
  opacity:1;
}

.tablet_container .slide_container .slide {
  width:100%;
  height:510px;
  background-size:cover;
}

section.multicompany {
  width: 100%;
  margin-top: 0px;
  background: transparent;
  margin-bottom:var(--spacing-xs);
}

section.multicompany.detail-mtop {
  margin-top:var(--spacing-xxxl);
  margin-bottom:var(--spacing-xxxl);
}

.title_container_center {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.title_container_center .title {
  font-weight:400;
  font-size:var(--font-size-xxl);
  margin-bottom:var(--spacing-md);
  max-width:1200px;
  text-align:center;
}



.title_container_center .subtitle {
  color:var(--c-muted);
  font-size:var(--font-size-xl);
  line-height:var(--font-line-height-tight);
  text-align:center;
  max-width: 1200px;
}

.pat_multicompany_map {
  width:100%;
  margin-bottom:var(--spacing-xxxl);
  position:relative;
  height:100vh;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:var(--spacing-lg);
  background-position-x: 695px;
}

.pat_multicompany_map .feature_container {
  max-width:700px;
}

.pat_multicompany_map .feature_container {
  max-width: 800px;
  position:relative;
}

.pat_multicompany_map .feature_container .feature_item {
  background-color:var(--c-white);
  border-radius:var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-lg);
  margin-bottom:var(--spacing-md);
  position:relative;
  opacity: 0;
  transform: translateY(50px);

}

.pat_multicompany_map .feature_container .feature_item .title {
  font-size:var(--font-size-xl);
  font-weight:400;
  margin-bottom:var(--spacing-sm);
}

.pat_multicompany_map .feature_container .feature_item .title i {
  font-size:var(--font-size-xl);
  margin-right:var(--spacing-xs);
  position: relative;
  top: 0px;
  left: 0px;
}

.pat_multicompany_map .pointer{
font-size:60px;
color: #424242;
position:absolute;
z-index:30;
  transform: translateY(-30px);
  opacity:0;
  transition:all 1s;
}

.pat_multicompany_map .pointer.show {
	opacity:1;
	 transform: translateY(0px);
}

.pat_multicompany_map .pointer.p1{
    top: 201px;
    right: 800px;
}

.pat_multicompany_map .pointer.p2{
    top: 721px;
    right: 600px;
}


.pat_multicompany_map .pointer.p3{
    top: 626px;
    right: 376px;
}

.pat_multicompany_map .pointer.p4{
    top: 310px;
    right: 702px;
}

.pat_multicompany_map .pointer.p5{
      top: 657px;
    right: 766px;
}


.pat_multicompany_map .pointer.p6{
 top: 544px;
    right: 237px;
}

.pat_multicompany_map .pointer.p7{
top: 388px;
    right: 324px;
}

.pat_multicompany_map .pointer.p8{
    top: 479px;
    right: 851px;
}

.pat_multicompany_map .pointer.p9{
 top: 400px;
    right: 237px;
}

.pat_multicompany_map .pointer.p10{
     top: 330px;
    right: 100px;
}



.pat_multicompany_map .wmap {
    top: 0px;
	position:absolute;
    right: -633px;
    height: 1136px;
    width: auto;
}

.pat_multicompany_map .content_container {
  height: 100vh;
  display: flex;
  align-items: center;
  z-index:40;
}

.patnewsletter_container {
  padding-top:var(--spacing-xl);
  padding-bottom:var(--spacing-xl);
  background-size:cover;
}

.patnewsletter_conatiner .content_container {
  position:relative;
  z-index:2;
}

.patnewsletter_container .title {
  width:50%;
  margin-bottom:var(--spacing-xxxl);
  color:var(--c-white);
  font-size:var(--font-size-xxxl);
  font-weight:400;
}

.patnewsletter_container .right_container {
  display:flex;
  justify-content:right;
  width:100%;
}

.patnewsletter_container .right_container .inner_container {
  width:900px;
}

.patnewsletter_container .right_container .textbox_container {
  background-color:var(--c-white);
  border-radius:60px;
  box-shadow: var(--shadow-lg);
  height: 90px;
  display: flex;
  align-items: center;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  opacity: 0.8;
  position: relative;
}

.patnewsletter_container .right_container .textbox_container:hover {
  opacity:1;
}

.patnewsletter_container .right_container .textbox_container input[type='email']  {
  border:none;
  background:none;
  outline:none;
  font-size:var(--font-size-lg);
  color:var(--c-text);
}

.patnewsletter_container .right_container .textbox_container input[type='email'] ::placeholder {
  color:#ccc;
}

.patnewsletter_container .right_container .textbox_container input[type='submit'] {
  position:absolute;
  right:var(--spacing-md);
  top:calc(50% - 25px);
}

.patnewsletter_container .bg_overlay {
  position:absolute;
  width:100%;
  height:100%;
  top: 0px;
  left: 0px;
  background-color:var(--c-black);
  opacity:0.5;
  z-index:1;
}

.patnewsletter_container .right_container .note {
  color:var(--c-white);
  font-size:var(--font-size-sm);
  margin-top:var(--spacing-md);
  padding-left:var(--spacing-md);
}


.faq .faq_sticky {
	  position: relative; /* wichtig für das Pinning */

}

.faq .sticky-container {
  position: relative;
  width: 100%;
}
	

.faq .content_container {
  display:flex;
  justify-content:space-between;
  margin-bottom:var(--spacing-xxxl);
  gap:var(--spacing-xxl);
}

.faq .content_container .sticky-container {
  width:580px;
}

.faq .content_container .title_container .title {
  font-size:var(--font-size-xxl);
  font-weight:400;
  margin-bottom:var(--spacing-md);
}

.faq .content_container .title_container .paragraph {
  color:var(--c-muted);
  margin-bottom:var(--spacing-md);
  padding-right:var(--spacing-lg);
}


.faq .content_container .faq_container .faq_item {
  background-color:var(--c-white);
  border-radius:var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-lg);
  margin-bottom:var(--spacing-md);
  position:relative;
  cursor:pointer;
}

.faq .content_container .faq_container .faq_item:hover .title {
  color:var(--c-brand);
}

.faq .content_container .faq_container .faq_item .title {
  font-size:var(--font-size-lg);
  font-weight:400;
  padding-right:30px;
  transition: all 0.3s;
}

.faq .content_container .faq_container .faq_item .content {
  opacity:0;
  overflow:hidden;
  height:0px;
  width:100%;
  transition:all 0.7s;
 
}

.acc_button {
  background-color:var(--c-muted);
  border-radius: 100px;
  color:var(--c-text);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  opacity: 0.4;
  transition: all 0.5s;
  min-width:35px;
}

.faq .acc_button {
  position: absolute;
  right:var(--spacing-md);
  top:var(--spacing-md);
}

.patmenu .acc_button,
.modal_menu_dialog .acc_button {
  margin-left:var(--spacing-lg);
  min-width: 40px;
  min-height: 40px;
}

.acc_button:hover {
  opacity:1;
}

.acc_button i {
  font-size:var(--font-size-sm);
}

.faq .content_container .faq_container .faq_item.show .content {
  opacity:1;
  height:100%;
   padding-top:var(--spacing-sm);
}

.faq .content_container .faq_container .faq_item.show .acc_button,
.patmenu .product_item.show .acc_button,
.modal_menu_dialog .product_item.show .acc_button,
.accordion_container .acc_item.show .acc_button,
.modules_container.show .module_item.full .acc_button {
  rotate: 180deg;
}

section.patmenu {
  z-index:1000;
}

.patmenu .title_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:var(--spacing-xxxl);
}

.patmenu .title_container .title {
  font-weight:400;
  font-size:var(--font-size-xxl);
  margin-bottom:var(--spacing-md);
  max-width:970px;
  text-align:center;
}

.patmenu .title_container .subtitle {
  color:var(--c-muted);
  font-size:var(--font-size-xl);
  line-height:var(--font-line-height-tight);
  text-align:center;
  max-width: 1200px;
}

.patmenu_container {
  margin-top:var(--spacing-xl);
  width:100%;
  margin-bottom:var(--spacing-xxxl);
}

.patmenu_container .product_item {
  margin-bottom:var(--spacing-md);
  padding-bottom:var(--spacing-md);
  padding-top:var(--spacing-md);
  padding-left:var(--spacing-xl);
  padding-right:var(--spacing-xl);
}

.patmenu_container .product_item .parent_container {
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
}

.patmenu_container .product_item .parent_container .title {
  font-size:var(--font-size-xl);
  font-weight:400;
  margin-bottom:var(--spacing-xs);
  transition:0.3s;
  display:block;
}

.patmenu_container .product_item .parent_container .title i {
  margin-right:var(--spacing-sm);
  font-size:var(--font-size-xl);
}

.patmenu_container .product_item .parent_container .title:hover {
  color:var(--c-brand)}

.patmenu_container .product_item .parent_container .paragraph {
  color:var(--c-muted);
  font-size:var(--font-size-md);
}

.modal_menu_dialog_background {
  position:fixed;
  left: 0;
  top: 0;
  width:100%;
  height:100%;
  background-color:var(--c-black);
  opacity:0.6;
  z-index:10000;
  display:none;
  opacity:0.5;
  transition: all 0.5s ease;
}

.modal_menu_dialog {
  position:fixed;
  z-index:1001;
  left: 0px;
  top: 0px;
  height:100vh;
  width:100%;
  display:flex;
  overflow:auto;
  transition: all 0.7s ease;
  transform: translateX(-120vw);
  z-index: 10001;
  background-color:var(--c-text);
}

.modal_menu_dialog .title_container {
  padding:var(--spacing-lg);
  padding-bottom:var(--spacing-lg);
  padding-right: var(--spacing-xxxl);
}

.modal_menu_dialog .title_container .title {
  font-weight:400;
  font-size:var(--font-size-xxxl);
  margin-bottom:var(--spacing-sm);
}

.modal_menu_dialog .title_container .subtitle {
  font-size:var(--font-size-md);
  color:var(--c-muted);
}

.modal_menu_dialog .solutionmenu {
  width:70%;
  display:flex;
  flex-direction:column;
  padding:var(--spacing-xs);
  background-color:var(--c-white);
}

.solution_twocolumn_container {
  display:flex;
}

.modal_menu_dialog .solution_twocolumn_container {
  opacity:0;
  transition: all 1s ease;
  transition-delay:0.3s;
  transform: translateY(-100px);
  border-top: 1px solid var(--c-border);
  padding-left:var(--spacing-lg);
  padding-right:var(--spacing-lg);
  background-color:var(--c-white);
}

.solution_twocolumn_container {
  display:flex;
  gap:var(--spacing-lg);
}

.solution_twocolumn_container .solution_column {
  padding-top:var(--spacing-md);
  width:100%;
  padding-bottom:var(--spacing-md);
  position:relative;
  width:50%;
}

.solution_twocolumn_container .solution_column .bottom_logo_container {
  display:flex;
  width:100%;
  justify-content:flex-end;
  padding-top:var(--spacing-xl);
}

.solution_twocolumn_container .solution_column .bottom_logo {
  width:250px;
  height:auto;
}

.solution_twocolumn_container .solution_column .column_content_container {
  position:relative;
  padding-bottom:var(--spacing-sm);
}

.solution_twocolumn_container .solution_column:first-child {
  border-right: 1px solid var(--c-border);
  padding-right:var(--spacing-lg);
}

.solution_twocolumn_container .solution_column:last-child {
}

.solution_twocolumn_container .solution_column .solution_headline {
  margin-bottom:var(--spacing-md);
  margin-top:var(--spacing-sm);
}

.solution_twocolumn_container .solution_column .solution_headline .name {
  font-size:var(--font-size-md);
  font-weight:500;
  color:var(--c-muted);
  opacity:0.6;
}

.solution_twocolumn_container .solution_column .solution_headline .title {
  font-size:var(--font-size-xl);
  font-weight:400;
}

.solution_twocolumn_container .solution_column .solution_headline .subtitle {
  margin-top: 0px;
  color:var(--c-muted);
}

.solution_twocolumn_container .toggle_button_container {
  margin-bottom:var(--spacing-lg);
  margin-top:var(--spacing-sm);
}

.solution_twocolumn_container .solution_column .link_list {
  padding-left:var(--spacing-sm);
  padding-right:var(--spacing-sm);
  .footer .content_container .right .footer_segment .title
	width:100%;
  .footer .content_container .right .footer_segment .title
	opacity:0;
  transition:0.6s;
  pointer-events:none;
}

.solution_twocolumn_container .solution_column .link_list.active {
  opacity:1;
  pointer-events:all;
}

.solution_twocolumn_container .solution_column .link_list .link_item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:var(--spacing-sm);
  transition:0.3s;
  font-size:var(--font-size-lg);
  position:relative;
  padding-left:var(--spacing-md);
}

.solution_twocolumn_container .solution_column .link_list .link_item::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  /* zentriert vertikal */
  width: 10px;
  height: 10px;
  background-color:var(--c-brand);
  /* grün */
  border-radius: 3px;
  /* leicht abgerundet */
}

.solution_twocolumn_container .solution_column .link_list .link_item i {
  font-size:var(--font-size-xl);
  transition:0.3s;
}

.solution_twocolumn_container .solution_column .link_list .link_item span {
  transition:0.3s;
}

.solution_twocolumn_container .solution_column .link_list .link_item:hover span {
  color:var(--c-brand);
}

.solution_twocolumn_container .solution_column .link_list .link_item:hover i {
  transform: translate(20px, 0px)}

.solution_twocolumn_container .solution_column .solution_item {
  margin-bottom:var(--spacing-md);
  margin-top:var(--spacing-sm);
}

.solution_twocolumn_container .solution_column .solution_item a {
  font-size:var(--font-size-lg);
  margin-bottom:var(--spacing-xs);
  transition:0.3s;
  display:block;
  align-items:center;
}

.solution_twocolumn_container .solution_column .solution_item i {
  font-size:var(--font-size-xl);
  margin-right:var(--spacing-sm);
  position: relative;
  top: 0px;
}

.solution_twocolumn_container .solution_column .solution_item a:hover {
  color:var(--c-brand);
}

.solution_twocolumn_container .solution_column .solution_item .description {
  font-size:var(--font-size-md);
  color:var(--c-muted);
}

.modal_menu_dialog .patmenu_container {
  margin-top: 0px;
}

.modal_menu_dialog .patmenu_container .product_item {
  opacity:0;
  transition: all 1s ease;
  transition-delay:0.3s;
  transform: translateY(-100px);
}

.modal_menu_dialog .patmenu_container .product_item .parent_container .title {
  font-size:var(--font-size-xl);
}

.modal_menu_dialog .patmenu_container .product_item .parent_container .title i {
  font-size:var(--font-size-xl);
}

.modal_menu_dialog .patmenu_container .product_item .parent_container .paragraph {
  font-size:var(--font-size-md);
}

.modal_menu_dialog .patmenu_container .menu_item {
  height: 45px;
}

.modal_menu_dialog .patmenu_container .menu_item .title {
  font-size:var(--font-size-lg);
  padding-left:var(--spacing-md);
}

.modal_menu_dialog .patmenu_container .menu_item .number {
  top: 18%;
  font-size:var(--font-size-sm);
}

.modal_menu_dialog  .patmenu_container .menu_item .link {
  font-size:var(--font-size-xl);
}

.modal_menu_dialog .msidebar_container {
  width:30%;
  height:100%;
  padding:var(--spacing-lg);
  position:relative;
  background-size:120%;
  background-position:50% top;
  transition:all 0.5s;
}

.modal_menu_dialog .msidebar_container .bg_overlay {
  background-color:var(--c-black);
  opacity:0.6;
  position:absolute;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  z-index:1;
}

.modal_menu_dialog .msidebar_container .msidebar_content {
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  justify-content:flex-end;
  flex-direction:column;
  transition:all 0.5s;
}

.modal_menu_dialog .msidebar_container .msidebar_content .title {
  font-weight:400;
  color:var(--c-white);
  font-size:var(--font-size-xxl);
}

.modal_menu_dialog .msidebar_container .msidebar_content .paragraph {
  color:var(--c-white);
  font-size:var(--font-size-lg);
  margin-top:var(--spacing-sm);
  margin-bottom:var(--spacing-md);
}

.modal_menu_dialog .mainmenu_container {
  width:30%;
  height:100%;
  padding:var(--spacing-lg);
  position:relative;
  transition:all 0.5s;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  background-color:var(--c-text);
}

.modal_menu_dialog .msidebar_container {
  display:none;
}

.modal_menu_dialog .mainmenu_container .menu_logo_container {
  position:absolute;
  bottom:var(--spacing-xs);
  left: 0px;
  width:100%;
  display:flex;
  justify-content:center;
  padding-bottom:var(--spacing-lg);
}

.modal_menu_dialog .mainmenu_container .menu_logo_container .menu_logo {
  width:200px;
  height:auto;
}

.modal_menu_dialog .mainmenu_container .mainmenu {
  text-align:center;
  color:var(--c-white);
  list-style:none;
}

.modal_menu_dialog .mainmenu_container .mainmenu li {
  margin-bottom:var(--spacing-md);
}

.modal_menu_dialog .mainmenu_container .mainmenu a {
  text-decoration:none;
  transition:all 0.3s;
  font-size:var(--font-size-xl);
  margin-bottom:var(--spacing-md);
  color:var(--c-white);
}

.modal_menu_dialog .mainmenu_container .mainmenu a:hover {
  color:var(--c-brand);
}

.modal_menu_dialog .mainmenu_container .modal_menu_language a {
  color:var(--c-white);
  font-size:var(--font-size-sm);
  text-decoration:none;
  opacity:0.5;
}

.modal_menu_dialog .mainmenu_container .modal_menu_language a.active,
.modal_menu_dialog .mainmenu_container .modal_menu_language a:hover {
  text-decoration:underline;
  opacity:1;
}

.modal_menu_dialog .textbox_container {
  background-color:var(--c-white);
  border-radius:60px;
  box-shadow: var(--shadow-lg);
  height: 70px;
  display: flex;
  align-items: center;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  opacity: 0.8;
  position: relative;
}

.modal_menu_dialog .textbox_container:hover {
  opacity:1;
}


.modal_menu_dialog .textbox_container input[type='email'] {
  border:none;
  background:none;
  outline:none;
  font-size:var(--font-size-sm);
  color:var(--c-text);
}

.modal_menu_dialog.textbox_container input[type='email']::placeholder {
  color:#ccc;
}

.modal_menu_dialog .textbox_container input[type="submit"] {
  position:absolute;
  right:var(--spacing-sm);
  top:calc(50% - 25px);
  height:50px;
}


.modal_menu_dialog .close_button {
  position:absolute;
  right:var(--spacing-lg);
  top:var(--spacing-lg);
  background-color:var(--c-muted);
  color:var(--c-text);
  border:none;
  border-radius:90px;
  width:70px;
  height:70px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:var(--font-size-xl);
  opacity:0.4;
  transition:all 0.3s;
  z-index:5;
}

.modal_menu_dialog .close_button:hover {
  opacity:0.8
}

.modal_menu_dialog .close_button .bi-arrow-left {
  display:none;
}

.modules {
  margin-top:var(--spacing-xxxl);
    padding-bottom: var(--spacing-xl);
}

.modules_container {
  display:flex;
  width:100%;
  gap:var(--spacing-md);
  height:0px;
  opacity:0;
  transition:0.4s;
}

.modules_container {
  display: flex;
  flex-wrap: wrap;                 /* erlaubt Umbruch in mehrere Zeilen */
  justify-content: flex-start;
  gap: var(--spacing-md);
  width: 100%;
  height: 0;
  opacity: 0;
  transition: 0.4s;
}




.modules_outer_container {
  width: 100%;
  position: relative;
}




.modules_container.show {
  height:auto;
  opacity:1;
  width:100%;
  pointer-events:all;
  position:relative;
}

.modules_container.modules_horizontal {
  margin-bottom:var(--spacing-xxxl);
}

.modules .title
,.success_stories .title
,.company_locations .title
,.packages .title
,.feature_comparison .title {
  font-size:var(--font-size-xxl);
  font-weight:400;
  max-width:1100px;
  margin-bottom:var(--spacing-lg);
}

.showcase .title {
  text-align:center;
  color:var(--c-white);
}

.bottom_menu {
  margin-bottom:var(--spacing-xs);
  margin-top:var(--spacing-lg);
  border-top: 1px solid var(--c-border);
}

.bottom_menu .solution_column {
  padding-top:var(--spacing-md);
}

.showcase .content_container {
  text-align:center;
}

.modules_container .module_item {
  background-color:var(--c-white);
  border-radius:var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-sm);
  position:relative;
  flex: 1 1 calc(33.333% - var(--spacing-md));  /* max. 3 pro Zeile */
  box-sizing: border-box;
  overflow:hidden;
}

.module_item.empty {
  visibility: hidden;
  pointer-events: none;
}

.modules_container .module_item .module_image {
  overflow: hidden;
  border-radius: calc(var(--radius-lg) - 5px);
  height: 160px;
  display:flex;
  justify-content:center;
  align-items:center;
  background-size: cover;
  background-position: center center;
  transition:0.6s;
}

.modules_container .module_item .module_image img {
  height: auto;
  width: 100%;
}

.modules_container .module_item .module_title .module_subtitle {
  font-size:var(--font-size-sm);
  color:var(--c-white);
  background-color:var(--c-text);
  padding:var(--spacing-xs);
  padding-right:var(--spacing-xs);
  padding-left: 0px;
  border-radius: 100px;
  padding-left:var(--spacing-sm);
  padding-right:var(--spacing-sm);
  position: absolute;
  top: -var(--spacing-sm);
  display:none;
}

.modules_container .module_item .module_title {
  font-size:var(--font-size-lg);
  font-weight:400;
  padding-right:var(--spacing-md);
  transition: all 0.3s;
  padding:var(--spacing-md);
 
  padding-bottom:var(--spacing-xs);
  position:relative;
}

.modules_container .module_item.full .module_title {
	 margin-top:var(--spacing-lg);
	 font-size:var(--font-size-xl);
}

.modules_container .module_item .content {
  width:100%;
  padding:var(--spacing-md);
  padding-top: 0px;
}

.modules_container .module_item .content b {
  color:var(--c-text);
}

.modules_container .link_container {
  padding:var(--spacing-md);
  margin-top: 0px;
}

.modules_container.closed .module_item.full .acc_button {
  position: absolute;
  right:var(--spacing-lg);
  top: calc(50% - 15px);
}

.modules_container.show .module_item.full .acc_button {
  position: absolute;
  right:var(--spacing-lg);
  top:var(--spacing-lg);
}

.modules_container .module_item.full {
  display:flex;
  gap:var(--spacing-md);
  transition:0.5s;
}

.modules_outer_container .modules_container {
  margin-top:var(--spacing-md);
}



.modules_outer_container .modules_container {
  height:auto;
  opacity:1;
}

.modules_outer_container .modules_container .module_item:hover {
  cursor:pointer;
  box-shadow: var(--shadow-lg-hover);
}

.modules_outer_container .modules_container.closed .module_item:hover .module_title {
  color:var(--c-brand);
}

.modules_container.closed .module_item.full {
  min-height:210px;
}

.modules_container.closed .module_item.full .module_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right:var(--spacing-xl);
}

.modules_container.closed .module_item.full .module_image {
  max-height: 0;
  opacity: 0;
  min-width: 35%;
  min-height:0px;
}

.modules_container.closed .module_item.full .module_wrapper .module_title {
  margin-top: 0px;
  padding-top: 0px;
}

.modules_container .module_item.full .content {
  transition: 2s;
  transition-delay:0.3s;
}

.modules_outer_container .modules_container .module_item.full .content .button {
float:right
}

.modules_container.closed .module_item.full .content {
 	overflow:hidden;
	opacity:0;
    display: -webkit-box;
  -webkit-line-clamp: 2;     /* Zeilenanzahl begrenzen */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  max-height: 3em; /* ungefähr 2 Zeilen, anpassen falls nötig */
	
}

.modules_container.show .module_item.full .module_image {
  max-height: 500px;
  min-width: 35%;
  min-height:500px;
}

.modules_container.closed .module_item .module_logo {
  padding-top: 7px;
}

.modules_container .module_item .module_logo {
  height: auto;
  position: absolute;
  left:var(--spacing-sm);
  background-color:var(--c-white);
  border-bottom-right-radius: 30px;
  top:var(--spacing-sm);
  z-index: 2;
  padding-left:var(--spacing-sm);
  padding-right:var(--spacing-sm);
  transition:0.3s;
  transition-delay:0.2s;
}

.modules_container .module_item .module_logo img {
  width:250px;
}

.text_highlight_container {
  border-left: 6px solid var(--c-brand);
  padding-left:var(--spacing-sm);
  font-weight: 400;
  line-height:var(--font-line-height-tight);
}

.text_highlight_container .big_text {
  font-size:var(--font-size-xxl);
  color:var(--c-brand);
}

.text_highlight_container .medium_text {
  font-size:var(--font-size-lg);
  color:var(--c-brand);
  padding-right:var(--spacing-xxxl);
  margin-bottom:var(--spacing-xs);
}

.testimonials {
  margin-top:var(--spacing-xxxl);
}

.testimonials .testimonials_container {
  width:100%;
  margin-top:var(--spacing-xxxl);
  position:relative;
  max-width:1200px;
  margin: 0 auto;
  padding-top:var(--spacing-lg);
}

.testimonials .testimonials_container .testimonial_item {
}

.testimonials .testimonials_container .testimonial_item .text {
  text-align:center;
  font-weight:300;
  font-size:var(--font-size-xl);
  margin-bottom:var(--spacing-md);
  letter-spacing:0px;
}

.testimonials .testimonials_container .testimonial_item .customer_container {
  width:100%;
  display:flex;
  justify-content:flex-end;
}

.testimonials .testimonials_container .testimonial_item .customer_container .customer {
  text-align: center;
  color:var(--c-muted);
  font-weight: 400;
  font-size:var(--font-size-md);
}

.testimonials .testimonials_container .testimonial_item .customer_container img {
  height: 180px;
  width: auto;
  position: relative;
  top: -var(--spacing-md);
}

.slick_arrows .buttons {
  display:flex;
  align-items:center;
  gap:var(--spacing-sm);
}

.slick_arrows .buttons button {

 
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
}

.slick_arrows .buttons button i {
   font-size:var(--font-size-md);
  margin-right:0px;
}

section.company_locations {
  margin-top:var(--spacing-xxxl);
}

.company_locations .locations_container {
  display:flex;
  justify-content:space-between;
  position:relative;
}

.company_locations .locations_container .location_item {
  width:31%;
}

.company_locations .locations_container .location_item .image_container {
  width:100%;
  height:400px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom:var(--spacing-md);
  border-radius:20px;
}

.company_locations.management .locations_container .location_item .image_container {
  height:450px;
}

.company_locations .locations_container .location_item .title_container {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:var(--spacing-md);
}

.company_locations .locations_container .location_item .title_container .location_title {
  font-weight:500;
  font-size:var(--font-size-xl);
}

.company_locations .locations_container .location_item .title_container .typ {
  font-size:var(--font-size-md);
  color:var(--c-muted);
}

.company_locations .locations_container .location_item .contact_container {
  margin-bottom:var(--spacing-md);
}

section.contactform {
  color:var(--c-white);
}

section.contactform .title {
  color:var(--c-white);
}

section.contactform .title {
  font-size:var(--font-size-xxl);
  font-weight:400;
  max-width:1200px;
  margin-bottom:var(--spacing-xl);
  color:var(--c-white);
}

section.contactform .contactform_container {
  margin-top:var(--spacing-lg);
  margin-bottom:var(--spacing-xxxl);
  width:100%;
}

section.contactform .contactform_container .form_row {
  width:100%;
  display:flex;
  justify-content: space-between;
  margin-bottom:var(--spacing-xl);
}

section.contactform .contactform_container .form_row .form_item {
  width:100%;
}

section.contactform .contactform_container .form_row.half .form_item {
  width:48%;
}

section.contactform .contactform_container .form_row .form_item input[type=text],
section.contactform .contactform_container .form_row .form_item input[type=email],
section.contactform .contactform_container .form_row .form_item textarea {
  background:none;
  border:none;
  width:100%;
  border-bottom:1px solid var(--c-white);
  opacity:1;
  font-size:var(--font-size-lg);
  padding:var(--spacing-md);
  padding-left: 0px;
  color:var(--c-white);
}

section.contactform .contactform_container .form_row .form_item textarea {
  height:250px;
}

section.contactform .contactform_container .form_row .form_item input[type=text]:hover,
section.contactform .contactform_container .form_row .form_item input[type=email]:hover,
section.contactform .contactform_container .form_row .form_item textarea:hover {
  opacity:1;
}

section.contactform .contactform_container .form_row .form_item label {
}

section.contactform .contactform_container .form_row .form_checkbox label,
.contact_testimonial_container .form_container .form_checkbox.full_c label
{
  display: flex;
  align-items: flex-start;
  gap:var(--spacing-sm);
}

section.contactform .contactform_container .form_row .form_checkbox label input,
.contact_testimonial_container .form_container .form_checkbox.full_c label input
{
  position: relative;
  top: 5px;
}



section.contactform .contactform_container .form_row .form_checkbox input {
  transform: scale(1.7);
  border: none;
  border-radius: 0px;
  background-color:var(--c-white);
  position: relative;
  outline: none;
  position: relative;
  top:var(--spacing-sm);
}

section.contactform .contactform_container .form_row.submit {
  justify-content: space-between;
}

section.newsportal {
  margin-top:var(--spacing-xxxl);
  margin-bottom:var(--spacing-xxxl);
  min-height:80vh;
}

section.newsportal .categories_container,
section.modules .categories_container {
 display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  overflow-x: auto;              /* Horizontal scrollen erlauben */
  overflow-y: hidden;            /* Kein vertikaler Scroll */
  -webkit-overflow-scrolling: touch; /* sanftes Scrollen auf iOS */
  scroll-snap-type: x proximity; /* optional: Snap-Verhalten */
  scrollbar-width: none;         /* Firefox: Scrollbar ausblenden */
}

section.modules .categories_container::-webkit-scrollbar,
section.newsportal .categories_container::-webkit-scrollbar  {
  display: none; /* Safari/Chrome: Scrollbar ausblenden */
}

section.modules .categories_container .button,
section.newsportal .categories_container .button {
  scroll-snap-align: start;      /* optional: Snap-Ausrichtung */
}



section.newsportal .newsportal_container {
	margin-bottom:var(--spacing-xxl);
}

section.newsportal .newsportal_container > p {
	text-align: center;
  font-size: var(--font-size-xl);
  margin-top: var(--spacing-xxl);
  padding-bottom: var(--spacing-lg);
}

section.newsportal .newsportal_container .newsportal_row {
  display:flex;
  margin-bottom:var(--spacing-xl);
  gap: var(--spacing-md);
}

section.newsportal .newsportal_container .newsportal_row .news_item {
  width:33.3%;
  padding:0px;
}

section.newsportal .newsportal_container .newsportal_row .img_holder {
  height:300px;
}

section.newsportal .newsportal_container a.learn-more .button-text {
  color :var(--c-text);
}

section.newsportal .newsportal_container a.learn-more .circle {
  background-color:var(--c-text);
  color:var(--c-white);
}

section.newsportal .newsportal_container a.learn-more .circle .icon.arrow::before {
  border-top: 0.125rem  solid var(--c-white);
  border-right: 0.125rem  solid var(--c-white);
}

section.newsportal .newsportal_container .newsportal_row .news_item .title {
  font-weight: 400;
  font-size:var(--font-size-lg);
  margin-bottom:var(--spacing-sm);
  margin-top:var(--spacing-sm);
}

.patsoftware .contactpoint_panel {
  margin-top:var(--spacing-xxxl);
}

.newsdetail {
  padding-top: 0px;
  margin-top:var(--spacing-xl);
}

.newsdetail.standard .content_container {
  display:flex;
}

.newsdetail.standard .content_container .detail_container {
  width: 70%;
  padding-right:var(--spacing-xxxl);
}

.newsdetail.standard .content_container .sidebar_container {
  width: 30%;
}

.newsdetail .content_container .news_image {
  width:100%;
  height:auto;
  border-radius:20px;
  margin-bottom:var(--spacing-lg);
}

.newsdetail .content_container p.big {
  font-weight:400;
  font-size:var(--font-size-xl);
}

.newsdetail .content_container p {
  margin-bottom:var(--spacing-lg);
}

.newsdetail .content_container .statement_container {
  display:flex;
  margin-bottom:var(--spacing-lg);
  align-items:center;
}

.newsdetail .content_container .statement_container .statement {
  width:60%;
  padding-right:var(--spacing-xl);
}

.newsdetail .content_container .statement_container .text {
  font-size:var(--font-size-xl);
  letter-spacing:5px;
  margin-bottom:var(--spacing-sm);
}

.newsdetail .content_container .statement_container .name {
  color:var(--c-muted);
}

.newsdetail .content_container .statement_container img {
  width:100%;
  max-width:400px;
  height:auto;
  border-radius:20px;
}

.newsdetail .content_container .two_images_container {
  display:flex;
  width:100%;
  gap:var(--spacing-lg);
  margin-bottom:var(--spacing-md);
}

.newsdetail .content_container .two_images_container img {
  width:100%;
  height:auto;
  border-radius:20px;
}

.newsdetail .content_container ul {
  list-style-type: square;
  padding-left:var(--spacing-md);
    margin-bottom:var(--spacing-lg);
}

.newsdetail .content_container ol {
  padding-left:var(--spacing-md);
  position: relative;
    margin-bottom:var(--spacing-lg);
}

.newsdetail {
  margin-bottom:var(--spacing-xl);
}

.newsarticle_box {
    background-color:var(--c-banner);
  border-radius:var(--radius-md);
  padding:var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
	color:#fff;
}

.newsarticle_box ul, 
.newsarticle_box ol {
	margin-bottom:0px;
}

.newsarticle_box .box_title {
  font-size:var(--font-size-lg);
  font-weight:400;
  margin-bottom:var(--spacing-sm)
}


.newsdetail.standard .content_container .sidebar_container .teaser_item {
  background-color:var(--c-white);
  border-radius:var(--radius-md);
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-lg);
  margin-bottom:var(--spacing-lg);
  position:relative;
  cursor:pointer;
}

.newsdetail.standard .content_container .sidebar_container .teaser_item .title {
  font-size:var(--font-size-xl);
  font-weight:400;
  transition: all 0.3s;
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .content {
  margin-top:var(--spacing-md);
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .news_link_container {
  display: flex
;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  color:var(--c-text);
  text-decoration: none;
  font-size:var(--font-size-lg);
  padding-right:var(--spacing-lg);
  position: relative;
  transition:all 0.3s;
  margin-bottom:var(--spacing-md);
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .news_link_container .date {
  color:var(--c-muted);
  font-size:var(--font-size-sm);
  margin-bottom:var(--spacing-xs);
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .news_link_container .date i {
  margin-right:var(--spacing-xs);
  font-size:var(--font-size-sm);
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .news_link_container .link {
  position:absolute;
  right:var(--spacing-xs);
  top: calc(50% - 20px);
  font-size:var(--font-size-xl);
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .news_link_container .text {
  font-size:var(--font-size-md);
}

.newsdetail.standard .content_container .sidebar_container .teaser_item  .news_link_container:hover .text {
  color:var(--c-brand);
  transition:all 0.3s;
}

.newsdetail.standard .content_container .sidebar_container .furtherlink_container .title {
  font-weight: 400;
  font-size:var(--font-size-xl);
  margin-bottom:var(--spacing-md);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 0px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Modal-Hintergrund */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background-color: rgba(0,0,0,0.8);
}

/* Animation beim Öffnen */
.modal.show .modal-content {
  opacity: 1;
  transform: translate(-50%, -50%)scale(1);
  /* Endzustand: zentriert */
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  /* Startpunkt: unten rechts, kleiner */
  transform-origin: right bottom;
  transform: translate(50%, 50%)scale(0.3);
  width: 75vw;
  max-width: 1200px;
  aspect-ratio: 16 / 9;
  background:var(--c-black);
    border-radius: var(--radius-sm);	
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Video füllt Container */
.video-wrapper,
.video-wrapper iframe {
  width: 100%;
  height: 100%;
}

/* Close-Button jetzt relativ zum Modal */
.close {
  position: absolute;
  top:var(--spacing-md);
  right:var(--spacing-md);
  width: 60px;
  height: 60px;
  /*! line-height: 60px; */
  text-align: center;
  color:var(--c-white);
  font-size:var(--font-size-xl);
  cursor: pointer;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  transition: background 0.2s ease;
  z-index: 10000;
  /* sicherstellen, dass es über dem Video liegt */
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400 !important;
}

.close:hover {
  background: rgba(255,255,255,0.2);
}

body.bg_fullscreen .header:not(.sticky) a,
body.bg_fullscreen .header:not(.sticky) a:after  {
  color:var(--c-white);
}

body.bg_fullscreen .header:not(.sticky) a:hover {
  color:var(--c-brand);
}

body.bg_fullscreen  .header-breadcrumb {
  border-color:var(--c-white);
}

body.bg_fullscreen  .fullscreen_bgvideo_overlay {
  position:absolute;
  z-index:2;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  background-color:var(--c-black);
  opacity: 0.5;
}

body.bg_fullscreen  .fullscreen_bgvideo {
  position:absolute;
  z-index:1;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  overflow:hidden;
  display: flex;
  justify-content: center;
}

body.bg_fullscreen  .fullscreen_bgvideo video {
  height:110vh;
}

body.bg_fullscreen .home_slogan_container .title {
  color:var(--c-white);
  padding-top: var(--spacing-xxxl);
}

.linkbutton_container {
  display: flex;
  gap:var(--spacing-sm);
  width: 100%;
  justify-content: center;
  margin-top:var(--spacing-md);
  margin-bottom:var(--spacing-lg);
}



.packages .packages_container {
  display:flex;
  width:100%;
  margin-bottom:var(--spacing-lg);
  gap:var(--spacing-md);
   margin-top:var(--spacing-xl);
}

.packages .packages_container .package_item {
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-lg);
  position:relative;
  display:flex;
  flex-direction:column;
  border-radius: var(--radius-md);
  width:33.33%;
  justify-content:space-between;
}

.packages .packages_container .package_item:before {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index: -1;
  content: '';
  background-color: var(--c-white);
  border-radius: var(--radius-md);
}


.packages .packages_container .package_item:after {
  position:absolute;
  top:-10px;
  left:-10px;
  border:3px solid var(--c-brand); 
  width:calc(100% + 20px);
  height:calc(100% + 20px);
  z-index: -2;
  content: '';
  border-radius: calc(var(--radius-md) + 5px);
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  padding-top: 8px;
  transition:0.4s;
  opacity:0;
}

.packages .packages_container .package_item.active:after {
  opacity:1;
}

.packages .packages_container .package_item.active .highlight_text {
	opacity:1;
}

.packages .packages_container .package_item .highlight_text {
  position: absolute;
  top: -40px;
  font-size: var(--font-size-sm);
  color: var(--c-brand);
  font-weight: 400;
left: 0px;
width: 100%;
text-align: center;
display:block;
opacity:0;
transition:0.4s;
}


.packages .packages_container .package_item .header_container {
  margin-bottom:var(--spacing-xl);
  text-align:center;
}

.packages .packages_container .package_item .header_container .title {
  font-size:var(--font-size-xl);
  font-weight:500;
  margin-bottom:0px;
}

.packages .packages_container .package_item .header_container .subtitle {
  color:var(--c-muted);
}

.packages .packages_container .package_item .price_container {
  margin-bottom:var(--spacing-md);
}

.packages .packages_container .package_item .price_container .label {
  color:var(--c-brand);
  font-size:var(--font-size-sm);
  font-weight:500;
  margin-bottom:var(--spacing-xs);
}

.packages .packages_container .package_item .price_container .price {
  font-size:var(--font-size-xl);
  font-weight:500;
}

.packages .packages_container .package_item .price_container .price span {
  font-size:var(--font-size-sm);
  position: relative;
  left: 0px;
  font-weight: 300;
}

.packages .packages_container .package_item .benefits_container {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
  margin-top: var(--spacing-md);
}

.packages .packages_container .package_item .benefits_container .benefit_item {
  display: flex;
  gap:var(--spacing-xs);
  font-size: var(--font-size-sm);
  margin-bottom: var(--spacing-xs);
}

.packages .packages_container .package_item .benefits_container .benefit_item i {
  color:var(--c-brand);
}

.packages .packages_container .package_item .button.darkborder {
  width:100%;
}

.packages .packages_note {
  color:var(--c-white);
  font-size:var(--font-size-sm);
}

.packages .banner_container {
  margin-top:var(--spacing-xxxl);
}

.packages .package_links_wrapper {
  margin-top:var(--spacing-xl);
}

.packages .packages_links_container {
  color:var(--c-white);
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  margin-top:var(--spacing-lg);
  justify-content:space-between;
}

.packages .packages_links_container .title {
  font-weight:400;
  font-size:var(--font-size-xl);
}

.packages .packages_links_container .subtitle {
  margin-bottom:var(--spacing-sm);
  color:var(--c-muted);
}

.packages .packages_links_container .left {
  max-width:70%;
}

.packages .packages_links_container .right {
  display: flex;
  flex-direction: column;
  gap:var(--spacing-sm);
}






.range_slider_container {
min-width:650px;
  margin-top: var(--spacing-lg);
}

.range_slider {
  width:100%;
  position: relative;
}

.range_slider .range_segments {
  display:flex;
  gap:3px;
   width:100%;
position: relative;
  z-index: 1;
}

.range_label_container {
	text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}

.range_slider .range_segments .segment {
  background-color:var(--c-muted);
  height: 10px;
  flex: 1 1 33%;
  position: relative;
  z-index: 1;
}

.range_slider .range_segments .segment:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.range_slider .range_segments .segment:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.range_slider .range_segments .segment.active {
  background-color: var(--c-text);
}

.range_slider .range_thumbs {
  display:flex;
  gap:3px;
   width:100%;
  position:absolute;
  z-index: 2;
  
}

.range_slider .range_thumbs .thumb_container {
  flex: 1 1 33%;
  position: relative;
  z-index: 1;
    height:40px;
}

.range_slider .range_thumbs .thumb_container .thumb {
  width:25px;
  height:25px;
  background-color:#fff;
  border-radius:100px;
  top:calc(0px + -8px);
  position: absolute;
  right: -14px;
  border: 7px solid var(--c-text);
  opacity: 0;
}

.range_slider .range_thumbs .thumb_container.active .thumb {
  opacity: 1
}

.range_slider_container .range_label_container .range_label {
font-size: var(--font-size-md);
font-weight: 400;
margin-bottom: var(--spacing-md);
margin-bottom: 30px;
max-width: 600px;
display:none;
}

.range_slider_container .range_label_container .range_label.active {
  display:block;
}



.range_slider .range_input {
  width:calc(100% + 20px);
  position:absolute;
  left:-10px;
  top:calc(0px + -5px);
  z-index:5;
  opacity: 0;
  cursor:pointer;
}




.range_slider_wrapper {
	width: 100%;
  display: flex;
  justify-content: center;
}



.feature_comparison {
  margin-bottom:var(--spacing-xxxl);
}

.feature_comparison_container {
  display:flex;
  margin-top:var(--spacing-xl);
}

.feature_comparison_container:first-child {
  margin-top:0px;
}


.feature_comparison_container .feature_column:first-child {
  min-width: 36%
}


.feature_comparison_container .feature_column {
  min-width: 16%;
}


.feature_comparison_container .feature_column .header_wrapper {
  min-height:90px;
   display:flex;
  align-items:flex-end;
  justify-content:center;
}

.feature_comparison_container .feature_column .header_container {
  position:relative;
}

.feature_comparison_container .feature_column .header_container .title {
  font-size: var(--font-size-md);
  font-weight: 400;
  text-align: center;
  margin-bottom: var(--spacing-sm);
}

.feature_comparison_container .feature_column .header_container .subtitle {
  font-size:var(--font-size-md);
  color:var(--c-muted);
  margin-bottom:var(--spacing-md);
  display:none;
}

.feature_comparison_container .feature_column .header_container a {
  display:none;
}


.feature_comparison_container .feature_column .table_container .table_item {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  height:55px;
  border-bottom:1px solid var(--c-muted);
}

.feature_note {
	margin-top: var(--spacing-md);
  font-size: var(--font-size-md-sm);
  line-height: 1.6;
}

.feature_comparison_all_container {
	display: flex;
  justify-content: center;
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
}

.feature_comparison_container .feature_column .table_container .table_item span {
  font-size: var(--font-size-sm);
}


.feature_comparison_container .feature_column .table_container .table_item i {
  font-size:var(--font-size-sm);
  color:var(--c-brand);
}

.feature_comparison_container .feature_column .table_container .table_item i.bi-asterisk {
  font-size: var(--font-size-xs-sm);
}
.feature_comparison_container .feature_column .table_container .table_item i.bi-asterisk:first-child {
  margin-right:3px;
}

.feature_comparison_container .feature_column .table_container .table_item.disabled i,
.feature_comparison_container .feature_column .table_container .table_item.disabled {
  color:var(--c-muted);
  opacity:0.6;
}

.feature_comparison_container .feature_column:first-child .table_container .table_item {
  justify-content:flex-start;
  padding-left:var(--spacing-sm);
}

.feature_comparison_container .feature_column:first-child .header_wrapper {
  align-items:flex-start;
  padding-left:var(--spacing-sm);
  justify-content:flex-start;
}

.feature_comparison_container .feature_column:first-child .header_wrapper .title {
  font-size:var(--font-size-xl);
  font-weight:500;
  margin-bottom: 0px;

  padding-top: var(--spacing-sm);
}


.feature_comparison .content_container {
  position: relative;
  max-height: 810px;
  overflow: hidden;
  transition: 2s;
}

.feature_comparison .fade-overlay {
  position: relative;
  margin-top: -330px; /* schiebt sich über unteren Rand */
  height: 350px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
  z-index: 5;
  transition: opacity .3s ease;
}

.feature_comparison.is-expanded .fade-overlay {
  opacity: 0;
}

.feature_comparison.is-expanded .content_container {
  max-height:none;
}



.insight .content_container .insight_item .text {
  max-width:50%;
  padding-right:var(--spacing-xl);
  padding-left:var(--spacing-xl);
}

.insight .content_container .insight_item .media {
  max-width:45%;
  margin-right:var(--spacing-xl);
}

.media_holder {
  overflow:hidden;
  border-radius:25px;
  display:flex;
  justify-content:center;
  align-items:center;
  max-height:450px;
  box-shadow: var(--shadow-lg);
  width:100%;
}

.media_holder video {
  width:auto;
  height:550px;
}

.insight .content_container .text .title {
  font-size:var(--font-size-xxl);
  font-weight:400;
  margin-bottom:var(--spacing-md);
}

.insight .content_container .text .paragraph {
  color:var(--c-muted);
  padding-right:var(--spacing-lg);
  margin-bottom:var(--spacing-md);
}

.insight .content_container .insight_item.right .text {
  max-width:55%;
  padding-right:var(--spacing-xs);
  padding-left:var(--spacing-xl);
}

.insight {
  position: relative;
}

.insight .content_container {
  position: relative;
  height: 100vh;
  /* jeder Container füllt Viewport */
}

.insight .insight_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion {
  margin-top:var(--spacing-xxxl);
}

.headline_container .title {
  font-size:var(--font-size-xxl);
  font-weight:400;
  max-width:1200px;
  margin-bottom:var(--spacing-xs);
}

.headline_container {
  margin-bottom:var(--spacing-lg);
}

.news_black .headline_container {
  color:var(--c-white)}

.accordion_container {
  width:100%;
  margin-top:var(--spacing-md);
  background-color:var(--c-white);
  border-radius:var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding:var(--spacing-lg);
}

.accordion_wrapper {
  display:flex;
  width:100%;
  gap:var(--spacing-xl);
}

.accordion_wrapper.text-only {
  gap:0px;
}

.accordion_container .left {
  width:55%;
}

.accordion_wrapper.text-only .left {
  width:100%;
}

.accordion_wrapper.text-only .right {
  display:none;
}


.accordion_container.staic-image {
  box-shadow:none;
  background:none;
  padding:0px;
}

.accordion_container.staic-image .screenshot_container {
  display:none;
}

.accordion_container.staic-image .static_image_container {
  display:block;
  overflow: hidden;
  border-radius: var(--radius-md);
  height: 800px;
}

.accordion_container.staic-image .static_image_container img {
  width: 100%;
}



.accordion_container .acc_item {
  padding-top:var(--spacing-md);
  padding-bottom:var(--spacing-md);
  border-bottom:1px solid var(--c-muted);
  display:flex;
  gap:var(--spacing-lg);
  transition:1s;
  align-items:center;
  opacity:0.2;
  cursor:pointer;
}

.accordion_container .acc_item:last-child {
	border-bottom:0px;
}



.accordion_container .acc_item.show, .accordion_container .acc_item:hover {
  opacity:1;
}

.accordion_container .acc_item .acc_number {
  font-size:var(--font-size-lg);
  color:var(--c-brand);
  font-weight:400;
}

.accordion_wrapper.text-only .acc_item .acc_number,
.accordion_container.staic-image .acc_item .acc_number  {
	 font-size:var(--font-size-xl);
	 margin-left: var(--spacing-md);
}


.accordion_container .acc_item .acc_header {
  display:flex;
  justify-content:space-between;
}

.accordion_container .acc_item .acc_header .acc_title {
  font-size:var(--font-size-xl);
  font-weight:400;
  padding-right:var(--spacing-lg);
  transition:0.3s;
}

.accordion_container .acc_item .acc_header .acc_title1:hover {
  color:var(--c-brand);
}

.accordion_container .acc_body {
  height:0px;
  transition:0.5s;
  overflow:hidden;
  padding-right:var(--spacing-lg);
}

.accordion_container .acc_item.show .acc_body {
  height: auto;
  padding-top:var(--spacing-sm);
  padding-bottom:var(--spacing-md);
  overflow:auto;
}

.accordion_container .right {
  position:relative;
  width:45%;
}

.accordion_container .screenshot_container {
  position:absolute;
  transition:1.2s;
  width: 100%;
  max-height: 800px;
  opacity:0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:var(--spacing-md);
  pointer-events:none;
}

.accordion_container .screenshot_container.show {
  opacity:1;
  pointer-events:all;
}

.accordion_container .screenshot_container .screenshot {
  width:100%;
  height:300px;
  overflow:hidden;
  border-radius:20px;
  position:relative;
}

.accordion_container .screenshot_container .screenshot.full_c {
  grid-column: 1 / -1
}

.accordion_container .screenshot_container .screenshot.full_c_r {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  /* alle Rows */
  height:600px;
}

.accordion_container .screenshot_container .screenshot img {
  width: auto;
  height: 100%;
  position:relative;
  z-index:1;
  transition:0.3s;
}

.accordion_container .screenshot_container .screenshot video {
  width: auto;
  height: 100%;
  transform: translateX(-25%);
  transition:0.3s;
}

.accordion_container .screenshot_container .screenshot_overlay {
  position:absolute;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  background-color:var(--c-black);
  opacity:0.5;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:2;
  transition:0.3s;
  pointer-events:none;
}

.accordion_container .screenshot_container .screenshot_overlay i {
  font-size:var(--font-size-xl);
  color:var(--c-white);
}

.accordion_container .screenshot_container .screenshot:hover img {
  transform:scale(1.1);
}

.accordion_container .screenshot_container .screenshot:hover video {
  transform:translateX(-25%)scale(1.1);
}

.accordion_container .screenshot_container .screenshot:hover .screenshot_overlay {
  opacity:0.3;
  transform:scale(1.1);
}

.achievments_container {
  display:flex;
  width:100%;
  margin-bottom:var(--spacing-lg);
  margin-top:var(--spacing-lg);
  gap:var(--spacing-md);
}

.achievments_container .left {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:var(--spacing-md);
  width:65%
}

.achievments_container .left.full {
  width:100%;
}

.achievments_container .right {
  width:35%
}

.achievments_container .ach_item {
  border-radius:var(--radius-lg);
  box-shadow: var(--shadow-lg);
  background-color:var(--c-white);
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  padding:var(--spacing-lg);
  flex-direction:column;
}

.achievments_container .ach_item .subtitle,
.accordion_container .subtitle {
  color:var(--c-white);
  background-color:var(--c-text);
  padding:var(--spacing-sm);
  padding-right:var(--spacing-sm);
  padding-left:var(--spacing-sm);
  padding-right:var(--spacing-xs);
  padding-left: 0px;
  padding-right:var(--spacing-xs);
  padding-left: 0px;
  border-radius: 100px;
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
  display: inline-block;
}

.achievments_container .ach_item .title {
  font-weight: 400;
  font-size:var(--font-size-huge);
  margin-bottom:var(--spacing-xs);
  max-width: none;
}

.faq_container .achievments_container .ach_item .title {
  font-size:var(--font-size-lg);
  margin-bottom:var(--spacing-sm);
}

.faq_container .achievments_container .left .ach_item {
  height:320px;
}

.achievments_container .left .ach_item.bg {
  background-size:cover;
  background-position:60% center;
}


.faq_container .achievments_container .left .ach_item .link_container {
	margin-top: var(--spacing-md);
	justify-content:flex-start;
}

.faq_container .achievments_container .ach_item .title i {
  font-size:var(--font-size-lg);
  margin-right:var(--spacing-sm);
}

.faq_container .achievments_container {
  margin-top:var(--spacing-sm);
}

.achievments_container .ach_item.img {
  padding: 0px;
  display:block;
}

.achievments_container .ach_item.img img {
  height: 150%;
  width: auto;
  position: relative;
  left: -39%;
 }

.achievments_container .left .ach_item {
  height:340px;
}

.achievments_container .right .ach_item {
  height:720px
}

/* 2. Item leicht verschieben */
.insight_item:nth-child(2).media_holder {
  transform: translate(20px, 20px);
}

/* 3. Item noch weiter verschieben */
.insight_item:nth-child(3).media_holder {
  transform: translate(40px, 40px);
}

/* 4. Item noch weiter */
.insight_item:nth-child(4).media_holder {
  transform: translate(60px, 60px);
}

.insight .content_container .text .paragraph {
  color:var(--c-muted);
  padding-right:var(--spacing-lg);
}

.insight .bullet_item {
  color:var(--c-muted);
  margin-bottom:var(--spacing-xs);
  font-weight:300;
}

.insight .bullet_item i {
  font-size:var(--font-size-xl);
  margin-right:var(--spacing-sm);
}

.pricing-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin:var(--spacing-lg)0;
  font-size:var(--font-size-lg);
  font-weight: 400;
  color:var(--c-white);
  gap:var(--spacing-sm);
}

.pricing-toggle .label {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.pricing-toggle .label.active {
  opacity: 1;
  font-weight: 400;
  color:var(--c-brand);
}

.pricing-toggle .save {
  font-size:var(--font-size-sm);
  color:var(--c-brand);
  margin-left: 0px;
  position:relativ;
  top: 0px;
}

/* Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 35px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 35px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  left: 0px;
  bottom:var(--spacing-xs);
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color:var(--c-brand);
}

input:checked + .slider:before {
  transform: translateX(35px);
}

.pricing_button_container {
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:var(--spacing-lg);
}

.package_links_wrapper .contactpoint_panel {
  padding:var(--spacing-lg);
  padding-left:var(--spacing-lg);
  padding-right:var(--spacing-lg);
  margin-top:var(--spacing-xl);
}

.package_links_wrapper .contactpoint_panel .left {
  font-size:var(--font-size-xxl);
  max-width: 50%;
}

.banner_container {
  border-radius:var(--radius-lg);	
  overflow:hidden;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  height:400px;
}

.banner_container.small {
  height:350px;
}

.banner_container .video_container {
  position:absolute;
  z-index:1;
  width:100%;
  height:400px;
}

.banner_container .image_container {
  position:absolute;
  z-index:1;
  width:100%;
  height:400px;
}

.banner_container.small .video_container,
.banner_container.small .image_container {
  height:350px;
}

.banner_container .video_overlay {
  background-color:var(--c-black);
  width:100%;
  height:100%;
  position:absolute;
  z-index:2;
  opacity:0.5;
}

.banner_container video, .banner_container img {
  z-index:1;
  position:relative;
  width:100%;
  height:auto;
  top:-25%;
}

.banner_container .banner_content {
  max-width:1200px;
  position:relative;
  z-index:2;
  text-align:center;
}

.banner_container.small .banner_content {
  max-width:1000px;
  position:relative;
  z-index:2;
  text-align:center;
  padding: var(--spacing-sm);
}

.banner_container .banner_content .banner_title {
  color:var(--c-white);
  font-size:var(--font-size-xxxl);
  font-weight:400;
  margin-bottom:var(--spacing-lg);
}

.banner_container.small .banner_content .banner_title {
  font-size:var(--font-size-xxl);
}

.hero_section {
  position: relative;
  margin-top:175px;
}

.hero_bg_container {
  position: absolute;
  inset: 0;
  height: 650px;
  overflow: hidden;
  z-index: 1;
  transition: 1s;
  transition-delay:0.2s;
  transform-origin: center center;
  background-size:cover;
  background-attachment: fixed;
}

.hero_section.small .hero_bg_container {
  height: 335px;
}


.hero_bg_container.loaded {
  margin-left:var(--spacing-md);
  margin-right:var(--spacing-md);
  border-radius: var(--radius-lg)
}

/* Nur das Bild selbst soll bewegt werden */
.hero_bg_container img,
.hero_bg_container video {
  position: relative;
  top: 0px;
  width:110%;
  height:auto;
}

.asd {
}

.hero_bg_container .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  /* leichte Abdunklung */
  z-index: 2;
}

/* Headline-Inhalt */
.hero_section .content_container {
  position: relative;
  z-index: 2;
  min-height:650px;
  display:flex;
  align-items:center;
}

.hero_section.small .content_container {
  min-height:370px;
}

.hero_content {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.hero_content .left {
  max-width: 800px;
}

.hero_content.full .left {
  max-width: 1000px;
}

.hero_content h1 {
  font-size:var(--font-size-huge);
  font-weight:400;
  color:var(--c-white);
}

.hero_section.small .hero_content h1 {
  font-size:var(--font-size-xxl);
}

.hero_content .subtitle {
  color:var(--c-white);
  font-size:var(--font-size-md);
}

.hero_section.small .hero_content .subtitle {
  font-size:var(--font-size-md);
  margin-top:var(--spacing-sm);
  opacity:0.9;
}

.hero_section.small .hero_content .subtitle i {
  margin-right: 5px;
}

.contact_testimonial {
  padding-top:var(--spacing-xl);
  padding-bottom:var(--spacing-xl);
  background-size:cover;
}

.contact_testimonial_container {
  background-color:var(--c-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  position: relative;
  flex: 1;
  display:flex;
  width:100%;
  align-items:center;
  overflow:hidden;
}

.contact_testimonial_container .left {
  width:65%;
  padding:var(--spacing-xl);
  padding-top: 0px;
  padding-bottom:0px;
}

.contact_testimonial_container .right {
  padding:var(--spacing-xl);
  background-color:#f2f2f2;
  min-height: 800px;
  width: 35%;
  display: flex;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  position:relative;
  flex-direction:column;
  justify-content:center;
  overflow: hidden;
}

.contact_testimonial_container .right .headline {
  border-bottom:1px solid #ccc;
  padding-bottom:var(--spacing-md);
  font-weight:400;
  font-size:var(--font-size-lg);
}

.contact_testimonial_container .right .testi_container {
  position:relative;
  z-index:2;
}

.contact_testimonial_container .right .test_bg {
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  opacity: 0.1;
  background-size: contain;
  width: 600px;
  height: 600px;
  bottom: -136px;
  left: 34px;
}

.contact_testimonial_container .right .testi_container .test_top {
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  justify-content:flex-end;
  margin-bottom:var(--spacing-sm);
}

.contact_testimonial_container .right .testi_container .test_top img {
  width:215px;
  height:auto;
  position: relative;
  top:var(--spacing-md);
}

.contact_testimonial_container .right .testi_container .testi_text {
  font-weight:400;
  font-size:var(--font-size-xl);
  margin-bottom:var(--spacing-md);
  position:relative;
  z-index:2;
}

.contact_testimonial_container .right .testi_container .testi_bottom {
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-end;
}

.contact_testimonial_container .right .testi_container .testi_bottom  .testi_name {
  border-left: 6px solid var(--c-brand);
  padding-left:var(--spacing-sm);
  text-transform:uppercase;
}

.contact_testimonial_container .right .testi_container .testi_bottom  .testi_name .name {
  font-weight:400;
}

.contact_testimonial_container .right .testi_container .testi_bottom  .testi_name .position {
  color:var(--c-muted);
}

.contact_testimonial_container .left .title {
  font-size:var(--font-size-xxl);
  font-weight:400;
  margin-bottom:var(--spacing-md);
  padding-right:var(--spacing-xl);
}

.contact_testimonial_container .form_container {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:var(--spacing-md);
}

.contact_testimonial_container .form_container .full_c {
  grid-column: 1 / -1
}

.contact_testimonial_container .form_container .form_control {
  border:none;
  background: #f2f2f2;
  border-radius:30px;
  height:50px;
  width:100%;
  outline:none;
  font-size:var(--font-size-base);
  padding-left:var(--spacing-md);
  padding-right:var(--spacing-md);
}

.contact_testimonial_container .form_container input::placeholder,
.contact_testimonial_container .form_container textarea::placeholder {
  color:var(--c-muted);
  font-weight:400;
}

.contact_testimonial_container .form_container textarea.form_control {
  height:200px;
  padding-top:var(--spacing-md);
}

#lightbox-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

#lightbox-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* Inhalt */
.lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
  from {
  transform: scale(0.8);
  opacity: 0;
}

to {
  transform: scale(1);
  opacity: 1;
}

}

.lightbox-content img,
.lightbox-content video {
  max-width: 100%;
  max-height: 80vh;
  display: block;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Close Button */
.lightbox-close {
  position: absolute;
  top: -var(--spacing-sm);
  right: -var(--spacing-sm);
  background:var(--c-white);
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size:var(--font-size-md);
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 0px 5px rgba(0,0,0,0.3);
}

/* Basiszustand für alle animierbaren Elemente */
[data-anim] {
  opacity: 0;
  /* Startzustand: unsichtbar */
}

/* === ANIMATIONEN === */

/* 1. Fade Up (Standard, leichtes Hochfahren)*/
.anim-fade-up {
  animation: fadeUp 1s ease-out forwards;
}

@keyframes fadeUp {
  from {
  opacity: 0;
  transform: translateY(40px);
}

to {
  opacity: 1;
  transform: translateY(0);
}

}

/* 2. Fade Left */
.anim-fade-left {
  animation: fadeLeft 1s ease-out forwards;
}

@keyframes fadeLeft {
  from {
  opacity: 0;
  transform: translateX(-40px);
}

to {
  opacity: 1;
  transform: translateX(0);
}

}

/* 2. Fade Left */
.anim-fade-right {
  animation: fadeRight 1s ease-out forwards;
}

@keyframes fadeRight {
  from {
  opacity: 0;
  transform: translateX(80px);
}

to {
  opacity: 1;
  transform: translateX(0);
}

}

/* 3. Flip 3D */
.anim-flip3d {
  transform-origin: left center;
  animation: flip3d 1s ease-out forwards;
}

@keyframes flip3d {
  from {
  opacity: 0;
  transform: rotateY(90deg);
}

to {
  opacity: 1;
  transform: rotateY(0deg);
}

}

/* 4. Skew In */
.anim-skew-in {
  animation: skewIn 1s ease-out forwards;
}

@keyframes skewIn {
  from {
  opacity: 0;
  transform: translateY(40px)skewY(6deg);
}

to {
  opacity: 1;
  transform: translateY(0)skewY(0deg);
}

}

/* 5. Blur Up (leicht unscharf, modern)*/
.anim-blur-up {
  animation: blurUp 0.8s ease-out forwards;
}

@keyframes blurUp {
  from {
  opacity: 0;
  transform: translateY(40px);
  filter: blur(5px);
}

to {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

}

/* 6. Scale In (leichtes Overshoot)*/
.anim-scale-in {
  animation: scaleIn 0.9s cubic-bezier(0.16, 1, 0.3, 1)forwards;
}

@keyframes scaleIn {
  from {
  opacity: 0;
  transform: scale(0.9);
}

70% {
  opacity: 1;
  transform: scale(1.05);
}

to {
  transform: scale(1);
}

}

/* 7. Clip Reveal (von unten aufrollend)*/
.anim-clip-up {
  animation: clipUp 1s ease-out forwards;
}

@keyframes clipUp {
  from {
  clip-path: inset(100% 0 0 0);
  opacity: 0;
}

to {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

}

/* 7. Clip Reveal (von unten aufrollend)*/
.anim-clip-left {
  animation: clipLeft 1s ease-out forwards;
}

@keyframes clipLeft {
  from {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
}

to {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

}

/* 8. Slide + Rotate (Tiefe, edel)*/
.anim-slide-rotate {
  animation: slideRotate 1s ease-out forwards;
}

@keyframes slideRotate {
  from {
  transform: translateY(40px)rotateX(10deg);
}

to {
  transform: translateY(0)rotateX(0deg);
}

}

/* 9. Gradient Reveal (Fancy für Headlines)*/
.anim-gradient-reveal {
  background: linear-gradient(90deg, #00c853, #1de9b6, #00c853);
  background-size: 200% 100%;
  animation: gradientReveal 1.2s ease forwards;
}

@keyframes gradientReveal {
  from {
  background-position: 200% 0;
  opacity: 0;
}

to {
  background-position: 0 0;
  opacity: 1;
}

}

.faq.withbg {
	padding-bottom: var(--spacing-xl);
}

.faq.withbg .sticky-container .paragraph {
color:var(--c-text);
opacity:0.7;
}

.faq.withbg .content_container {
	flex-direction:row-reverse;
	padding-top: var(--spacing-xxl);
	margin-bottom: var(--spacing-xxl);
}

.faq.withbg .wmap {
position: absolute;
  top: -88px;
  left: -700px;
  opacity: 0.2;
width: 140%;
}

.faq_container {
width:100%;	
}



.contactsales_container {
	border-radius:var(--radius-lg);
	position:relative;
	overflow:hidden;
	width:100%;
	  background-color:var(--c-white);
  box-shadow: var(--shadow-lg);
}

.contactsales_container:first-child {
	margin-bottom:var(--spacing-lg);
}


.contactsales_container .contactsales_inner{
	position:relative;
	z-index:2;
	padding: var(--spacing-sm);
	display:flex;
	align-items:center;
	gap:var(--spacing-lg);
}


.contactsales_container .contactsales_inner img{
	border-radius:calc(var(--radius-lg) - 5px);
	height:300px;
}

.contactsales_container .contactsales_inner .contactsales_info {
	width:100%;
	padding: var(--spacing-md);
	  padding-left: 0px;
	  padding-bottom: var(--spacing-sm);
}

.contactsales_container .contactsales_inner .sales_name{
	font-size:var(--font-size-xl);
	font-weight:400;
}

.contactsales_container .contactsales_inner .sales_title{
	opacity:0.5;
	margin-bottom:var(--spacing-md);
	font-size:var(--font-size-md);
}

.contactsales_container .contactsales_inner .sales_contactdata{
	display:flex;
	align-items:center;
	gap:var(--spacing-sm);
	font-size: var(--font-size-md);
  margin-top: var(--spacing-xs);
}

.contactsales_container .contactsales_inner .sales_contactdata i{
	  font-size:var(--font-size-lg);
}

.contactsales_container .contactsales_inner  .sales_followlink {
width:100%;
display:flex;
justify-content:flex-end;
margin-top: var(--spacing-sm);
}

.further_link_container {
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:var(--spacing-xl);
}


.further_link_container .button {
	transform:scale(1.2);
}


.newsportal_row .news_item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.newsportal_row .news_item.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Optional: kleine Verzögerung für „Staggered“-Effekt */
.newsportal_row .news_item:nth-child(1) { transition-delay: 0.05s; }
.newsportal_row .news_item:nth-child(2) { transition-delay: 0.1s; }
.newsportal_row .news_item:nth-child(3) { transition-delay: 0.15s; }




.tippy-box[data-placement^=top]>.tippy-backdrop{transform-origin:0 25%;border-radius:40% 40% 0 0}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop{transform-origin:0 -50%;border-radius:0 0 30% 30%}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop{transform-origin:50% 0;border-radius:50% 0 0 50%}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop{transform-origin:-50% 0;border-radius:0 50% 50% 0}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%)}.tippy-box[data-animatefill]{background-color:transparent!important}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 32px);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop[data-state=hidden]{opacity:0}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}
.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}



.tippy-box[data-theme~='pat'] {
  padding: 12px 16px;       /* Innenabstand */
  border-radius: 20px;       /* abgerundete Ecken */
  background-color: #424242;    /* Hintergrund */
  color: white;              /* Schrift */
  opacity :0.9;
  box-shadow:1px 31px 91px 20px rgba(0, 0, 0, 0.10);
}

/* Pfeil einfärben */
.tippy-box[data-theme~='pat'] .tippy-arrow {
  color: #424242;               /* gleiche Farbe wie Box-Hintergrund */
}

.pat-popover {
	text-decoration:underline;
	text-decoration-style: dotted;
	display:inline;
  cursor:pointer;
}




@media (min-width: 1900px) and (min-height: 900px) {

.solution_twocolumn_container .solution_column .bottom_logo_container {
  position: absolute;
  bottom: 30px;
}

}


@media (max-width: 2000px) {

body.bg_fullscreen .home_slogan_container .title {
  color:var(--c-white);
  padding-top: var(--spacing-xl);
}

}

@media (max-width: 1550px) {
  :root {
    /* Fonts */
    --font-size-sm: var(--font-size-md-sm);
    --font-size-base: var(--font-size-md-base);
    --font-size-md: var(--font-size-md-md);
    --font-size-lg: var(--font-size-md-lg);
    --font-size-xl: var(--font-size-md-xl);
    --font-size-xxl: var(--font-size-md-xxl);
	--font-size-xxxl: var(--font-size-md-xxxl);
    --font-size-huge: var(--font-size-md-huge);

    /* Spacing */
    --spacing-xs: var(--spacing-md-xs);
    --spacing-sm: var(--spacing-md-sm);
    --spacing-md: var(--spacing-md-md);
    --spacing-lg: var(--spacing-md-lg);
    --spacing-xl: var(--spacing-md-xl);
    --spacing-xxl: var(--spacing-md-xxl);

    /* Radius */
    --radius-sm: var(--radius-md-sm);
    --radius-md: var(--radius-md-md);
    --radius-lg: var(--radius-md-lg);
    --radius-xl: var(--radius-md-xl);
    --radius-pill: var(--radius-md-pill);
	

	
  }
  
  .home_video.center_text .content_container .home_slogan_container {
	  margin-top: var(--spacing-xxl);
  }
  
  .hero_section {
  position: relative;
  margin-top: 160px;
}
  
.faq .content_container .faq_container {
  /*! max-width:680px; */
}

  
.achievments_container .left .ach_item {
  height: 300px;
}

.achievments_container .right .ach_item {
  height:600px
}

  
.content_container {
  max-width: 1400px;
}

.faq .content_container {
  gap: var(--spacing-xl);
}



.modules_container.show .module_item.full .module_image {
  max-height: 500px;
  min-width: 35%;
  min-height:500px;
}

.news .news_container.news_small .news_item .img_holder {
  height: 270px;
}
  
  .hero_section .home_video_container {
	  width:85%;
	  
  }
  
  .range_slider_wrapper {

    padding-bottom: var(--spacing-lg);
}
  
}

@media (max-width: 768px) {
  :root {
    /* Fonts */
    --font-size-sm: var(--font-size-xs-sm);
    --font-size-base: var(--font-size-xs-base);
    --font-size-md: var(--font-size-xs-md);
    --font-size-lg: var(--font-size-xs-lg);
    --font-size-xl: var(--font-size-xs-xl);
    --font-size-xxl: var(--font-size-xs-xxl);
	--font-size-xxxl: var(--font-size-xs-xxxl);
    --font-size-huge: var(--font-size-xs-huge);

    /* Spacing */
    --spacing-xs: var(--spacing-xs-xs);
    --spacing-sm: var(--spacing-xs-sm);
    --spacing-md: var(--spacing-xs-md);
    --spacing-lg: var(--spacing-xs-lg);
    --spacing-xl: var(--spacing-xs-xl);
    --spacing-xxl: var(--spacing-xs-xxl);

    /* Radius */
    --radius-sm: var(--radius-xs-sm);
    --radius-md: var(--radius-xs-md);
    --radius-lg: var(--radius-xs-lg);
    --radius-xl: var(--radius-xs-xl);
    --radius-pill: var(--radius-xs-pill);
	
	
	  /* ===== Shadows ===== */
	  --shadow-lg: var(--shadow-xs-lg);
	  --shadow-lg-strong: var(--shadow-xs-lg-strong);
	  --shadow-lg-hover: var(--shadow-xs-lg-hover);

	
  }
}



















/*RESPONSIVE DESIGN*/

@media (max-width: 1600px){



.home_video .home_slogan_container {
  max-width: 740px;
}


.patmenu_container .menu_item {
  height: 55px;
}

.patmenu_container .menu_item .number {
  top: 23%;
}


.footer .content_container .left img {
  width: 320px;
}



.home_video.long_text .content_container .home_slogan_container {
  max-width: 1100px;
}

.contactpoint_panel .left {
  max-width: 55%;
}


.patsoftware .patsoftware_container.left {
  padding-left: 0px;
}

.tablet_container {
  height: 400px;
}

.tablet_container .slide_container .slide {
  height:450px;
}

section.newsportal .newsportal_container .newsportal_row .img_holder {
  height: 300px;
}

.contact_testimonial_container .right .test_bg {
	width: 500px;
  height: 500px;
}



.feature_comparison_container .feature_column:first-child {
  min-width: 420px;
}

}

@media (max-width: 1400px){


section.newsportal .newsportal_container .newsportal_row .img_holder {
  height: 250px;
}


.feature_comparison_container .feature_column:first-child {
  min-width: 310px;
}

.feature_comparison_container .feature_column .header_container {
  border-radius: 30px;
}

.feature_comparison_container .feature_column .header_container .subtitle {
  font-size:unset;
}

.faq.withbg .wmap {
	left: -550px;
}

}

@media (max-width: 1300px){
	
	
	.hero_bg_container.loaded {
  margin-left:var(--spacing-sm);
  margin-right:var(--spacing-sm);
}

	
  .tablet_container {
  height: 300px;
}

.tablet_container .slide_container .slide {
  height:420px;
}





.company_locations:not(.management) .locations_container .location_item .image_container {
  height:300px;
}

.home_video_container {
  width: 90%;
}

.contact_testimonial_container .right .test_bg {
	width: 400px;
  height: 400px;
  bottom: -100px;
}

}

@media (max-width: 1350px){
  .header .header-item {
  display:none;
}
  
  .patsoftware .left_container {
  width:50%;
  min-width:50%;
}


.patsoftware .right_container {
width:50%;
}
  
  .header li {
  font-size:var(--font-size-md);
}

.modal_menu_dialog .solution_twocolumn_container .solution_column .bottom_logo {
  display:none;
}

.header .header-mobilebutton {
  display:block;
}

.header .right-part {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}


  .faq .content_container .sticky-container {
  width: 400px;
}

  .faq_container .achievments_container .left .ach_item {
  height: 350px;
}
  


.header .header-mobilebutton a {
  background:none;
  border:none;
  outline:none;
  font-size:var(--font-size-xxxl);
  transition: all 0.3s;
  color:var(--c-text);
  display:block;
}

.header .header-mobilebutton a:hover {
  color:var(--c-brand);
}

body.lmactive .header .header-mobilebutton a {
  color:var(--c-brand);
  transform: rotate(90deg);
}

.modal_menu_dialog .solutionmenu {
  width: 70%;
}

.modal_menu_dialog .mainmenu_container {
  width: 30%;
}





.modal_menu_dialog .title_container .subtitle {
  font-size:unset;
}



.modal_menu_dialog .patmenu_container .menu_item {
  height: 40px;
}



.desktop_only {
  display:none;
}

.home_video .home_slogan_container {
  max-width: 660px;
}


.news .news_container.news_small .news_item .img_holder {
  height:350px;
}


.contactpoint_panel .left {
  max-width: 40%;
  font-weight: 400;
}

.contactpoint_panel .left {
  max-width: 60%;
}



.footer .content_container .left img {
  width: 280px;
}


.news_item .img_holder {
  height: 400px;
}

section.newsportal .newsportal_container .newsportal_row .img_holder {
  height: 200px;
}

.patmenu_container .product_item {
  padding-left: 0px;
}


section .section_name {
  font-size:unset;
}


.achievments_container .ach_item .subtitle, .accordion_container .subtitle {
  font-size:unset;
}



.achievments_container .ach_item.img img {
  left: -38%;
}

.news_container.news_small {
  position: relative;
  margin-bottom:var(--spacing-md);
}

/* sorgt dafür, dass rechts ein Slide-Teil sichtbar bleibt */
.news_container.news_small .slick-list {
  overflow: visible;
  padding-right: 5%;
  /* oder z. B. 40px – je nach gewünschtem Effekt */
}


/* verhindert, dass links was abgeschnitten wird */
.news_container.news_small .slick-track {
  margin-left: 0 !important;
}



.banner_container .banner_content .banner_title ,
.banner_container.small .banner_content .banner_title {

  font-weight: 400;

}

.banner_container {
  border-radius: var(--radius-lg);
  height: 330px;
}

.banner_container.small {
  border-radius: var(--radius-lg);
  height: 300px;
}

.banner_container img {
  width:120%;
}




.hero_content .subtitle {
  font-size: unset;
}

.hero_content .left {
  max-width: 60%;
}

.hero_bg_container {
  height:560px;
}

.hero_section .content_container {
  min-height:610px;
}

.hero_bg_container img {
  width:120%;
}

.hero_content {
  gap:var(--spacing-md);
}

.modules_container {
  flex-wrap:wrap;
  gap:var(--spacing-md);
}

.modules_container .module_item:not(.full){
  min-width: calc(50% - 30px);
  max-width: calc(50% - 30px);
}

.modal_menu_dialog .title_container {
  padding-right: var(--spacing-xxl);
}



}

@media (max-width: 1200px){
  .content_container {
  padding: 0 var(--spacing-lg);
}

.header .header-container {
  padding: 0 var(--spacing-lg);
}

.header.sticky .header-container {
  padding: 0 calc(var(--spacing-lg) - var(--spacing-md));
}


.header.sticky .header-container .header-top {
	height:90px;
	margin:var(--spacing-md) var(--spacing-md);
}

.header.sticky .header-container .header-top { 
 margin:var(--spacing-lg) 0;
}

.header.sticky .header-container .left-part img {
  width: 135px;
}

.newsdetail.standard .content_container {
  display: block;
}

.newsdetail.standard .content_container .detail_container {
  width:100%;
  padding-right:0px;

}

.packages .packages_container .package_item .highlight_text {
display:none;	
}

.newsdetail.standard .content_container .sidebar_container {
  width:100%;
}


.customer_logos .title_container_center .title br {
	display:none;
}


.company_locations:not(.management) .locations_container .location_item .image_container {
  height:250px;
}


.hero_content .left {
  max-width: 90%;
}

.hero_content .right {
  display:none;
}

 .achievments_container .ach_item.img img {
    left: 0%;
    height: auto;
    width: 100%;
  }


.hero_bg_container img {
  width:150%;
}

.hero_bg_container {
  height: 580px;
}

.hero_section .content_container {
  min-height: 580px;
  margin-bottom: var(--spacing-xxl);
}

.modules {
  margin-top: 0px;

}

.modules .title, .success_stories .title, .company_locations .title, .feature_comparison .title {
 
  max-width: 90%;
}

.pat_multicompany_map {
	height:auto;
}

.pat_multicompany_map .feature_container .feature_item {
	opacity:1;
	transform: translateY(0px);
}

.modules_container .module_item .module_image {
  height:150px;
}


.title_container_center .title {

  max-width:90%;
}

.home_video_container {
  width: 90%;
  height: 45%;
}

.accordion_container .acc_item .acc_number {
  display:none;
}


.faq.withbg .wmap {
position: absolute;
  left: -800px;
width: 220%;
top:0px;
}

.accordion_container .acc_item.show .acc_body {
  font-size: unset;
}

.accordion_container .screenshot_container .screenshot {
  height:250px;
}


.achievments_container .left {
	width:100%;
}

.achievments_container .right {
	display:none;
}

.faq .content_container .sticky-container {
  width:100%;
}

.faq .content_container {
  flex-direction:column !important;
}

  .faq_container .achievments_container .left .ach_item {
  height: 300px;
}

.packages .packages_container {
	flex-wrap: wrap;
}

.packages .packages_container .package_item {
	width:49%;
}

}

@media (max-width: 1000px){
  .contactpoint_panel {
  flex-direction:column;
  align-items:flex-start;
}




.contactpoint_panel .left {
  max-width:100%;

}

.news .news_container.news_small .news_item .img_holder {
  height:300px;
}

.pat_multicompany_map .feature_container {
	max-width: none;
	width:100%;
}


.home_background {
  display:none;
}

.company_locations .locations_container {
  flex-direction: column;
  gap: var(--spacing-xxl);
}


.modules_container .module_item.full .module_title {
  margin-top: 0px;
  padding-top: 0px;
}

.text_highlight_container .medium_text {
padding-right:0px;
}



.modal_menu_dialog .mainmenu_container .menu_logo_container .menu_logo {
  width: 150px;
}

section.home_video {
  height:100vh;
}

.home_video .home_video_container {
  position:relative;
  height:auto;
  transform:none;

  transform: scale(0.75);
  transform-origin: bottom right;
}

.home_slogan_container .line {
  display:none
}


.home_background {
  right: -14%;
  width: 70%;
}


.tablet_wrapper.mobile {
  position:inherit;
  height:auto;
}

.tablet_wrapper.mobile .tablet_container {
  transform:none;
  width:90%;
  height:480px;
}

.tablet_container .slide_container .slide {
  width:100%;
  height:430px;
  background-size:cover;
}




section.patsoftware {
  padding-top: 0px;
}

.patsoftware .patsoftware_container .title {
  text-align: center;

}




section.newsportal .newsportal_container .newsportal_row .news_item {
  width:100%;
}

section.newsportal .newsportal_container .newsportal_row .img_holder {
  height: 450px;
}

.patnewsletter_container .title {
  width: 100%;
}




.company_locations .locations_container .location_item {
  width:100%
}


.company_locations:not(.management) .locations_container .location_item .image_container {
  height: 400px;
}


.achievments_container .left,
  .achievments_container .right {
  width: 100%;
}

.achievments_container .ach_item.img img {
  left: 0%;
    height: 110%;
}

.achievments_container .right {
  display:none;
}


.home_video .home_slogan_container .title {
  padding-left: 0px;

}


.home_video_container {
  border: 10px solid #151515;
}


.modules_container .module_item.full {
  flex-direction:column;
  justify-content:center;
}


.modules_container .module_item.full .module_image {
  min-height:450px;
}

.modules_container.closed .module_item.full .module_wrapper {
padding-left:250px;
position: relative;
  top: -10px;
}


.banner_container video, .banner_container img {
  top:0;
}


.hero_bg_container img {
  width: auto !important;
  top: 0px;
  height: 180%;
  left: -60%;
}

.hero_section.small .hero_bg_container img {
  width: auto !important;
    top: 0px;
    height: 175%;
    left: 0;
}


.accordion_container .left {
  width:100%;
}

.accordion_container .right {
  display:none;
}

.accordion_container .screenshot_container {
  position:relative;
  height:0px;
  transition:0s;
}

.accordion_container .screenshot_container.show {
  height:100%;
}

.headline_container {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}



.banner_container img {
  width: auto;
  height: 100%;
}

.contact_testimonial_container .right {
  display:none
}

.contact_testimonial_container .left {
  width:100%;
  padding: var(--spacing-lg);
    padding-top:var(--spacing-lg);
	 padding-bottom:var(--spacing-lg);
}

.packages .packages_container .package_item {
	width:48%;
}

.feature_comparison_container {
	width: 100%;
	overflow-x:scroll;
	-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent 100%);
	mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.feature_comparison_container .feature_column .header_container {
padding-left: var(--spacing-sm);
padding-right: var(--spacing-sm);
}

.feature_comparison_container .feature_column {
  min-width: auto;
}


}

@media (max-width: 820px){
  .news_item .img_holder {
  height: 500px;
  background-size:cover !important;
}

.hero_section.small .hero_bg_container {
	height:360px;
}

.home_video.center_text .content_container .home_slogan_container {
  margin-top: 0px;
}

.footer .content_container .left {
  width: 100%;
  text-align: center;
}

.footer .content_container {
  flex-direction:column;
  align-items:center;
}

.patsoftware .left_container {
  width:100%;
  min-width:auto;
}


.patsoftware .right_container {
 display:none;
}




.patsoftware .patsoftware_container {
	height:auto;
	margin-top:var(--spacing-xxxl);
}

.patsoftware .patsoftware_container .tablet_wrapper{
	margin-top:var(--spacing-xl);
}

.patsoftware .right_container {
 display:none;
}


.home_video_container  .youtube_button_container .playbutton {
  color:var(--c-brand);
  opacity:1;
}

.home_video_container .youtube_overlay {
  opacity:0.5;
}



.footer .content_container .left img {
    width: 300px;
  margin-top: var(--spacing-xl);
}

.footer .content_container .right .footer_segment {
  margin-left: 0px;
}


.footer .content_container .right {
  flex-direction: column;
    gap: var(--spacing-xl);
	padding-left:0px;
}

.footer .content_container {
  flex-direction: column-reverse;
  align-items: center;

}

.footer .content_container .right .footer_segment {
  text-align:center;
}


.tablet_wrapper.mobile .tablet_container {
  height:430px;
}

.tablet_container .slide_container .slide {
  height:500px;
}

.modal_menu_dialog .solution_twocolumn_container {
  flex-direction: column;

}

.modal_menu_dialog .solution_twocolumn_container .solution_column {
  width:100%;

}

.modal_menu_dialog .solution_twocolumn_container .solution_column:first-child {
  border-right: none;

}

.news .news_container.news_small .news_item .img_holder {
  height:270px;
}

.news_item .date {
	margin-top: var(--spacing-sm);
}


.linkbutton_container {
  flex-direction:column;
}

.modules_container .module_item:not(.full){
  min-width: 100%;
  max-width: 100%;
}


.faq .content_container .sticky-container {
  width:100%;
}

.faq .content_container .title_container .button {
  display:none;
}

.modules .title, .success_stories .title, .company_locations .title, .feature_comparison .title {
  max-width: 100%;
}

.faq .title_container .title {
  font-size: 40px !important;
}

.home_video_container {
  width:100%;
}
section.newsportal .newsportal_container .newsportal_row {
  gap: var(--spacing-xxl);
  flex-direction: column;
  margin-bottom:var(--spacing-xxl);
}


section.newsportal .newsportal_container .newsportal_row .news_item .title {
	margin-top:0px;
}

.patnewsletter_container .right_container .inner_container {
width:100%;	
}

.range_slider_container {
	min-width:100%;
}


  .tablet_container {
    height: 500px;
  }
  
  .patstory_container {
	  margin-top:0px;
  }


}



@media (max-width: 768px){

.footer .content_container .left img {
    width: 200px;
}

  .tablet_container {
    height: 300px;
  }
  
  
  .contactsales_container .contactsales_inner {
	  flex-direction: column;
	 
  }
  
  .contactsales_container .contactsales_inner img {
	  height:auto;
	  width:100%;
  }
  
    .faq.withbg .wmap {
  left: -1000px;
width: 415%;
}


  
  .contactsales_container .contactsales_inner .contactsales_info {
	padding: var(--spacing-md);
	  padding-left: var(--spacing-md);
	  padding-bottom: var(--spacing-md);
	padding-top: 0px;
}

  
  
.contact_testimonial .content_container {
  padding: 0 var(--spacing-sm);
}
  
  
  .banner_container.small {
  height:400px;
}


.banner_container.small .video_container,
.banner_container.small .image_container {
  height:400px;
}


.hero_bg_container img {
	height: 140%;
    left: -161%;
}

.hero_section.small .hero_bg_container img {
	height: 140%;
    left: 0;
}

.hero_bg_container .overlay {
  background: rgba(0, 0, 0, 0.4);
}

.packages .packages_container .package_item {
	width:100%;
}


.home_background {
  right: -21%;
  width: 80%;
}

.content_container {
  padding: 0 var(--spacing-md);
}

.news_item {
  padding:var(--spacing-sm);
  padding-left: 0px;
}

.header .left-part img {
  width: 150px;
}

.header .header-container {
  padding: 0 var(--spacing-md);
}



.header.sticky .header-container .header-top {
	height:90px;
	margin:var(--spacing-sm) 0;
}

.header .header-container .header-top { 
 margin:var(--spacing-lg) 0;
}

.header.sticky .header-container .left-part img {
  width: 135px;
}

.hero_section {
	margin-top:125px;
}


.modal_menu_dialog .mainmenu_container {
  width: 100%;
  position:relative;
  z-index:1;
  height: 100vh;
  overflow-x: scroll;
  justify-content: flex-start;
  padding-top:var(--spacing-xxxl);
}

.modal_menu_dialog .solutionmenu {
  width: 100%;
  position:absolute;
  top: 0px;
  left: 0px;
  opacity:0;
  pointer-events:none;
  transform: translateX(-100vw);
  transition:0.3s;
  z-index:2;
  background-color:var(--c-white);
}

.modal_menu_dialog.sactive .solutionmenu {
  transform: translateX(0);
  opacity:1;
  pointer-events:all;
  height: 100vh;
  overflow-x: scroll;
}

.modal_menu_dialog.sactive .close_button .bi-arrow-left {
  display:block;
}

.modal_menu_dialog.sactive .close_button .bi-x-lg {
  display:none;
}

.modal_menu_dialog.sactive .close_button {
  background-color:var(--c-muted);
}

.only-mobile {
  display:block !important;
}


.button {
  height:46px;

}

.hero_bg_container.loaded {
       margin-left: var(--spacing-xs);
        margin-right: var(--spacing-xs);
    }



.home_video .home_slogan_container .subtitle {
  font-size: inherit;
}




section.welcome .subtext {
  font-size:inherit;
}

.headline_container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}


.news_item .img_holder {
  height: 350px;
}





.patmenu .title_container .subtitle {
  font-size: inherit;
}

.patmenu_container .product_item .parent_container .title i {
  font-size: 25px !important;
}

.patmenu_container .product_item .parent_container .title {
  font-size: 25px !important;
}

.modal_menu_dialog .mainmenu_container .mainmenu a {
  font-size:var(--font-size-xl);
}

.patmenu_container .product_item .parent_container .paragraph {
  display:none;
}



.modal_menu_dialog {
  flex-direction: column-reverse;
}

.modal_menu_dialog .solutionmenu {
  width:100%;
}

.modal_menu_dialog .mainmenu_container {
  width:100%;
}

.modal_menu_dialog .mainmenu_container .menu_logo_container {
  position: relative;
margin-top: var(--spacing-lg);
}

.modal_menu_dialog .close_button {
  background-color:var(--c-white);
}


.customer_logos_container .customer_item img {
  width:150px;
}

.patmenu .acc_button, .modal_menu_dialog .acc_button {
  min-width: 30px;
  min-height: 30px;

  width: 30px;
  height: 30px;
}




.tablet_wrapper.mobile .tablet_container {
  height: 245px;
  width: 100%;
  border: 10px  solid var(--c-black);
  border-radius: 25px;
}

.patsoftware .patsoftware_container .title {
  font-size:var(--font-size-xl);
}

.tablet_container .slide_container .slide {
  height:300px;
}

section.newsportal .categories_container .button {
  width:100%;
}

section.newsportal .newsportal_container .newsportal_row .img_holder {
  height: 250px;
}



.nomobile {
  display:none;
}

.patnewsletter_container .right_container .textbox_container {
  height:70px;
}

.patnewsletter_container .right_container .textbox_container input[type='submit'] {
  top:calc(50% - 20px);
}



.patnewsletter_container .right_container .note {
  padding-left: 0px;
}


.newsdetail .content_container .statement_container {
  flex-direction:column;

}

.newsdetail .content_container .statement_container .statement {
  width:100%;
}


.company_locations:not(.management) .locations_container .location_item .image_container {
  height: 250px;
}




section.contactform .contactform_container .form_row .form_item {
  width:100% !important;

}

section.contactform .contactform_container .form_row .form_item input,
section.contactform .contactform_container .form_row .form_item textarea  {
  font-size: var(--font-size-lg) !important;
}

section.contactform .contactform_container .form_row {
 flex-direction:column;

}

section.contactform .contactform_container .form_row.submit {
  gap:var(--spacing-lg);
}

section.contactform .contactform_container {

}

.achievments_container .left {
  grid-template-columns: 1fr;
}

.achievments_container .left .ach_item.img {
  display:none;
}

.banner_container video, .banner_container img {
  width:auto;
  height:100%;
  top:0%;
}




.achievments_container .ach_item .subtitle, .accordion_container .subtitle {

  /* display: inline;
  */
    font-size: 15px !important;
}




.faq .content_container .faq_container .faq_item .content {
  padding-top: 0px;
}

.modules_container .module_item .module_logo img {
  width:200px;
}

.link_container {
  flex-direction:column;
  align-items:flex-start;

}

.news .slick_arrows {
  width: 100%;
  justify-content: flex-end;
  display: flex;
}




.modules_container.show .module_item.full .module_image {
  max-height: 500px;
  min-height: 500px;
}


.contact_testimonial_container .left .title {
  font-size:35px
}

.modules_container.closed .module_item.full .module_wrapper {
padding-left:0px;
padding-top: 119px;
z-index: 4;
padding-bottom: 20px;
}

.modal_menu_dialog .title_container .title {
  margin-top: var(--spacing-xxl);
}

.modal_menu_dialog .title_container {
	padding-right:0px;
}

section.newsportal .categories_container,
section.modules .categories_container {
	   position: relative;
	   justify-content:flex-start;
	   
	     /* Nur rechte Seite weich ausblenden */
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
	
}

.header-breadcrumb {
	   position: relative;
	   justify-content:flex-start;
	   
	     /* Nur rechte Seite weich ausblenden */
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
	
}


  .modules {
    margin-top: var(--spacing-xxl);
  }
  
.achievments_container .left .ach_item {
  height: auto;
}

.hero_content .subtitle .my-linebreak,
.hero_content .subtitle .button   {
	display:none;
}


.accordion_container .acc_item .acc_header .acc_title {
	padding-right: var(--spacing-sm);
	font-size: var(--font-size-lg);
}

.accordion_container .acc_item.show .acc_body {
	padding-right:0px;
}

.accordion_container .acc_item:first-child {
	padding-top:0px;
}

.feature_comparison_container .feature_column:first-child {
	min-width: 70%;
}


}






/* Sichtbarkeit im Wordpress Classic Editor erzwingen */

body.wp-editor [data-anim],
body.mce-content-body [data-anim] {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}


body.wp-editor  .modules_container, 
body.mce-content-body {
	width: 100%;
  pointer-events: all;
  position: relative;
}

body.wp-editor .modules_container .module_item.full .module_image,
body.mce-content-body .modules_container .module_item.full .module_image{
  max-height: 600px;
  min-width: 35%;
  min-height: 600px;
}



.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output
 {
	background-color:var(--c-error) !important;
	border:none !Important;
	/*! border: none; */
	color: #fff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 8px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
}

.wpcf7-form.sent .wpcf7-response-output
 {
	background-color:var(--c-brand) !important;
	color: #fff;
}