/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* custom global styling */

html[lang="en-US"] .blog .de-cta,
html[lang="en-US"] .single .de-cta {
  display: none;
}
html[lang="de-DE"] .blog .en-cta,
html[lang="de-DE"] .single .en-cta {
  display: none;
}

html[lang="en-US"] .entry-more img {
  order: -1;
}

.page-id-2 .entry h3 span, 
.page-id-3912 .entry h3 span {
  font-size: 64%;
  display: block;
}

.page-id-132 p a {
  word-break: break-word;
}

.c-red {
  color: red!important;
}
.c-white {
  color: #ffffff;
}
.c-blue {
  color: #38A8E0;
}
.c-darkblue {
  color: #1C4960;
}
.bg-white {
  background-color: #ffffff;
}
.bg-grey {
  background-color: #f8f8f8;
}
.bg-blue {
  background-color: #38A8E0;
}
.bg-darkblue {
  background-color: #1C4960;
}
.bg-tricon {
  background-image: url(/wp-content/uploads/triconlaw.de_pattern.svg);
  background-repeat: repeat;
  background-size: 91px 81px;
}
.bg-tricon-gradient {
  background: rgb(17,43,57);
  background: -webkit-linear-gradient(bottom, rgba(17,43,57,1) 0%, rgba(28,73,96,1) 100%);
  background: -o-linear-gradient(bottom, rgba(17,43,57,1) 0%, rgba(28,73,96,1) 100%);
  background: linear-gradient(to top, rgba(17,43,57,1) 0%, rgba(28,73,96,1) 100%);
}

p, li {
  font-size: 18px;
  line-height: 1.55;
}
#title, .h2-start {
  font-size: 50px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
.h2-start {
  text-transform: normal;
  font-weight: 100;
}
h2, #page-title {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 300;
  margin-top: 0;
}
h3, #newshome-posts .entry-title {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  h3, #newshome-posts .entry-title {
	font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #title, .h2-start {
	font-size: 36px;
  }
  h2, #page-title {
	font-size: 30px;
  }
  p, li {
	font-size: 16px;
  }
}

@media screen and (max-width: 599px) {
  #title, .h2-start {
	font-size: 31px;
  }
  h2 {
	font-size: 26px;
  }
}

.btn-primary .wp-block-button__link,
.gform_button, .grid figcaption a {
  display: inline-block;
  padding: 1rem 1.5rem;
  border: 0;
  border-radius: 10rem;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  line-height: 1;
}

.gform_button, #gform_1 select {
  appearance: none;
  -webkit-appearance: none;
}

.btn-primary .wp-block-button__link:after,
.gform_button:after, .grid figcaption a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  z-index: -2;
}
.btn-primary .wp-block-button__link:before,
.gform_button:before, .grid figcaption a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}

@media (hover: hover) and (pointer: fine) {
  .btn-primary .wp-block-button__link:hover,
  .gform_button:hover, .grid figcaption a:hover {
	color: #fff;
	text-decoration: none!important;
  }
  .btn-primary .wp-block-button__link:hover:before,
  .gform_button:hover:before, .grid figcaption a:hover:before {
	width: 100%;
	text-decoration: none!important;
  }
}


/* teaser startpage + subpages */

.teaser-container {
  position: relative;
}
.startteaser-container {
  width: 100%;
  position: absolute;
  z-index: -1;
}
.teaser-container figure,
.startteaser-container figure {
  position: relative;
}
/*
.teaser-container figure::after,
.startteaser-container figure::after {
  content: "";
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 1340px;
  margin: auto;
  background-image: url(/wp-content/uploads/15-jahre.webp);
  background-size: 100px;
  background-position: calc(100% - 30px) 320px;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 20px rgba(0,0,0,0.4));
}
*/
.teaserimage, .startteaserimage {
  margin: 0;
  padding: 0;
}
.teaserimage {
  height: 490px;
}
.startteaserimage {
  height: 1024px;
}
.startteaserimage img {
  object-position: 46% center;
}
.startteaser-distance {
  height: 700px;
}
body.page-id-2 #title,
body.page-id-3912  #title {
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
}
body.page-id-2 .marker__icon svg,
body.page-id-3912 .marker__icon svg {
  fill: #fff;
}
.teaserimage img, .startteaserimage img {
  object-fit: cover!important;
  height: 100%;
  width: 100%;
}
.teaser-title {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100px;
  padding: 0 40px;
}
.startteaser-title {
  position: absolute;
  top: 330px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
}

