/* Themify Customize Styling */
body {	background: none;
	background-color: #0a0b0c;
	font-family: "Inter";	font-weight:400;

	color: #f7f7f7; 
}
a {		text-decoration:underline;

	color: #f39200; 
}
a:hover {	
	color: #f7f7f7; 
}
.pagewidth,.module_row>.row_inner {	
	width: 1500px; 
}
h1 {	
	font-family: "Sora";	font-weight:600;

	color: #f7f7f7; 
}
h2 {	
	font-family: "Sora";	font-weight:600;

	color: #f7f7f7; 
}
h3 {	
	font-family: "Sora";	font-weight:600;

	color: #f7f7f7; 
}
h4 {	
	font-family: "Sora";	font-weight:600;

	color: #f7f7f7; 
}
h5 {	
	font-family: "Sora";	font-weight:600;

	color: #f7f7f7; 
}
h6 {	
	font-family: "Sora";	font-weight:600;

	color: #f7f7f7; 
}
body #site-logo a img {		width: 200px; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body {	background: none;
	background-color: #0a0b0c;
	font-family: "Inter";	font-weight:400;

	color: #f7f7f7; 
}
a {	
	color: #e07a43; 
}
#pagewrap {	
	padding-right: 20px;
	padding-left: 20px; 
}
.pagewidth,.module_row>.row_inner {	
	width: 1500px; 
}
h1 {	
	font-family: "Sora";	font-weight:400;

	color: #f7f7f7; 
}
h2 {	
	font-family: "Sora";	font-weight:400;

	color: #f7f7f7; 
}
h3 {	
	font-family: "Sora";	font-weight:400;

	color: #f7f7f7; 
}
h4 {	
	font-family: "Sora";	font-weight:400;

	color: #f7f7f7; 
}
h5 {	
	font-family: "Sora";	font-weight:400;

	color: #f7f7f7; 
}
h6 {	
	font-family: "Sora";	font-weight:400;

	color: #f7f7f7; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body {	
	font-family: "Inter";	font-weight:400;
 
}
.pagewidth,.module_row>.row_inner {	
	width: 1500px; 
}
h1 {	
	font-family: "Sora";	font-weight:400;
 
}
h2 {	
	font-family: "Sora";	font-weight:400;
 
}
h3 {	
	font-family: "Sora";	font-weight:400;
 
}
h4 {	
	font-family: "Sora";	font-weight:400;
 
}
h5 {	
	font-family: "Sora";	font-weight:400;
 
}
h6 {	
	font-family: "Sora";	font-weight:400;
 
}
 }@media(max-width: 600px) { /* Themify Customize Styling */
body {	
	font-family: "Inter";	font-weight:400;
 
}
.pagewidth,.module_row>.row_inner {	
	width: 1500px; 
}
h1 {	
	font-family: "Sora";	font-weight:400;
 
}
h2 {	
	font-family: "Sora";	font-weight:400;
 
}
h3 {	
	font-family: "Sora";	font-weight:400;
 
}
h4 {	
	font-family: "Sora";	font-weight:400;
 
}
h5 {	
	font-family: "Sora";	font-weight:400;
 
}
h6 {	
	font-family: "Sora";	font-weight:400;
 
}
 }
/* Themify Custom CSS */
/********************/
/*** GLOBAL BODY PADDING ***/
/*******************/
@media screen and (min-width: 1025px) {
  #body, header, footer {
      padding: 0px 50px 0px 50px;
}
}
/**************/
/*** SAFARI MENU DOT REMOVAL ***/
/**************/
.module-menu::before {
   display:none;
}
/*** NO LETTER SPCING ***/
h1,h2,h3,h4,h5,h6{letter-spacing:0!important}

