body {
	 font-family: 'Open Sans', Arial, sans-serif;
	 font-size: 20px;
	 color: #464646;
	 margin: 0;
}
 ::-moz-selection {
	 background: #57788b;
	 color: #fff;
}
 ::selection {
	 background: #57788b;
	 color: #fff;
}
 a {
	 color: #464646;
	 text-decoration: none !important;
	 display: inline-block;
}
 a:after {
	 border-bottom: 1px solid #464646;
	 width: 0%;
	 transition: all 300ms ease;
	 display: block;
	 content: '';
}
 a:hover:after {
	 width: 100%;
}
 ul + h3 {
	 margin-top: 50px;
}
 img {
	 max-width: 100%;
}
 h1, h2, h3, h4, h5 {
	 font-family: 'Open Sans', Arial, sans-serif;
	 letter-spacing: 1px;
	 font-weight: 700;
	 letter-spacing: 3px;
}
 h1 {
	 text-transform: uppercase;
	 color: #57788b;
	 font-size: 80px;
}
 @media (max-width: 700px) {
	 h1 {
		 font-size: 50px;
	}
}
 h2, .h2-style {
	 font-size: 26px;
	 color: #464646;
	 text-transform: none;
}
 h3, .h3-style {
	 font-size: 20px;
	 text-transform: uppercase;
	 color: #57788b;
	 margin-bottom: 0;
	 font-family: 'Open Sans', Arial, sans-serif;
	 font-weight: 900;
}
 .h3-style + .h2-style {
	 margin-top: 0;
	 margin-bottom: 30px;
	 font-family: 'Open Sans', Arial, sans-serif;
}
 .inner-container {
	 max-width: 1200px;
	 padding-left: 20px;
	 padding-right: 20px;
	 margin-left: auto;
	 margin-right: auto;
}
 .inner-container.inner-container-no-header-img {
	 margin-top: 140px;
}
 .breadcrumbs {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 display: flex;
}
 .breadcrumbs li {
	 font-size: 14px;
}
 .breadcrumbs li a {
	 text-decoration: none;
	 color: #57788b;
}
 .breadcrumbs li:not(:last-child):after {
	 content: '/';
	 display: inline;
	 margin-left: 10px;
	 margin-right: 10px;
	 border: 0 !important;
}
 header {
	 background: rgba(87, 120, 139, 0.7);
	 color: #fff;
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1;
}
 header #tribus-header {
	 display: flex;
	 gap: 20px;
	 align-items: center;
	 justify-content: space-between;
}
 header #tribus-header .header-logo {
	 transition: all 200ms ease;
}
 header #tribus-header .header-logo:after {
	 display: none !important;
}
 header #tribus-header .header-logo:hover {
	 opacity: 0.9;
}
 header #tribus-header .header-logo img {
	 height: 45px;
}
 header #tribus-header .header-nav-mobile-button {
	 display: none;
}
 header #tribus-header .header-nav {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 position: relative;
}
 header #tribus-header .header-nav li {
	 position: relative;
}
 header #tribus-header .header-nav li a {
	 color: #fff;
	 text-decoration: none;
	 font-weight: 700;
	 letter-spacing: 3px;
	 font-size: 18px;
	 transition: all 200ms ease;
	 position: relative;
}
 header #tribus-header .header-nav li a:after {
	 border-bottom: 2px solid #fff;
}
 header #tribus-header .header-nav .header-nav-item {
	 padding: 15px 20px;
}
 header #tribus-header .header-nav .header-sub-nav {
	 list-style-type: none;
}
 @media (min-width: 701px) {
	 header #tribus-header .header-nav {
		 display: flex;
		 gap: 10px;
	}
	 header #tribus-header .header-nav .header-sub-nav {
		 position: absolute;
		 top: 65px;
		 left: -150px;
		 background: rgba(87, 120, 139, 0.7);
		 padding: 0 20px;
		 min-width: 390px;
		 max-height: 0;
		 overflow: hidden;
		 transition: all 300ms ease;
	}
	 header #tribus-header .header-nav > li:hover .header-sub-nav {
		 max-height: 600px;
		 padding: 20px;
	}
	 header #tribus-header .header-nav .header-nav-item:hover + .header-sub-nav {
		 max-height: 600px;
		 padding: 20px;
	}
}
 @media (max-width: 700px) {
	 header #tribus-header .header-nav-item {
		 padding: 5px !important;
	}
	 header #tribus-header .header-nav-mobile-button {
		 display: block;
		 position: relative;
		 background: transparent;
		 margin: 0;
		 padding: 0;
		 height: 50px;
		 width: 50px;
	}
	 header #tribus-header .header-nav-mobile-button span {
		 position: absolute;
		 left: 10px;
		 height: 4px;
		 width: 30px;
		 background: #fff;
		 display: block;
		 transition: 0.5s;
		 transform-origin: center;
		 border-radius: 3px;
	}
	 header #tribus-header .header-nav-mobile-button span:nth-child(1) {
		 top: 12px;
	}
	 header #tribus-header .header-nav-mobile-button span:nth-child(2) {
		 top: 24px;
	}
	 header #tribus-header .header-nav-mobile-button span:nth-child(3) {
		 top: 36px;
	}
	 header #tribus-header .header-nav-container {
		 background: rgba(87, 120, 139, 0.7);
		 position: fixed;
		 width: 80%;
		 top: 100px;
		 right: -100%;
		 transition: all 300ms ease;
	}
	 header #tribus-header .header-nav-container .header-nav {
		 padding: 20px;
	}
	 header #tribus-header.header-opened .header-nav-mobile-button span:nth-child(1) {
		 transform: translateY(12px) rotate(-45deg);
	}
	 header #tribus-header.header-opened .header-nav-mobile-button span:nth-child(2) {
		 opacity: 0;
	}
	 header #tribus-header.header-opened .header-nav-mobile-button span:nth-child(3) {
		 transform: translateY(-12px) rotate(45deg);
	}
	 header #tribus-header.header-opened .header-nav-container {
		 right: 10%;
	}
}
 .header-img {
	 position: relative;
	 max-height: 500px;
	 margin-bottom: 100px;
	 overflow: hidden;
}
 @media (min-width: 701px) and (max-width: 800px) {
	 .header-img {
		 margin-top: 57px;
		 margin-bottom: 60px;
	}
}
 @media (max-width: 700px) {
	 .header-img {
		 margin-top: 50px;
		 margin-bottom: 60px;
	}
}
 .header-img img {
	 width: 100%;
}
 .header-img .header-img-content {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 color: #fff;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .header-img .header-img-content.align-left {
	 justify-content: flex-start;
}
 @media (min-width: 1100px) {
	 .header-img .header-img-content.align-left .header-img-content-inner {
		 min-width: 1100px;
	}
	 .header-img .header-img-content.align-left .header-img-content-inner h1 {
		 text-align: left;
	}
}
 .header-img .header-img-content.align-bottom {
	 align-items: flex-end;
	 padding-bottom: 40px;
}
 .header-img .header-img-content, .header-img .header-img-content p, .header-img .header-img-content h1 {
	 text-align: center;
}
 .header-img .header-img-content h1 {
	 color: #fff;
}
 .header-img .header-img-content p {
	 font-size: 30px;
	 letter-spacing: 3px;
}
 @media (max-width: 700px) {
	 .header-img .header-img-content p {
		 font-size: 25px;
	}
}
 .teaser {
	 position: relative;
}
 @media (min-width: 701px) {
	 .teaser:not(.teaser-large-bg) .teaser-img {
		 width: 60%;
		 margin-left: 40%;
	}
	 .teaser:not(.teaser-large-bg) .teaser-img img {
		 width: 100%;
	}
	 .teaser:not(.teaser-large-bg) .teaser-content {
		 position: absolute;
		 left: 0;
		 top: 30%;
		 width: 40%;
		 min-height: 150px;
		 align-items: center;
		 display: flex;
		 background: whitesmoke;
		 padding: 40px;
	}
}
 @media (max-width: 700px) {
	 .teaser:not(.teaser-large-bg) .teaser-content {
		 margin-bottom: 30px;
	}
}
 @media (min-width: 1151px) {
	 .teaser.teaser-large-bg .teaser-img {
		 width: 60%;
		 margin-left: 40%;
	}
	 .teaser.teaser-large-bg .teaser-img img {
		 width: 100%;
	}
	 .teaser.teaser-large-bg .teaser-content {
		 position: absolute;
		 left: 0;
		 top: 30%;
		 width: 40%;
		 min-height: 150px;
		 align-items: center;
		 display: flex;
		 background: whitesmoke;
		 padding: 40px;
	}
}
 @media (max-width: 1150px) {
	 .teaser.teaser-large-bg .teaser-content {
		 margin-bottom: 30px;
	}
}
 footer {
	 background: #383f43;
	 padding: 30px 0;
	 margin-top: 100px;
	 color: #fff;
	 line-height: 1.5;
	 font-size: 17px;
}
 footer .footer-box1 strong {
	 display: inline-block;
	 margin-right: 10px;
	 font-family: 'PTSerif', serif;
}
 @media (min-width: 501px) {
	 footer .footer-box2 {
		 text-align: right;
	}
}
 footer .footer-inner {
	 display: flex;
	 gap: 100px;
}
 @media (min-width: 501px) {
	 footer .footer-inner {
		 justify-content: space-between;
	}
}
 @media (max-width: 500px) {
	 footer .footer-inner {
		 gap: 50px;
		 flex-direction: column;
	}
}
 footer .footer-inner h2, footer .footer-inner h3 {
	 margin-top: 0;
	 color: #fff;
	 margin-bottom: 10px;
	 text-transform: none;
}
 footer .footer-inner a {
	 color: #fff;
	 margin-bottom: 7px;
}
 footer .footer-inner a:after {
	 border-bottom: 1px solid #fff;
}
 footer .footer-inner .footer-nav {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
}
 footer .footer-inner .footer-nav a {
	 text-decoration: none;
	 color: #fff;
}
 footer .footer-inner .footer-nav a:hover {
	 text-decoration: underline;
}
/* .team-circle {
	 position: relative;
	 height: 80vh;
	 width: 80vh;
	 margin: auto;
	 @media(max-width: $breakpoint) {
		 width: 80vw;
		 height: 80vw;
	}
	 .team-circle-part {
		 position: absolute;
		 width: 80vh;
		 aspect-ratio: 1;
		 border-radius: 50%;
		 cursor: pointer;
		 filter: grayscale(1);
		 transition: all 200ms ease;
		 display: block;
		 @media(max-width: $breakpoint) {
			 width: 80vw;
		}
		 &:hover {
			 filter: grayscale(0);
		}
		 &#circle-bottom {
			 background-image: url('../images/tribus-sachverstaendige-oberoesterreic-Katharina-Binder.jpg');
			 clip-path: polygon(-80% 180%, 50% 50%, 180% 180%, -80% 180%);
			 .team-circle-part-inner {
				 position: absolute;
				 left: 0;
				 right: 0;
				 text-align: center;
				 bottom: 20%;
			}
		}
		 &#circle-top-right {
			 background-image: url('../images/tribus-sachverstaendige-oberoesterreich-christian-hagenauer.jpg');
			 .team-circle-part-inner {
				 position: absolute;
				 right: 10%;
				 top: 30%;
				 text-align: right;
			}
		}
		 &#circle-top-left {
			 background-image: url('../images/tribus-sachverstaendige-oberoesterreich-Michele-Roiaz.jpg');
			 clip-path: polygon(-80% 0%, 50% 0%, 50% 50%, -80% 180%);
			 .team-circle-part-inner {
				 position: absolute;
				 left: 10%;
				 top: 30%;
			}
		}
	}
}
*/
 .team {
	 margin-top: 50px;
}
 .team .team-member {
	 position: relative;
	 text-decoration: none;
}
 .team .team-member:after {
	 display: none;
}
 .team .team-member .team-member-slide {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 display: flex;
	 padding: 40px 20px;
	 justify-content: flex-end;
	 gap: 10px;
	 align-items: flex-end;
	 flex-direction: column;
}
 .team .team-member .team-member-slide h3 {
	 color: #fff;
}
 .team .team-member .team-member-slide .team-member-slide-arrow {
	 position: relative;
	 width: 100%;
	 height: 20px;
}
 .team .team-member .team-member-slide .team-member-slide-arrow:before {
	 content: '';
	 height: 2px;
	 width: 30px;
	 background-color: #fff;
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 9px;
	 transition: 0.2s ease-in-out;
}
 .team .team-member .team-member-slide .team-member-slide-arrow:after {
	 content: '';
	 position: absolute;
	 left: 30px;
	 transition: 0.2s ease-in-out;
	 border-left: 11px solid #fff;
	 border-right: 11px solid transparent;
	 border-top: 11px solid transparent;
	 border-bottom: 11px solid transparent;
}
 @media (max-width: 700px) {
	 .team .team-member .team-member-slide .team-member-slide-arrow:before {
		 width: 60px;
	}
	 .team .team-member .team-member-slide .team-member-slide-arrow:after {
		 left: 60px;
	}
}
 @media (min-width: 501px) {
	 .team {
		 display: flex;
		 gap: 30px;
	}
}
 @media (max-width: 500px) {
	 .team {
		 margin: auto;
		 max-width: 300px;
	}
	 .team .team-member {
		 margin-bottom: 30px;
	}
}
 @media (min-width: 501px) and (max-width: 700px) {
	 .team {
		 flex-wrap: wrap;
	}
	 .team .team-member {
		 flex-shrink: 0;
		 flex-basis: 46%;
	}
}
 @media (min-width: 701px) {
	 .team .team-member {
		 flex-basis: 33.33%;
		 cursor: pointer;
		 flex-shrink: 1;
		 flex-grow: 1;
	}
	 .team .team-member img {
		 filter: grayscale(1);
		 transition: all 300ms ease;
	}
	 .team .team-member h3 {
		 transition: all 300ms ease;
		 opacity: 0;
	}
	 .team .team-member:hover img {
		 filter: grayscale(0);
	}
	 .team .team-member:hover h3 {
		 opacity: 1;
	}
	 .team .team-member:hover .team-member-slide .team-member-slide-arrow:before {
		 width: 60px;
	}
	 .team .team-member:hover .team-member-slide .team-member-slide-arrow:after {
		 left: 60px;
	}
}
 .profile-page-contact-data {
	 display: flex;
	 flex-direction: column;
	 gap: 40px;
	 margin-bottom: 40px;
	 align-items: center;
}
 .profile-page-contact-data .profile-page-contact-data-content {
	 padding: 30px;
	 line-height: 1.7;
	 background: whitesmoke;
}
 .profile-page-contact-data .profile-page-contact-data-content .profile-page-contact-data-label {
	 font-weight: 700;
	 display: inline-block;
	 min-width: 80px;
	 font-size: 18px;
}
 @media (min-width: 701px) {
	 .profile-page-contact-data {
		 flex-direction: row;
	}
	 .profile-page-contact-data img {
		 width: 50%;
	}
	 .profile-page-contact-data .profile-page-contact-data-content {
		 position: absolute;
		 left: 45%;
	}
	 .profile-page-contact-data .profile-page-contact-data-phone {
		 pointer-events: none;
	}
}
 .form-input, .form-textarea {
	 padding: 10px;
	 border: 1px solid whitesmoke;
	 width: 100%;
	 border-radius: 5px;
	 font-family: 'Open Sans', Arial, sans-serif;
	 box-sizing: border-box;
}
 textarea {
	 height: 100px;
}
 label {
	 font-size: 16px;
	 margin-bottom: 8px;
	 display: block;
}
 .form-group:not(:first-child) {
	 margin-top: 15px;
}
 .form-group-container {
	 max-width: 500px;
	 padding: 40px;
	 background: whitesmoke;
	 margin: auto;
}
 button {
	 background: #57788b;
	 color: #fff;
	 padding: 10px;
	 border-radius: 10px;
	 width: 100%;
	 box-shadow: none;
	 border: 0;
	 margin-top: 15px;
	 cursor: pointer;
	 transition: background 200ms ease;
}
 button:hover {
	 background: #7290a1;
}
 @media (min-width: 1151px) {
	 .leistungen-headline {
		 margin-top: 200px;
	}
}
 