@media screen and (max-width: 1023px) {
  .startteaserimage {
	height: 800px;
  }
  body.page-id-2 #title,
  body.page-id-3912 #title {
	font-size: 42px;
  }
  .startteaser-distance {
	height: 500px;
  }
  .startteaser-title {
	top: 220px;
  }
  .teaser-container h1,
  .startteaser-container h1 {
	text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .teaserimage {
	height: 350px;
  }
  .startteaserimage {
	height: 600px;
  }
  .startteaser-distance {
	height: 400px;
  }
  body.page-id-2 #title,
  body.page-id-3912 #title {
	font-size: 36px;
  }
  .teaser-title {
	padding: 0 20px;
	bottom: 50px;
  }
  .startteaser-title {
	padding: 0 20px;
	top: 180px;
  }
  .teaser-container figure::after,
  .startteaser-container figure::after {
	background-size: 70px;
	background-position: calc(100% - 20px) 250px;
	background-repeat: no-repeat;
  }
}

@media screen and (max-width: 599px) {
  .startteaserimage {
	height: 600px;
  }
  .startteaserimage img {
	object-position: 72% center;
  }
  .startteaser-distance {
	height: 400px;
  }
  body.page-id-2 #title,
  body.page-id-3912 #title {
	font-size: 30px;
  }
  .startteaser-title {
	top: 90px;
  }
  .teaserimage.team img {
	object-position: 38% center;
  }
  .teaser-container figure::after,
  .startteaser-container figure::after {
	background-position: calc(100% - 30px) 254px;
  }
}


/* subpage kompetenzen */

.tricon-kompetenzen img {
  max-width: 420px;
  width: 100%;
  height: auto;
}

.tricon-competence {
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.tricon-competence .wp-block-button__link {
  padding: 35px 15px;
  width: 100%;
  background-color: #1C4960;
  height: 100%;
}

.tricon-competence .wp-block-button__link:hover {
  filter: brightness(1.2);
}

.tricon-competence-1 figure {
  margin-bottom: 20px;
}

.tricon-competence-1 img {
  height: 40px;
  width: auto;
}


/* swiper with tabs */

.tricon-list {
  margin: 0;
  padding: 0;
}

.tricon-list li:not(:last-child) {
  margin-bottom: 0.75em;
}

.style-swiper-container {
  position:relative;
}

.style-swiper-slide-btn-wrap {
  position:relative;
}

.style-swiper-slides {
  display:flex;
  overflow-x:auto;
  scroll-snap-type:mandatory;
  scroll-snap-type:x mandatory;
  -ms-scroll-snap-type:mandatory;
  -webkit-scroll-snap-type:mandatory;
  -webkit-scroll-snap-destination:0% 0%;
  -webkit-overflow-scrolling:touch;

}
.style-swiper-slides > * {
  flex-shrink:0;
  max-width:100%;
  scroll-snap-align:start;
}

.style-swiper-btn-prev, .style-swiper-btn-next {
  position:absolute;
  top: calc(50% + 95px);
  transform:translateY(-50%);
  z-index:1;
  border:0;
  margin:0;
  padding:0;
  cursor:pointer;
  box-sizing:border-box;
  background-color: transparent;
}
.style-swiper-btn-prev img, .style-swiper-btn-next img {
  width: 30px;
  height: 30px;
}
.style-swiper-btn-prev {
  left:0;
  padding-left: 40px;
}
.style-swiper-btn-next {
  right:0;
  padding-right: 40px;
}

.style-swiper-pagination-wrap {
  text-align:center;
  padding: 0 30px;
}
.style-swiper-pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.style-swiper-page,
.style-swiper-page {
  display: inline-block;
  height: 190px;
}
#competences .style-swiper-page {
  width: 25%;
  max-width: 305px;
  margin: 0 10px;
}
#jobs .style-swiper-page {
  width: 33.33%;
  max-width: 414px;
  margin: 0 9px;
}
.style-swiper-page button {
  border:0;
  width: 100%;
  height: 100%;
  background-color:rgba(255, 255, 255, 0.5);
  border-bottom: 35px solid #f8f8f8;
  cursor:pointer;
  position: relative;
}
.style-swiper-page button:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  text-align: center;
}