/**************/
/*** NEUMORPH SUBROW ***/
/**************/
.neumorph {
	border-radius: 18px;
   background: #1c1f24;
  box-shadow:
    /* HARTE Unterkante (Tiefe) */
    0 18px 40px rgba(0,0,0,0.85),

    /* Kernschatten */
    12px 12px 24px rgba(0,0,0,0.75),

    /* Highlight oben/links */
    -10px -10px 20px rgba(255,255,255,0.08),

    /* KANTE oben (macht die Form sichtbar!) */
    inset 1px 1px 0 rgba(255,255,255,0.08),

    /* KANTE unten */
    inset -1px -1px 0 rgba(0,0,0,0.7);
}
.neumorph:hover {
  transform: translateY(-2px);

  box-shadow:
    /* mehr Tiefe */
    0 26px 60px rgba(0,0,0,0.9),

    /* Kernschatten stärker */
    16px 16px 30px rgba(0,0,0,0.85),

    /* Lichtkante klarer */
    -14px -14px 26px rgba(255,255,255,0.12),

    /* Kanten bleiben */
    inset 1px 1px 0 rgba(255,255,255,0.10),
    inset -1px -1px 0 rgba(0,0,0,0.75);
}

/****************/
/*** CUSTOM BULLETS ***/
/***************/

/* LISTENBASIS */
.bullet_points ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bullet_points li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  line-height: 1.4;
}

/* OLIVE DOT */
.bullet_points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #AFB69B; /* Olive CDI */
}
/* ORANGE DOT */
.bullet_points.orange li::before {
  background: #f39200;
}
/* Neutral DOT */
.bullet_points.neutral li::before {
  background: #f7f7f7;
}

/************/
/*** Orange Neumorph ***/
/************/
/* Neumorph-Box auf orangem Hintergrund */
.orange_neu {
  background: #f39200;           /* CI Orange */
  border-radius: 18px;
  padding: 40px 48px;

  box-shadow:
    inset 10px 10px 20px rgba(0, 0, 0, 0.22),   /* dunkle Vertiefung */
    inset -10px -10px 20px rgba(255, 255, 255, 0.25); /* Lichtkante */

  transition: box-shadow 0.2s ease;
}

/* optional: leichter Hover-Effekt */
.orange_neu:hover {
  box-shadow:
    inset 6px 6px 14px rgba(0, 0, 0, 0.20),
    inset -6px -6px 14px rgba(255, 255, 255, 0.35);
}
/*****************/
/*** CTA HEADLINE ***/
/*****************/
.cta_text p {
  color: #ffffff;
  text-shadow:
    2px 2px 4px rgba(0, 0, 0, 0.35),     /* dunkle Kante unten rechts */
    -2px -2px 4px rgba(255, 255, 255, 0.25); /* helle Kante oben links */
}

/***********************************************/
/***********************************************/
/*************** BUTTONS ***********************/
/***********************************************/
/***********************************************/

/* =========================
   DARK BUTTONS (raised)
   ========================= */

/* PRIMARY (Orange CTA) */
#cta-primary{
  background: #f39200 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 14px 26px !important;

  box-shadow:
    0 18px 40px rgba(0,0,0,0.55),
    10px 10px 22px rgba(0,0,0,0.55),
    -8px -8px 18px rgba(255,255,255,0.10),
    inset 1px 1px 0 rgba(255,255,255,0.18);

  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#cta-primary:hover{
  transform: translateY(-2px);
  box-shadow:
    0 22px 52px rgba(0,0,0,0.60),
    12px 12px 26px rgba(0,0,0,0.60),
    -10px -10px 22px rgba(255,255,255,0.12),
    inset 1px 1px 0 rgba(255,255,255,0.22);
}
#cta-primary:active{
  transform: translateY(0);
  box-shadow:
    inset 10px 10px 18px rgba(0,0,0,0.55),
    inset -8px -8px 18px rgba(255,255,255,0.10);
}

