/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 27 2026 | 15:58:54 */
/*Cards*/

.my-card, .img-erweiterung {
  border: 2px solid transparent;
  border-radius: 25px;
  background:
    linear-gradient(#2C2F37, #252728) padding-box,
    linear-gradient(
      120deg,
      #00d2ff,
      #6a5cff,
      #ff4d9d,
      #ffd166,
      #00d2ff
    ) border-box;
  background-size: 100% 100%, 300% 300%;
  animation: borderShift 6s linear infinite;
}
.img-erweiterung {
padding:10px;
border-radius:50%;
	width:65px;
height:65px;
	margin-top:-30px;
	margin-right:-50px;
display: block;
  margin-left: auto;
}

@keyframes borderShift {
  0%   { background-position: 0 0, 0% 50%; }
  50%  { background-position: 0 0, 100% 50%; }
  100% { background-position: 0 0, 0% 50%; }
}

/*H2 Bug kein Text-Transform*/
h2, .entry-content :where(h2) {
    text-transform: none!important;
}
/*H1 Font-Designs*/
h1{
		margin-bottom:1rem!important;
}
.hero-title {
	 font-size: clamp(3rem, 3.vw, 5rem);
  line-height: 1;
  font-weight: 700;
  color: #F5F5F5;
  margin: 0;
}

.hero-title-second {
  display: block;
  font-size: 0.62em;
  line-height: 0.9;
  white-space: nowrap;
  margin-top: 0;
}

.hero-title-highlight {
	font-family: 'Mulish',sans-serif;
  display: block;
  font-size: 0.5em;
  line-height: 0.9;
  color: #FCCA00;
  white-space: nowrap;
  margin-top: 0;
}
/*H2 Font-Design*/
h2 .hero-title-second {
  display: block;
  font-size: 1em;
  line-height: 0.9;
  white-space: nowrap;
  margin-top: 0;
}

h2 .hero-title-highlight {
	font-family: 'Mulish',sans-serif;
  display: block;
  font-size: .5em!important;
  line-height: 0.9;
  color: #FCCA00;
  white-space: nowrap;
  margin-top: 0;
}

/* Footer */
.footer-titel{margin-bottom:0.2rem!important}
.widget {
    margin: 0 0 .2em 0;
}

/*Mega-Menü*/
/* Lösungen Mega Menü relativ zur Seite ausrichten */
.ast-desktop .main-header-menu > li:has(> a[href*="/loesungen"]) {
  position: static !important;
}

/* Icons im Astra Mega Menü leicht nach oben schieben */
.ast-desktop .main-header-menu .sub-menu .menu-link img,
.ast-desktop .main-header-menu .sub-menu .menu-link svg {
  transform: translateY(-5px);
}

.ast-desktop .main-header-menu > li:has(> a[href*="/loesungen"]) > .sub-menu {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.ast-desktop .ast-mega-menu-enabled .ast-builder-menu-1 div:not( .astra-full-megamenu-wrapper) .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu, .ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper, .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu {
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.1);
    padding: 0.7rem 0 1rem 0.7rem;
}
/* Lösungen Mega Menü: kompakter
.ast-desktop .main-header-menu > li:has(> a[href*="/loesungen"]) > .sub-menu li {
  margin-bottom: 0.2rem !important;
} 

.ast-desktop .main-header-menu > li:has(> a[href*="/loesungen"]) > .sub-menu .menu-link {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
  line-height: 1.2 !important;
  min-height: auto !important;
}
#ast-desktop-header .ast-icon svg:not([fill]) {
    display: none;
}*/

/*Allgemeine inhaltliche Formatierungen*/

.sub-text{
	margin-top:1rem;
max-width:800px;
	margin:1rem auto;
}

ol, ul {
    margin: 0 0 .5em 1em;
}
.funktionen{
	font-weight:bold;
	margin:0.2em!important;
}
.comic img{
	border-radius:15px;
	border:2px solid #2C2F37;
}
th, td, tr, table {
	border:none;
}
.site-footer strong{
	font-size:18px;
font-weight:normal;
}
.site-footer a{
	color:#FCCA2C;
}

/*Linien*/
/* ── EDGE LINES — Astra Theme, kein extra HTML ── */

/* Beide Elemente brauchen position:relative
   damit fixed-Kinder sich am Viewport orientieren */
#page,
.ast-container {
  position: relative;
}

/* ── Paar 1: #page — links Gold→Blau, rechts Blau→Gold ── */

#page::before,
#page::after {
  content: '';
  position: fixed;
  width: 2px;
  height: 20vh;
  border-radius: 1px;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
}

#page::before {
  left: 28px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(245,166,35,0.55) 35%,
    rgba(100,140,255,0.40) 75%,
    transparent 100%
  );
  animation: edgeLineDrift 9s linear infinite;
  animation-delay: 0s;
}

#page::after {
  right: 28px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(100,140,255,0.45) 35%,
    rgba(245,166,35,0.35) 75%,
    transparent 100%
  );
  animation: edgeLineDrift 13s linear infinite;
  animation-delay: -5s;
}

/* ── Paar 2: .ast-container — kürzer, versetzt ── */

.ast-container::before,
.ast-container::after {
  content: '';
  position: fixed;
  width: 2px;
  height: 10vh;
  border-radius: 1px;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
}

.ast-container::before {
  left: 28px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(100,140,255,0.35) 50%,
    transparent 100%
  );
  animation: edgeLineDrift 11s linear infinite;
  animation-delay: -3s;
}

.ast-container::after {
  right: 28px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(245,166,35,0.30) 50%,
    transparent 100%
  );
  animation: edgeLineDrift 8s linear infinite;
  animation-delay: -7s;
}

/* ── Keyframe ── */

@keyframes edgeLineDrift {
  0%   { top: -22vh; opacity: 0; }
  8%   { opacity: 1; }
  88%  { opacity: 0.65; }
  100% { top: 110vh;  opacity: 0; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}


@media (max-width: 1199px) {
  #page::before,
  #page::after, .ast-container::after, .ast-container::before {
    display: none;
  }
}

/*Buttons header*/
.ast-custom-button-link {
  white-space: nowrap;
  flex-shrink: 0;
}

/*Header doppelt*/
@media screen and (min-width: 922px) and (max-width: 936px) {
  .ast-builder-grid-row.ast-grid-center-col-layout {
    display: none !important;
  }
}
.wp-block-kadence-posts .content-bg {
    background: transparent;
}
.wp-block-kadence-posts .loop-entry .entry-content-wrap {
    padding: 1rem;
}

.wp-block-kadence-posts .loop-entry {
    box-shadow: none;
    border-radius: 0;
}

form.marketingForm .textFormFieldBlock input:focus,
form.marketingForm .dateTimeFormFieldBlock input:focus,
form.marketingForm .lookupFormFieldBlock input:focus,
form.marketingForm .optionSetFormFieldBlock select:focus,
form.marketingForm textarea:focus {
    background-color: rgb(58, 63, 74) !important;
	color:white!important;
	border-color:transparent!important;
}

form.marketingForm .phoneFormFieldBlock input:focus {
    background-color: rgb(58, 63, 74) !important;
	color:white!important;
}

.wp-block-kadence-advancedbtn .kb-button {
    justify-content: flex-start !important;
    text-align: left !important;
}