#competences .style-swiper-page:nth-child(1) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon_mergers-aquisitions.svg);
  width: 47px;
  margin: 0 auto;
}
#competences .style-swiper-page:nth-child(2) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon_sanierung-restrukturierung.svg);
  width: 41px;
  margin: 0 auto;
}
#competences .style-swiper-page:nth-child(3) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon-gestaltung-nachfolge.svg);
  width: 42px;
  margin: 0 auto;
}
#competences .style-swiper-page:nth-child(4) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon_arbeitsrecht.svg);
  width: 34px;
  margin: 0 auto;
}

/*
#jobs .style-swiper-page:nth-child(1) button:before,
#jobs .style-swiper-page:nth-child(2) button:before,
#jobs .style-swiper-page:nth-child(3) button:before {
content: url(/wp-content/uploads/triconlaw.de_icon_jobs-zoom.svg);
width: 43px;
margin: 0 auto;
}
*/

#jobs .style-swiper-page:nth-child(1) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon_jobs_01.svg);
  width: 43px;
  margin: 0 auto;
}
#jobs .style-swiper-page:nth-child(2) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon_jobs_02.svg);
  width: 43px;
  margin: 0 auto;
}
#jobs .style-swiper-page:nth-child(3) button:before {
  content: url(/wp-content/uploads/triconlaw.de_icon_jobs_03.svg);
  width: 43px;
  margin: 0 auto;
}

.style-swiper-page button:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  color: #4A4748;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  padding: 0 10px;
}
#competences .style-swiper-page:nth-child(1) button:after {
  content: "Mergers & Acquisitions";
}
#competences .style-swiper-page:nth-child(2) button:after {
  content: "Sanierung und Restrukturierung";
}
#competences .style-swiper-page:nth-child(3) button:after {
  content: "Gestaltung und Nachfolge";
}
#competences .style-swiper-page:nth-child(4) button:after {
  content: "Arbeitsrecht";
}
.page-id-3990 #competences .style-swiper-page:nth-child(1) button:after {
  content: "Mergers & Acquisitions";
}
.page-id-3990 #competences .style-swiper-page:nth-child(2) button:after {
  content: "Redevelopment and restructuring";
}
.page-id-3990 #competences .style-swiper-page:nth-child(3) button:after {
  content: "Structuring and succession";
}
.page-id-3990 #competences .style-swiper-page:nth-child(4) button:after {
  content: "Labor Law";
}
#jobs .style-swiper-page:nth-child(1) button:after {
  content: "Wirtschaftsprüfer / Steuerberater (m/w/d)";
}
#jobs .style-swiper-page:nth-child(2) button:after {
  content: "Rechtsanwalt (m/w/d)";
}
#jobs .style-swiper-page:nth-child(3) button:after {
  content: "Teamassistent (m/w/d) in Vollzeit";
}
.page-id-4011 #jobs .style-swiper-page:nth-child(1) button:after {
  content: "Auditor / tax consultant (m/f/x)";
}
.page-id-4011 #jobs .style-swiper-page:nth-child(2) button:after {
  content: "Attorney (m/f/x)";
}
.page-id-4011 #jobs .style-swiper-page:nth-child(3) button:after {
  content: "Team assistant (m/f/x) full time";
}
/*
.style-swiper-page.style-swiper-visible button {
background-color:#F80;
}
*/
.style-swiper-pagination .style-swiper-active {
  position: relative;
}
.style-swiper-pagination .style-swiper-active:after {
  content: "";
  border-bottom: 2px solid #38A8E0;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 35px;
  width: 40%;
  margin: 0 auto;
}
.style-swiper-page.style-swiper-active button {
  background-color:#ffffff;
  border-bottom: 35px solid #ffffff;
}