/* SECONDARY (Neutral Dark) */
#cta-secondary{
  background: #1c1f24 !important; /* etwas heller als Card */
  color: rgba(255,255,255,0.86) !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 14px 26px !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,0.50), 8px 8px 18px rgba(0,0,0,0.55), -6px -6px 14px rgba(255,255,255,0.08), inset 1px 1px 0 rgba(255,255,255,0.08), inset -1px -1px 0 rgba(0,0,0,0.60);

  transition: transform .15s ease, box-shadow .15s ease, color .15s ease;
}
#cta-secondary:hover{
  transform: translateY(-2px);
  color: rgba(255,255,255,0.92) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,0.65),
    10px 10px 22px rgba(0,0,0,0.70),
    -8px -8px 18px rgba(255,255,255,0.12),
    inset 1px 1px 0 rgba(255,255,255,0.12),
    inset -1px -1px 0 rgba(0,0,0,0.78);
}
#cta-secondary:active{
  transform: translateY(0);
  box-shadow:
    inset 10px 10px 18px rgba(0,0,0,0.70),
    inset -8px -8px 18px rgba(255,255,255,0.10);
}

/********* OLIVE BTN *************/
html .olive #cta-primary {
   background:#afb69b!important;
}

/********* GREY BTN *************/
html .grey #cta-primary {
   background:#333333!important;
}

/*******************************************/
/************** STICKY CARDSS **************/
/*******************************************/
/*********************/
/*** STICKY SCROLL CARDS ***/
/*********************/

/* Parent darf Sticky nicht blocken */
.stack_section { 
  overflow: visible !important; 
}

/* 1) Überschrift bleibt sticky */
.stack_head{
  position: sticky;
  top: 80px;           /* Abstand von oben */
  z-index: 9;
}

/* 2) Cards sticky + gestaffelt (damit Titel drüber sichtbar bleibt) */
.stack_card{
  position: sticky;
  z-index: 10;
}

/* WICHTIG:
   nth-of-type zählt ALLE siblings (inkl. Headline-Subrow),
   deshalb starten die Cards bei (2) */
.stack_card:nth-of-type(2){ top: 160px; z-index: 11; }
.stack_card:nth-of-type(3){ top: 224px; z-index: 12; }
.stack_card:nth-of-type(4){ top: 288px; z-index: 13; }
.stack_card:nth-of-type(5){ top: 352px; z-index: 14; }

/*****************************/
/*****************************/
/********** Badge ************/
/*****************************/
/*****************************/
.badge-dot{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 6px 14px;
  width: fit-content;

  background: #1c1f24;                 /* gleiche Surface-Farbe wie Cards */
  color: rgba(255,255,255,0.78);

  border-radius: 999px;                /* Pill-Shape */
  font-size: 14px;
  font-weight: 500;

  /* subtiler embossed Look */
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,0.65),
    inset -2px -2px 4px rgba(255,255,255,0.06);
}
.badge-dot::before{
  content: "";
  max-width: 8px;
  max-height: 8px;
	min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
  background: #f39200;
}
.badge-dot.olive::before{
  background: #AFB69B !important;
}
/**** CENTER BAGDE ****/
.badge-dot.center {
   margin-left:auto;
   margin-right:auto;
}
/**************/
/*** BUTTONS MOBIL ***/
/***************/
@media (max-width: 767px) {
.module-buttons-item + .module-buttons-item {
  margin-inline-start: 0;
}
.module-buttons {
  display: flex;
  flex-direction: column;
	gap: 16px;
}
}
/**************/
/*** Standort SLIDER NEUMORPH ***/
/**************/
.slider_neu .slide-content{
  box-shadow:
    4px 4px 10px rgba(0, 0, 0, 0.15),
   -4px -4px 10px rgba(255, 255, 255, 0.18);
  border-radius: 18px;
}
/**************/
/*** Leistungs Portfolio ***/
/**************/

/******** Portfolio Items ********/

