/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2026 | 12:18:33 */
.page-id-1599 .entry-header,
.page-id-40 .entry-header,
.page-id-41 .entry-header {
	display: none;
}
.page-id-98 h2,
.page-id-3 h2 {
	font-size: 2em;
	line-height: 1em;
}
.page-id-3 h3 {
	font-size: 1.5em;
}
.gform_wrapper .field_description_below .gfield_consent_description,
.gform_wrapper .gfield_consent_description {
	overflow-y: hidden !important;
	border-width: 0px !important;
}
.wpfm-template-2 .wpfm-menu-nav ul li a span {
	font-size: 23px;
}
.wpfm-template-2 .wpfm-menu-nav ul li {
	background: transparent;
}
span.wpfm-icon-block {
	background-image: url(/wp-content/uploads/2022/06/button-darkblue-filled.svg);
	background-size: 100% 100%;
}
span.wpfm-menu-name-tooltip-wrap {
	padding-left: 5%;
}
.wpfm-template-2 .wpfm-position-bottom-right {
	left: 99%;
}
.icon--box .elementor-image-box-content {
	background-color: rgb(255, 255, 255);
	margin-top: -60px;
	margin-left: 10%;
	width: 80% !important;
	padding: 5% 8% 8% 8%;
	text-align: left !important;
	position: relative;
	min-height: 303px;
}
.icon--box .elementor-image-box-content h2 {
	font-size: 2em;
	padding-bottom: 0.5em;
}
.my--media .uael-post__content-wrap {
	min-height: 160px;
	background: #14212f;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#14212f),
		to(#67abca)
	);
	background: linear-gradient(to right, #14212f 0, #67abca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14212F', endColorstr='#67ABCA', GradientType=1);
	color: #fff;
	padding: 25px;
	z-index: 400;
	position: relative;
	padding-bottom: 0 !important;
}
.my--media .uael-post__title {
	font-size: 28px;
	line-height: 33px;
}
.my--media .uael-post__thumbnail img {
	min-height: 235px;
}
.my--media .uael-post__read-more .elementor-button-text {
	padding: 20px;
}
.my--media .uael-post-wrapper .uael-post__read-more {
	position: relative;
	left: 70%;
	bottom: -30px !important;
	background-color: transparent !important;
	background-image: url(/wp-content/uploads/2022/06/button-orange.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.uael-post-wrapper .uael-post__meta-data {
	margin-bottom: -60px !important;
}
.elementor-widget-wrap .ShariffHeadline {
	margin-top: 8%;
}
.uael-timeline-main .timeline-icon-new {
	background-image: url(/wp-content/uploads/2022/06/meilenstein-kissen.svg);
	background-repeat: no-repeat;
	background-size: contain;
	padding: 20px;
}
.uael-timeline-main .timeline-icon-new svg {
	height: 60px !important;
	width: 60px !important;
}
.uael-timeline-field .inner-date-new > div {
	padding-top: 25px;
}
strong {
	font-weight: 600;
}
.tp_download_st_5 {
	width: 100% !important;
	height: 45px !important;
}
#gform_wrapper_3 input[type='submit'] {
	background-image: url(/wp-content/uploads/2022/06/button-orange.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	font-size: 1.5em;
}
#gform_wrapper_3 input[type='submit']:hover {
	font-size: 1.4em;
}
#ssb-container {
	top: 70%;
}
#ssb-container ul li a {
	line-height: 3em;
}
#ssb-container ul li a span {
	font-size: 1.6em;
}
#eael-advance-tabs-18ed9e6f #allgemein > .e-font-icon-svg {
	height: 16px;
}
#eael-advance-tabs-18ed9e6f #social-media > .e-font-icon-svg {
	height: 16px;
}
#eael-advance-tabs-51602f7 #impressum > .e-font-icon-svg {
	height: 16px;
}
#eael-advance-tabs-51602f7 #bildnachweise > .e-font-icon-svg {
	height: 16px;
}
#eael-advance-tabs-51602f7 #webdesign-cms > .e-font-icon-svg {
	height: 16px;
}
p.gform_required_legend {
	display: none;
}
.with--shadow .gallery-icon {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
/* Footer-Vorschau: Klicks an den verlinkten Container durchreichen */
#footer-clients-vorschau,
#footer-clients-vorschau * {
    pointer-events: none !important;
}
/*  #######  filterbutton clients ############ */
/* Filter: gleich breite und gleich hohe Schaltflächen */
.post-filter-data ul.category-filters {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.post-filter-data ul.category-filters > li {
  display: flex !important;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.post-filter-data ul.category-filters > li > a.filter-category-list {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  min-height: 64px;
  margin: 0 !important;
  padding: 10px 12px !important;
  white-space: normal !important;
  text-align: center;
  line-height: 1.3;
}

.post-filter-data a.filter-category-list > span {
  white-space: normal !important;
  line-height: inherit;
}

/* Tablet und schmaler Desktop: drei Spalten */
@media (max-width: 1200px) {
  .post-filter-data ul.category-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Mobil: zwei Spalten */
@media (max-width: 767px) {
  .post-filter-data ul.category-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .post-filter-data ul.category-filters > li > a.filter-category-list {
    padding: 10px 8px !important;
    font-size: 14px;
  }
}

/* ########## */
@media screen and (max-width: 1024px) {
	.icon--box .elementor-image-box-content {
		min-height: 363px;
	}
}
@media screen and (max-width: 880px) {
	.uael-timeline-main .timeline-icon-new svg {
		height: 40px !important;
		width: 40px !important;
	}
}
@media screen and (max-width: 767px) {
	.uael-timeline-main .timeline-icon-new svg {
		height: 30px !important;
		width: 30px !important;
	}
}