.style-swiper-page.style-swiper-active button:after {
  font-weight: 600!important;
}
.style-swiper-slides .swiper-slides-container  {
  width:100vw;
  /*height:400px;*/
}
.style-swiper-slides div {
  background-color: #ffffff;
}

.hide-scrollbar {
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.hide-scrollbar::-webkit-scrollbar {
  display:none;
}

.style-swiper-hidden {
  display:none;
}

.appointment-box {
  padding: 40px 50px;
  background-color: #f8f8f8!important;
}

.appointment-box div {
  background-color: transparent;
}

.appointment-box img {
  min-width: 40px;
  width: 40px;
  height: 40px;
  margin-top: -5px;
  margin-right: 20px;
}

@media screen and (max-width: 1500px) {
  .style-swiper-btn-prev, .style-swiper-btn-next {
	width: 38px;
	height: 38px;
  }
  .style-swiper-btn-prev img, .style-swiper-btn-next img {
	width: 30px;
	height: 30px;
  }
  .style-swiper-btn-prev {
	border-radius: 0 20px 20px 0;
	padding: 0 0 0 5px;
  }
  .style-swiper-btn-next {
	border-radius: 20px 0 0 20px;
	padding: 0 5px 0 0;
  }
  .style-swiper-btn-prev, .style-swiper-btn-next {
	top: unset;
	bottom: 60px;
  }
  .style-swiper-btn-prev {
	left: unset;
	right: calc(50% + 10px);
  }
  .style-swiper-btn-next {
	left: calc(50% + 10px);
	right: unset;
  }
  .style-swiper-slides {
	padding-bottom: 100px;
	background: #ffffff;
  }
}

@media screen and (max-width: 1280px) {
  .appointment-box {
	padding: 40px 40px 40px 20px;
  }
  .appointment-box img {
	min-width: 35px;
	width: 35px;
	height: 35px;
	margin-top: -5px;
	margin-right: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .style-swiper-page button:after {
	font-size: 18px;
  }
  .style-swiper-page {
	height: 170px;
  }
  .style-swiper-page button {
	border-bottom: 20px solid #f8f8f8;
  }
  .style-swiper-page.style-swiper-active button {
	border-bottom: 20px solid #ffffff;
  }
  .style-swiper-pagination .style-swiper-active:after {
	bottom: 20px;
  }
  .style-swiper-slides {
	padding-bottom: 70px;
  }
  .style-swiper-btn-prev, .style-swiper-btn-next {
	bottom: 30px;
  }
  .appointment-box {
	padding: 40px 20px;
  }
}

@media screen and (max-width: 767px) {
  .style-swiper-page {
	margin: 0 5px;
  }
  .style-swiper-page button:after {
	font-size: 16px;
  }
  .style-swiper-pagination-wrap {
	padding: 0 10px;
  }
  .style-swiper-slides {
	padding-bottom: 60px;
  }
  .style-swiper-btn-prev, .style-swiper-btn-next {
	bottom: 30px;
  }
}

@media screen and (max-width: 667px) {
  .style-swiper-page button:after {
	font-size: 14px;
  }
}

@media screen and (max-width: 599px) {

  .style-swiper-page button:after {
	display: none
  }
  .style-swiper-page button {
	border-bottom: 15px solid #f8f8f8;
  }
  .style-swiper-page.style-swiper-active button {
	border-bottom: 15px solid #ffffff;
  }
  .style-swiper-page {
	height: 100px;
  }
  .style-swiper-pagination .style-swiper-active:after {
	bottom: 15px;
  }
  .appointment-box img {
	min-width: 30px;
	width: 30px;
	height: 30px;
  }
  .style-swiper-page button:before {
	top: 20px;
  }
  #competences .style-swiper-page,
  #jobs .style-swiper-page {
	margin: 0 5px;
  }
}

/* subpage kontakt */

.tricon-contactform .gform_body .gform_fields {
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, max-content);
  grid-column-gap: 2%;
  grid-row-gap: 12px;
}
.tricon-contactform .gform_body .gform_fields,
.tricon-contactform .gform_body .gform_fields ::placeholder,
.tricon-contactform .gform_body .gform_fields .anrede select,
.tricon-contactform .gform_body .gform_fields .name input,
.tricon-contactform .gform_body .gform_fields .email input,
.tricon-contactform .gform_body .gform_fields .telefon input,
.tricon-contactform .gform_body .gform_fields .nachricht textarea {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  color: #455258;
  border-radius: 0!important;
}
.gfield_captcha_input_container input, .ginput_container_consent input {
  border-radius: 0!important;
}
.ginput_container_consent input {
  min-width: 14px;
}
.tricon-contactform .gform_body .gform_fields .gform_validation_container {
  display: none;
}
.tricon-contactform .gform_body .gform_fields fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.tricon-contactform .gform_body .gform_fields .anrede label,
.tricon-contactform .gform_body .gform_fields .name label,
.tricon-contactform .gform_body .gform_fields .email label,
.tricon-contactform .gform_body .gform_fields .telefon label,
.tricon-contactform .gform_body .gform_fields .nachricht label {
  display: none;
}
.tricon-contactform .gform_body .gform_fields .gfield_required_text {
  display: none;
}
.tricon-contactform .gform_body .gform_fields .anrede select,
.tricon-contactform .gform_body .gform_fields .name input,
.tricon-contactform .gform_body .gform_fields .email input,
.tricon-contactform .gform_body .gform_fields .telefon input,
.tricon-contactform .gform_body .gform_fields .nachricht textarea {
  width: 100%;
  font-size: 16px;
  background-color: #f8f8f8;
  border: 0;
  padding: 20px;
}
.tricon-contactform .gform_body .gform_fields .anrede select,
.tricon-contactform .gform_body .gform_fields .name input,
.tricon-contactform .gform_body .gform_fields .email input,
.tricon-contactform .gform_body .gform_fields .telefon input {
  max-height: 58px;
}
.tricon-contactform .gform_body .gform_fields .anrede {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.tricon-contactform .gform_body .gform_fields .name {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.tricon-contactform .gform_body .gform_fields .email {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.tricon-contactform .gform_body .gform_fields .telefon {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.tricon-contactform .gform_body .gform_fields .nachricht {
  grid-column: 1 / 2;
  grid-row: 3 / 5;
}
.tricon-contactform .gform_body .gform_fields .captcha {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  margin-left: 20px;
  margin-top: 20px;
}
.tricon-contactform .gform_body .gform_fields .gfield_captcha_input_container {
  margin-left: 10px;
  width: 100%;
}
.tricon-contactform .gform_body .gform_fields .gfield_captcha_input_container input {
  border: 0;
  background-color: #f8f8f8;
  padding: 20px;
  width: 100%;
}
.tricon-contactform .gform_body .gform_fields .einwilligung {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
  font-size: 14px;
  line-height: 1.55;
  margin-left: 20px;
}
.tricon-contactform .gform_body .gform_fields .ginput_container_consent {
  display: flex;
}
.tricon-contactform .gform_body .gform_fields .gfield_label_before_complex {
  margin-bottom: 10px;
  font-weight: 600;
}
.tricon-contactform .gform_body .gform_fields .ginput_container_consent input {
  margin-right: 10px;
}
.tricon-contactform .gform_body .gform_fields .gfield_captcha_container {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.tricon-contactform .gform_footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.tricon-contactform .validation_message {
  color: #38a8e0;
}

.tricon-contactform .ginput_container_select {
  position: relative;
}

.tricon-contactform .ginput_container_select:after {
  background: url(/wp-content/uploads/arrow-down-form.svg) no-repeat;
  background-size: cover;
  content: "";
  height: 9px;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 16px;
}

.google-maps  {
  position: relative;
}

.google-maps__infobox {
  z-index: 100;
  background: #fff;
  position: absolute;
  top: 60px;
  left: 11px;
  border-radius: 5px;
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  line-height: 1.55!important;
  padding: 15px;
}

.google-maps div {
  line-height: 0;
}

.google-maps__canvas {
  width: 100%;
  height: 600px;
  line-height: 0;
}

.google-maps__link {
  font-weight: 700;
}

@media (hover: hover) and (pointer: fine) {
  .google-maps__link:hover {
	text-decoration: underline;
	color: #38A8E0!important;
  }
}

@media screen and (max-width: 767px) {
  iframe.google-maps__iframe {
	height: 400px;
  }
  .tricon-contactform .gform_body .gform_fields {
	display: block;
  }
  .tricon-contactform .gform_body .gform_fields div {
	margin-bottom: 10px;
  }
  .tricon-contactform .gform_body .gform_fields .einwilligung,
  .tricon-contactform .gform_body .gform_fields .captcha {
	margin-left: 0;
  }
  .tricon-contactform .gform_footer {
	justify-content: flex-start;
  }
}


/* team grid */

.tricon-team > .wp-block-group__inner-container {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  margin: 0 -20px;
}
.tricon-team > .wp-block-group__inner-container > div {
  padding: 20px;
}
.tricon-team-container {
  position: relative;
}
.tricon-team-container:after {
  content:"";
  position: absolute;
  height: 2px;
  width: 25%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 100;
  background-color: #38a8e0;
}

@media screen and (max-width: 1280px) {
  team-4 .tricon-team > .wp-block-group__inner-container {
	margin: 0 -10px;
  }
  team-4 .tricon-team > .wp-block-group__inner-container > div {
	padding: 10px;
  }
}


.grid figure {
  margin: 0;
  position: relative;
}
.grid figure img {
  max-width: 100%;
  display: block;
  position: relative;
}
.grid figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px;
  background: #ffffff;
  color: inherit;
}
.grid figcaption h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
}
.grid figcaption p {
  margin-block-start: 0!important;
  margin-block-end: 0!important;
  font-size: 14px!important;
  line-height: 1.3!important;
}
.grid .figcaption-head {
  color: black;
  position: absolute;
  background: #ffffff;
  height: 45px;
  left: 0;
  width: 100%;
  bottom: 113px;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1!important;
}

.toggle-trigger {
  z-index: 3;
}

.grid .figcaption-title {
  color: black;
  position: absolute;
  background: #ffffff;
  height: 52px;
  left: 0;
  width: 100%;
  bottom: 68px;
  z-index: 10000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px!important;
  line-height: 1.1!important;
  padding-top: 5px;
  z-index: 1;
}

.cs-style-3 figure {
  overflow: hidden;
}
.cs-style-3 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
.cs-style-3 figcaption {
  height: 75px;
  width: 100%;
  top: auto;
  bottom: 0;
  opacity: 1;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
.cs-style-3 figcaption a {
  margin-top: 10px;
}

.team-columns {
  min-height: 696px;
}

.team-columns figure {
  margin: 0;
  padding: 0;
  height: 100%;
}

.team-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.freundl img {
  object-position: 59% center;
}
.wollstadt img {
  object-position: 47% center;
}
.wiedebusch img {
  object-position: 53% center;
}
.lill img {
  object-position: 49% center;
}

.close-container {
  position: relative;
}

.close-container .close img {
  width: 35px;
  height: 35px;
}

.close-container .close {
  position: absolute;
  top: 40px;
  right: 100px;
  cursor: pointer;
}

.team-tab table {
  border-top: 1px solid #E9E9E9;
}

.team-tab table tbody tr {
  line-height: 1.55
}

.team-tab table tbody tr {
  vertical-align: top;
}
.team-tab table tbody td {
  padding: 14px 0 18px 0;
  border-bottom: 1px solid #E9E9E9;
}
.team-tab table tbody td:first-child {
  width: 25%;
  min-width: 100px;
}
.team-tab table tbody td:last-child {
  width: 75%;
}

.team-message a {
  transition: all 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
  .team-message a:hover {
	transform: translateY(-5px);
  }
}

.team-message a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  max-width: 210px;
}

.team-message img {
  margin-right: 10px;
  width: 34px;
  height: auto;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .team-btn-hide {
	display: none;
  }
}

@media screen and (max-width: 499px) {
  .team-btn-hide {
	display: none;
  }
}


.box-hidden {
  display: none;
}
.box-transition.box-hidden {
  display: block;
  opacity: 0;
}
.box-transition {
  transition: opacity 1s ease;
}

@media screen and (max-width: 1500px) {
  .close-container .close {
	right: 45px;
  }
}

@media screen and (max-width: 1280px) {
  .grid figcaption h3 {
	font-size: 18px;
  }
  .team-5 .grid figcaption h3 {
	font-size: 20px;
  }
  .team-5 .tricon-team-container:nth-child(3),
  .team-5 .tricon-team-container:nth-child(4) {
	margin-top: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .grid figcaption h3,
  .team-5 .grid figcaption h3 {
	font-size: 16px;
  }
  .grid .figcaption-head {
	height: 50px;
  }
  .close-container .close img {
	width: 25px;
	height: 25px;
  }
  .grid .figcaption-title {
	font-size: 14px!important;
  }
}

@media screen and (max-width: 992px) {
  .tricon-team-container:nth-child(3),
  .tricon-team-container:nth-child(4) {
	margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .team-columns {
	min-height: unset;
  }
  .team-message  {
	font-size: 14px;
  }
  .team-message img {
	width: 25px;
  }
  .close-container .close {
	right: 20px;
  }
}

@media screen and (max-width: 599px) {
  .grid figcaption h3,
  .team-5 .grid figcaption h3 {
	font-size: 14px;
  }
  .grid .figcaption-head {
	height: 33px;
	bottom: 100px;
  }
  .grid .figcaption-title {
	height: 37px;
	bottom: 68px;
	padding-top: 4px;
	font-size: 12px!important;
  }
}

@media screen and (max-width: 360px) {
  .grid .figcaption-head {
	bottom: 95px;
  }
  .grid .figcaption-title {
	height: 37px;
	bottom: 61px;
	padding-top: 1px;
	font-size: 10px!important;
  }
}

/* scroll animation */

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease-in-out both;
}

.scrolled.slide-left {
  animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 1s ease-in-out both;
}

/* ----------------------------------------------
* Generated by Animista on 2021-2-11 23:32:31
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

@keyframes slide-in-left {
  0% {
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
  }
  100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;
  }
  100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
  }
  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
  }
}

@keyframes fade-in {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}

.scrolled.delay-200 {
  animation-delay: 0.2s;
}
.scrolled.delay-400 {
  animation-delay: 0.4s;
}
.scrolled.delay-600 {
  animation-delay: 0.6s;
}
.scrolled.delay-800 {
  animation-delay: 0.8s;
}
.scrolled.delay-1000 {
  animation-delay: 1s;
}
.scrolled.delay-1200 {
  animation-delay: 1.2s;
}

/* Cookie Tool */

#trcht-c11t__content {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #112b39;
}