/* Card */
.leistungs-portfolio-neu .loops-wrapper > .post,
.leistungs-portfolio-neu .loops-wrapper > .loop,
.leistungs-portfolio-neu .loops-wrapper > div.post{
  background: #1c1f24;
  border-radius: 18px;
  padding: 22px 22px 20px;

  /* "Raised" wie eure Flächen, aber CI-subtil */
  box-shadow:
    10px 10px 22px rgba(0,0,0,0.55),
    -10px -10px 22px rgba(255,255,255,0.04);

  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.leistungs-portfolio-neu .loops-wrapper > .post:hover,
.leistungs-portfolio-neu .loops-wrapper > .loop:hover,
.leistungs-portfolio-neu .loops-wrapper > div.post:hover{
  transform: translateY(-2px);
  box-shadow:
    12px 12px 26px rgba(0,0,0,0.58),
    -12px -12px 26px rgba(255,255,255,0.045);
}

/* Title */
.leistungs-portfolio-neu .post-title,
.leistungs-portfolio-neu .entry-title{
  margin: 0 0 10px;
  line-height: 1.2;
}

.leistungs-portfolio-neu .post-title a,
.leistungs-portfolio-neu .entry-title a{
  text-decoration: none;
}

/**********************/
/*** DOT BACKGROUND ***/
/**********************/
body{
  overflow-x: hidden;
}

/* Canvas liegt wie dein ::before fixed über dem Body */
#dot-bg{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* Content bleibt darüber */
#pagewrap{
  position: relative;
  z-index: 1;
}

/* Reduced motion: Canvas bleibt statisch (JS schaltet Animation aus) */
@media (prefers-reduced-motion: reduce){
  #dot-bg{ opacity: 0.5; }
}

/*******************/
/*** REVEALING FOOTER ***/
/********************/
/* Footer Content Reveal (kein fixed, kein Bug-Look) */
#tbp_footer{
  position: relative;
  overflow: hidden;
}

/* Reveal-Layer für Inhalt */
#tbp_footer .footer-reveal-inner{
  will-change: transform, opacity, filter;
  transform: translateY(24px);
  opacity: 0;
  filter: blur(10px);
  transition: transform 650ms cubic-bezier(.12,.72,.18,1),
              opacity 650ms cubic-bezier(.12,.72,.18,1),
              filter 650ms cubic-bezier(.12,.72,.18,1);
}

body.footer-in #tbp_footer .footer-reveal-inner{
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce){
  #tbp_footer .footer-reveal-inner{
    transform: none;
    opacity: 1;
    filter: none;
    transition: none;
  }
}
/*****************/
/*** BADGE 2 ***/
/*****************/
.badge {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 12px 1px 12px;
  border-radius: 100px;
  font-size: 14px;
}
.badge p{
  margin-bottom:0px;
}
/*****************/
/*** VIDEO BORDER ***/
/*****************/
.tb_fullwidth_video.tb_local_video.tf_abs.tf_w.tf_h video{
  border-radius: 20px !important;
}

/*** Portfolio Icon ***/
.leistungs-portfolio-neu article{position:relative}
.leistungs-portfolio-neu .entry-title{position:relative;padding-right:56px}
.leistungs-portfolio-neu .entry-title:after{
  content:"→";position:absolute;right:24px;top:50%;
  transform:translateY(-50%) rotate(-45deg);
  transition:transform .2s ease;
  color:inherit;line-height:1;font-size:22px
}
.leistungs-portfolio-neu article:hover .entry-title:after{
  transform:translateY(-50%) rotate(0deg)
}
html .leistungs-portfolio-neu article {
   margin-bottom:20px!important;
}
/***********************/
/*** TEXT ANIMATION ***/
/***********************/
/* Hacker / Scramble Text – Auto Start */

.textanimation h1{
  cursor: none;
}

@media (prefers-reduced-motion: reduce){
  .textanimation h1{
    transition: none !important;
  }
}
/* =========================================
   Footer Kontaktformular – clean outline style
========================================= */

.footer-kontakt-form .gform_wrapper {
  background: transparent;
  padding: 0;
}

