.animated,
.animated * {
    -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;
}

.animatedSlow,
.animatedSlow * {
    -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;
}

.animated1,
.animated1 * {
    -webkit-transition: all 1.3s ease-in-out;  -moz-transition: all 1.3s ease-in-out;  -o-transition: all 1.3s ease-in-out;  transition: all 1.3s ease-in-out;
}

.animated2,
.animated2 * {
    -webkit-transition: all 1.5s ease-in-out;  -moz-transition: all 1.5s ease-in-out;  -o-transition: all 1.5s ease-in-out;  transition: all 1.5s ease-in-out;
}

.fullWidthImage img,
.fullWidthVideo {
	width: 100%;
}

.rounded-xl {
	border-radius: 1rem;
}

.two-columns {
	column-count: 2;
}

.column-gap-3 {
	column-gap: 3rem;
}

.rounded-4 {
	border-radius: 1rem;
}


body {
	overflow-x: hidden;
}

header {
    
}
	header.scrolled {
		
	}

footer {
	padding-top: 1rem;
	padding-bottom: 2rem;
	background: #fff url(/_resources/themes/wirsind1/images/bg-shape--blue.png) no-repeat center top;
    background-size: 100% auto;
}
    footer > div {
        /*min-height: 290px;*/
		/*background: transparent url(/_resources/themes/wirsind1/images/bg-shape--yellow.png) no-repeat top;
		background-size: cover;*/
    }

    footer * {
    	color: var(--bs-indigo);
    }

    footer a {
    	color: var(--bs-indigo);
    	/*text-transform: uppercase;*/
    	font-weight: bold;
    	text-decoration: none;
    }
    	footer a:hover {
    		color: #000;
    		text-decoration: underline;
    	}

.yellowBgSection {
	background: #fff url(/_resources/themes/wirsind1/images/bg-shape--yellow-tf.png) no-repeat center bottom;
    background-size: cover;
}

.FormularPage footer,
.FormularPage .pageHeader {
	background-color: var(--bs-light);
}

img, video {
	max-width: 100%;
	height: auto;
}


.logo {
	max-width: 150px;
}

.blogPostHeader {
	position: relative;
}
	.blogPostHeader img {
		width: 100%;
	}

	.blogPostHeader::before {
		content: "";
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 0px;
		height: 0px;
		border-left: 20vw solid #fff;
		border-top: 2vw solid transparent;
		border-bottom: 0px;
	}

	.blogPostHeader::after {
		content: "";
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 0px;
		height: 0px;
		border-right: 20vw solid #fff;
		border-top: 2vw solid transparent;
		border-bottom: 0px;
	}

.blogListBox {
	position: relative;
}

.pageHeader {
	background: #fff url(/_resources/themes/wirsind1/images/header-epu.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 3rem 0;
}

.memberBoxHolder {
	min-height: 315px;
	position: relative;
	background-color: #fff;
}

	.memberBoxTopHolder .memberBoxHolder:hover {
		background-image: url(/_resources/themes/wirsind1/images/bg-shape--blue.png);
		background-repeat: no-repeat;
		background-size: auto 150%;
		background-position: center;
	}

	.memberBoxTopHolder > div:nth-child(even) > .memberBoxHolder:hover {
		background-image: url(/_resources/themes/wirsind1/images/bg-shape--yellow.png);
	}

blockquote {
	font-size: 1.5rem;
	font-style: italic;
	position: relative;
	padding-left: 30px;
	padding-right: 25px;
	display: inline-block;
	color: var(--bs-dark);
	margin: 1.5rem 0 1rem;
}

blockquote:before {
	content: '„';
	position: absolute;
	left: 0px;
	bottom: -10%;
	color: var(--bs-yellow);
	font-size: 5rem;
	line-height: 1;
}

blockquote:after {
	content: '“';
	position: absolute;
	right: 0px;
	top: -30%;
	color: var(--bs-yellow);
	font-size: 5rem;
	line-height: 1;
}

.BlogPost footer {
	background-color: var(--bs-light);
}

.blogCatLinks a {
	/*text-transform: uppercase;*/
	text-decoration: none;
	display: none; /*change later to: inline-block;*/
	padding: 0 1rem;
}
	.blogCatLinks a:hover {
		text-decoration: underline;
		color: var(--bs-dark) !important;
	}


form * {
	max-width: 100%;
}

form input[type=text],
form input[type=email],
form input[type=password],
form select,
form textarea {
	border-radius: 50rem;
	padding: 1rem 1.5rem;
	border: 1px solid var(--bs-gray-500);
	width: 100%;
}

form input::file-selector-button {
	border-radius: 50rem;
	padding: 1rem 1.5rem;
	border: 1px solid var(--bs-gray-500);
	/*width: 100%;*/
	background-color: #fff;
}

form textarea {
	border-radius: 1rem;
}

form .checkbox label {
	width: 90%;
	display: inline-block;
	line-height: 1.1;
	font-size: .875rem;
}

form .checkbox input {
	display: inline-block;
	vertical-align: top;
    margin-top: 0px;
    margin-right: 5px;
}

::placeholder {
	color: #000;
}

#Form_ProfileForm_Subject_Holder {
	position: absolute;
	top: -100000px;
	left: -100000px;
}

#memberBoxTextFilter {
	background-image: url(/_resources/themes/wirsind1/images/search-interface-symbol.png);
	background-position: 95% center;
	background-size: auto 40%;
	background-repeat: no-repeat;
}

.profileDesc a {
	color: var(--bs-dark);
	font-weight: bold;
}

.profileSocialLink {
	display: flex;
	text-decoration: none;
	align-items: center;
}

.profileSocialLink i {
	padding-right: 10px;
	min-width: 55px;
	text-align: center;
}

.companyDetails * {
	word-wrap: break-word;
}

.heronet .rounded-circle {
    box-shadow: 0 0 28px var(--bs-gray-700), inset 0 0 8px var(--bs-gray-700);
    -webkit-animation: pulse 2s linear 1s infinite;
    transition: transform .5s ease;
    z-index: 1;
    position: relative;
}

.heronet:hover .rounded-circle {
    transition: transform .5s ease-in-out;
    transform: scale(1.2) rotate(-5deg);
}

#particles-js {
    background-color: rgba(255, 255, 255,0);
    position: absolute;
    background-size: cover;
    z-index: 0;
}

#noSearchResults {
	display: none;
}

.field .description {
	color: var(--bs-danger);
	font-size: small;
}

@media (max-width: 1800px) {

}

@media (max-width: 1600px) {
    
}

@media (max-width: 1400px) {

}

@media (max-width: 1182px) {
    .pageHeader {
		background-size: cover;
	}
}

@media (max-width: 1000px) {
    
}

@media (max-width: 991px) {
    footer {
		background-size: cover;
	}
}

@media (max-width: 550px) {
    
}