/* Labels */
.footer-kontakt-form .gfield_label {
  font-weight: 500;
  color: #1c1f24;
  margin-bottom: 6px;
}

/* Inputs */
.footer-kontakt-form .gform_wrapper input[type="text"],
.footer-kontakt-form .gform_wrapper input[type="email"],
.footer-kontakt-form .gform_wrapper input[type="tel"],
.footer-kontakt-form .gform_wrapper input[type="url"],
.footer-kontakt-form .gform_wrapper textarea,
.footer-kontakt-form .gform_wrapper select {
  width: 100%;
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  color: #1c1f24;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Placeholder */
.footer-kontakt-form ::placeholder {
  color: #9ca0a6;
}

/* Focus */
.footer-kontakt-form input:focus,
.footer-kontakt-form textarea:focus,
.footer-kontakt-form select:focus {
  outline: none;
  border-color: #F39200;
  box-shadow: 0 0 0 3px rgba(243,146,0,0.15);
}

/* Textarea */
.footer-kontakt-form textarea {
  min-height: 120px;
  resize: vertical;
}

/* Checkbox */
.footer-kontakt-form input[type="checkbox"] {
  accent-color: #F39200;
}

/* Abstände */
.footer-kontakt-form .gfield {
  margin-bottom: 12px;
}

.footer-kontakt-form .gform_fields {
  row-gap: 12px;
  column-gap: 14px;
}

/* Button */
.footer-kontakt-form .gform_button,
.footer-kontakt-form input[type="submit"] {
  background: #F39200;
  color: #1c1f24;
  border: none;
  border-radius: 999px;
  padding: 14px 26px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow: 0 6px 18px rgba(243,146,0,0.25);
}

.footer-kontakt-form .gform_button:hover,
.footer-kontakt-form input[type="submit"]:hover {
  transform: translateY(-1px);
}

.footer-kontakt-form .gform_button:active,
.footer-kontakt-form input[type="submit"]:active {
  transform: translateY(0);
}

/* Validation */
.footer-kontakt-form .gfield_error input,
.footer-kontakt-form .gfield_error textarea {
  border-color: #d51317;
  box-shadow: 0 0 0 2px rgba(213,19,23,0.15);
}

/* Erfolgsmeldung */
.footer-kontakt-form .gform_confirmation_message {
  margin-top: 12px;
  padding: 12px 14px;
  background: #f0f9f5;
  border: 1px solid #bfe8d8;
  border-radius: 10px;
  color: #1c1f24;
}
/* =========================================
   Footer Formular – kompakte Abstände
========================================= */

/* Abstand zwischen Feldern */
.footer-kontakt-form .gform_wrapper .gfield {
  margin-bottom: 8px !important;
}

/* Grid-Gap bei 2-spaltigen Feldern */
.footer-kontakt-form .gform_wrapper .gform_fields {
  row-gap: 8px !important;
  column-gap: 12px !important;
}

/* Label → Feld Abstand */
.footer-kontakt-form .gfield_label {
  margin-bottom: 4px !important;
}

/* Abstand vor Button */
.footer-kontakt-form .gform_footer {
  margin-top: 10px !important;
}

/* Checkbox kompakter */
.footer-kontakt-form .gfield_checkbox,
.footer-kontakt-form .gfield_consent_label {
  margin-top: 4px !important;
}

/* Mobile noch etwas enger */
@media (max-width: 640px) {
  .footer-kontakt-form .gform_wrapper .gfield {
    margin-bottom: 6px !important;
  }

  .footer-kontakt-form .gform_wrapper .gform_fields {
    row-gap: 6px !important;
  }
}
/* =========================================
   Footer Formular – alle Buttons (mehrseitig)
========================================= */

/* Alle Button-Typen abfangen */
.footer-kontakt-form .gform_wrapper .gform_button,
.footer-kontakt-form .gform_wrapper input[type="submit"],
.footer-kontakt-form .gform_wrapper .gform_next_button,
.footer-kontakt-form .gform_wrapper .gform_previous_button {
  appearance: none;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer;

  background: #F39200 !important;
  color: #1c1f24 !important;

  box-shadow: none !important;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

/* Hover */
.footer-kontakt-form .gform_wrapper .gform_button:hover,
.footer-kontakt-form .gform_wrapper input[type="submit"]:hover,
.footer-kontakt-form .gform_wrapper .gform_next_button:hover,
.footer-kontakt-form .gform_wrapper .gform_previous_button:hover {
  filter: brightness(0.98);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12) !important;
}

/* Active */
.footer-kontakt-form .gform_wrapper .gform_button:active,
.footer-kontakt-form .gform_wrapper input[type="submit"]:active,
.footer-kontakt-form .gform_wrapper .gform_next_button:active,
.footer-kontakt-form .gform_wrapper .gform_previous_button:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0,0,0,0.10) !important;
}

/* Focus */
.footer-kontakt-form .gform_wrapper .gform_button:focus-visible,
.footer-kontakt-form .gform_wrapper input[type="submit"]:focus-visible,
.footer-kontakt-form .gform_wrapper .gform_next_button:focus-visible,
.footer-kontakt-form .gform_wrapper .gform_previous_button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(243,146,0,0.18), 0 8px 18px rgba(0,0,0,0.10) !important;
}
/* =========================================
   Kill blue outline (Browser + Gravity)
========================================= */

/* ALLE Focus-Outlines entfernen */
.footer-kontakt-form input:focus,
.footer-kontakt-form textarea:focus,
.footer-kontakt-form select:focus {
  outline: none !important;
}

/* Gravity Forms Theme (ab GF 2.7) */
.footer-kontakt-form .gform_wrapper .gfield input:focus,
.footer-kontakt-form .gform_wrapper .gfield textarea:focus,
.footer-kontakt-form .gform_wrapper .gfield select:focus {
  box-shadow: none !important;
  border-color: #F39200 !important;
}

/* Chrome / Edge Autofocus Ring */
.footer-kontakt-form input:focus-visible,
.footer-kontakt-form textarea:focus-visible,
.footer-kontakt-form select:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(243,146,0,0.25) !important;
}

/* Safari inner glow */
.footer-kontakt-form input::-webkit-focus-inner {
  border: 0;
}

/* Firefox */
.footer-kontakt-form input:-moz-focusring {
  outline: none !important;
}
/* =========================================
   Select Text vertikal zentrieren
========================================= */

.footer-kontakt-form select {
  height: 44px;                 /* fixe Höhe für saubere Zentrierung */
  line-height: 44px;            /* Text exakt mittig */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Falls Gravity Forms Wrapper reinfunkt */
.footer-kontakt-form .ginput_container_select select {
  height: 44px;
  line-height: 44px;
}

/* =========================================
   Remove zebra / pattern backgrounds
========================================= */

.footer-kontakt-form .gform_wrapper input,
.footer-kontakt-form .gform_wrapper textarea,
.footer-kontakt-form .gform_wrapper select {
  background-image: none !important;
  background: transparent !important;
  -webkit-appearance: none;
  appearance: none;
}

/* Falls das Theme speziell Inputs mit bg-image versieht */
.footer-kontakt-form .gform_wrapper .ginput_container input,
.footer-kontakt-form .gform_wrapper .ginput_container textarea {
  background-image: none !important;
}

/* Chrome/Safari Autofill: verhindert komische Hintergründe */
.footer-kontakt-form .gform_wrapper input:-webkit-autofill,
.footer-kontakt-form .gform_wrapper textarea:-webkit-autofill,
.footer-kontakt-form .gform_wrapper select:-webkit-autofill {
  -webkit-text-fill-color: #1c1f24 !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 99999s ease-in-out 0s;
}
.gform_required_legend {
  display: none;
}