/*	==========================================================================
	css - wko faz-gleich-besser
	last change: CA 20240108
	========================================================================== */
/* source-sans-3-300 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 300;
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-300.eot');
	/* IE9 Compat Modes */
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-300.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-300.woff2') format('woff2'),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-300.woff') format('woff'),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-300.ttf') format('truetype'),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-300.svg#SourceSans3') format('svg');
	/* Legacy iOS */
}

/* source-sans-3-regular - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-regular.eot');
	/* IE9 Compat Modes */
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-regular.woff2') format('woff2'),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-regular.woff') format('woff'),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-regular.ttf') format('truetype'),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-regular.svg#SourceSans3') format('svg');
	/* Legacy iOS */
}

/* source-sans-3-600 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-600.eot');
	/* IE9 Compat Modes */
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-600.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-600.woff2') format('woff2'),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-600.woff') format('woff'),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-600.ttf') format('truetype'),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-600.svg#SourceSans3') format('svg');
	/* Legacy iOS */
}

/* source-sans-3-800 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 800;
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-800.eot');
	/* IE9 Compat Modes */
	src: url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-800.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-800.woff2') format('woff2'),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-800.woff') format('woff'),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-800.ttf') format('truetype'),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('https://firmen.wko.at/upload_images/media/individuell/gleich-besser/font/source-sans-3-v9-latin-800.svg#SourceSans3') format('svg');
	/* Legacy iOS */
}



:root {
	--orange: #F39654;
	--blue: #002850;
	--beige: #FFFDF4;
	--green: #8EC899;
	font-size: 16px;
}


.search-page__heading,
.search-page__sub-heading {
	text-align: center;
	background-color: var(--beige);
	color: var(--blue);
}

.search-page__heading {
	padding-top: 5rem
}

/* --- CUSTOM HEADER AND FOOTER --- */


html,
body {
	margin: 0;
	color: var(--blue);
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-family: 'Source Sans 3', sans-serif;
}

main {
	flex: 1;
}

/* Nav-Bar */

.header {
	position: sticky;
	z-index: 998;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 3rem;
	background-color: var(--blue);
	transition: top .3s ease;
}

.header__button {
	color: var(--green);
	text-decoration: none;
	cursor: pointer;
	background-color: transparent;
	min-width: 10rem;
	padding: 0.6rem 2rem 0.44rem;
	border: 2px solid var(--green);
	border-radius: 999px;
	text-align: center;
	font-weight: 600;
	margin-right: 1rem;
}

.header__button:hover {
	background-color: var(--green);
	border-color: var(--beige);
	color: var(--blue);
	text-decoration: none;
}

.header__button-group {
	display: none;
	margin-left: auto;
}

#gleichbesser-logo {
	fill: var(--green);
	height: 4.25rem;
	width: auto;
	padding: 1rem;
}

#gleichbesser-logo #text {
	display: none;
}



/* menu-button start */

.hamburger {
	fill: var(--green);
	max-height: 100%;
	width: 2rem;
	z-index: 999;
}

.menu-button {
	position: static;
	top: 2rem;
	right: 2rem;
	background: transparent;
	border: none;
	z-index: 9999;
	margin: 1.4rem
}

.menu-button:hover .hamburger {
	fill: var(--beige);
	cursor: pointer;
}


.menu-button .line {
	transition: y 200ms ease 200ms, rotate 200ms ease, opacity 0ms 200ms;
	-moz-transition: y 200ms ease 200ms, rotate 200ms ease, opacity 0ms 200ms;
	-webkit-transition: y 200ms ease 200ms, rotate 200ms ease, opacity 0ms 200ms;
	transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
}

.menu-button[aria-expanded="true"] .line {
	transition: y 200ms ease, rotate 200ms ease 200ms, opacity 0ms 200ms;
	-moz-transition: y 200ms ease, rotate 200ms ease 200ms, opacity 0ms 200ms;
	-webkit-transition: y 200ms ease, rotate 200ms ease 200ms, opacity 0ms 200ms;
	fill: var(--beige);
}

.menu-button[aria-expanded="true"] :is(.top, .bottom) {
	y: 45;
}

.menu-button[aria-expanded="true"] .top {
	rotate: 45deg;
}

.menu-button[aria-expanded="true"] .middle {
	opacity: 0;
}

.menu-button[aria-expanded="true"] .bottom {
	rotate: -45deg;
}


/* header-overlay */



.header-overlay {
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	top: -120vh;
	background-color: var(--blue);
	padding: 1.5rem;
	transition: top .5s ease;
	overflow: hidden;
}

.menu-button[aria-expanded="true"]+.header-overlay {
	top: 0;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	opacity: 1;
	overflow: hidden;
}

.header-overlay h1 {
	color: var(--green);
	margin: 0;
	line-height: 1;
	letter-spacing: .01em;
	font-weight: 800;
	font-size: max(6.4vw, 2rem)
}

.header-overlay__button {
	cursor: pointer;
	color: var(--blue);
	background-color: var(--orange);
	min-width: 10rem;
	padding: 0.6rem 2rem 0.44rem;
	border: 2px solid var(--beige);
	border-radius: 999px;
	margin-top: 1rem;
	text-align: center;
	font-weight: 600;
}

.header-overlay__button:hover {
	background-color: var(--green);
}

.header-overlay__button-group {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.header-overlay__menu {
	margin: 2.25rem 0 8rem;
	padding: 0;
	padding-left: 1rem;
}

.header-overlay>ul>li {
	list-style-type: none;

}

.header-overlay__menu>li {
	list-style-type: none;
	padding: 0.3em 0 0.3em 2rem;
	margin: 0;
	font-weight: 600;
	max-width: fit-content;
	font-size: min(max(4vw, 1.6rem), 2.3rem);
	flex: 1 0 auto;
}

.header-overlay a {
	text-decoration: none;
}

.header-overlay__menu-link {
	color: var(--beige);
	position: relative;
	font-size: inherit;
	z-index: 999;
}

.header-overlay__sub-menu {
	height: 0;
	color: var(--beige);
	list-style-type: none;
	font-weight: 400;
	font-size: min(max(1vw, 1.4rem), 5rem);
	padding: 0;
	margin: 0;
	overflow: hidden;
	transition: height .35s ease;
}

#first-menu-link {
	cursor: pointer;
}

#first-menu-link:hover .header-overlay__sub-menu {
	margin: 1rem 0;
	height: 8rem;
}


.header-overlay__sub-menu>li {
	padding: 0.3rem 0;
}

.header-overlay__sub-menu a {
	color: var(--beige);
}

.header-overlay__sub-menu a:hover {
	color: var(--orange);
}


.header-overlay__menu>li>a::before {
	content: "";
	position: absolute;
	left: -3rem;
	top: 0.1em;
	width: 0.75em;
	height: 0.75em;
	background-color: var(--orange);
	transform: rotate(-15deg);
	transition: transform .35s ease .3s, width .35s ease;
	z-index: -1;
}

.header-overlay__menu>li>a:hover::before {
	width: calc(100% + 2em);
	transform: rotate(-180deg) translateY(-0.1rem);
	transition: transform .35s ease, width .35s ease .3s;
}

.header-overlay__menu>li>span::before {
	content: "";
	position: absolute;
	left: -3rem;
	top: 0.1em;
	width: 0.75em;
	height: 0.75em;
	background-color: var(--orange);
	transform: rotate(-15deg);
	transition: transform .35s ease .3s, width .35s ease;
	z-index: -1;
}

.header-overlay__menu>li>span:active::before,
.header-overlay__menu>li>span:hover::before {
	width: calc(100% + 2em);
	transform: rotate(-180deg) translateY(-0.1rem);
	transition: transform .35s ease, width .35s ease .3s;
}

.header-overlay__menu>li>a:hover {
	color: white;
}

.header-overlay__credits {
	color: var(--beige);
	font-weight: 300;
	line-height: 1.2307;
}

.header-overlay__credits span:first-child {
	font-weight: 600;
}

.header-overlay__legal {
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	color: var(--beige);
}

.header-overlay__legal a {
	color: var(--beige);
}

.header-overlay__legal a:hover {
	color: var(--orange);
}

.header-overlay__bottom {
	display: flex;
	justify-content: space-between;
}

.header-overlay__bottom-wrapper {
	flex-shrink: 0;
}

#gleichbesser-icon {
	width: 4.75rem;
	height: 100%;
	fill: var(--green);
}

.header-overlay__legal {
	list-style-type: none;
}


/* FOOTER */

.footer {
	z-index: 1;
	position: relative;
	margin: 0;
	overflow: hidden;
	padding: 8rem 1rem 1rem;
	color: var(--beige);
	background-color: var(--beige)
}

.footer::before {
	background-color: var(--orange);
	content: "";
	position: absolute;
	top: 3rem;
	left: 0.75rem;
	bottom: -100%;
	right: -100%;
	margin-left: 0.75rem;
	transform: rotate(3deg);
	transform-origin: 0% 0%;
	z-index: -1;
}

.footer::after {
	background-color: var(--blue);
	content: "";
	position: absolute;
	top: 3rem;
	left: 0.75rem;
	bottom: -100%;
	right: -100%;
	margin-top: 0.75rem;
	transform: rotate(3deg);
	transform-origin: 0% 0%;
	z-index: -1;
}

#gleichbesser-logo-footer {
	fill: var(--orange);
	max-width: 17rem;

}

.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 3.5rem 0;
	column-count: 2;
	column-gap: 2rem;
}

.footer ul>li {
	margin-bottom: 1.4rem;
}

footer li>a {
	color: var(--beige);
	background-position: 0% 100%;
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-image: linear-gradient(var(--orange), var(--orange));
	transition: color .35s ease, border-color .35s ease, background-color .35s ease, background-size .35s ease;
}

footer li a:hover {
	background-size: 100% 1px;
	text-decoration: none;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: none;
}

.footer svg {
	fill: var(--orange);
	margin: 0.5rem 0;
}

.footer__text {
	max-width: 20rem;
	font-weight: 400;
	line-height: 1.5;
}

.footer__button {
	cursor: pointer;
	display: inline-block;
	color: var(--blue);
	background-color: var(--orange);
	min-width: 10rem;
	padding: 0.6rem 1.4rem 0.44rem;
	border: 2px solid var(--beige);
	border-radius: 999px;
	margin-top: 1rem;
	text-align: center;
	font-weight: 600;
}

.footer__button:hover {
	background-color: var(--green);
	border-color: var(--beige);
	color: var(--blue);
}

.footer__social-media {
	min-width: 10rem
}

.footer__social-media svg {
	margin: 0 0.2rem;
}

.footer__social-media a:hover .bg {
	fill: var(--green)
}

.footer__social-media .icon {
	fill: var(--blue);
}

.footer__social-media a:hover .icon {
	fill: var(--beige);
}

.footer__social-media p {
	margin-top: 1rem;
}

.footer__button-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 1rem
}

.footer__button-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.footer__wko-logo {
	width: 8.75rem;
	margin-top: 1rem;
}

.footer__wko-text {
	max-width: 15em;
	margin: 0.5rem 0;
	line-height: 1.4;
}

.footer__wko-text span:last-child {
	font-weight: 300;
}

.footer__menu-wrapper {
	margin-top: 2rem;
}

.footer__copyright {
	min-width: 7em;
	font-weight: 300;
	text-align: right;
}

.footer__bottom {
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.footer__link-bar {
	margin-top: 1rem;
}

.footer__link-bar a {
	color: var(--beige);
	display: inline-block;
	padding: 0.2rem 0;
}

.footer__link-bar span {
	margin: 0 0.4rem;
}

.footer__link-bar a:hover {
	color: var(--orange);
}

@media only screen and (min-width: 500px) {

	#gleichbesser-logo #text {
		display: block;
	}


	.footer ul>li>a {
		font-size: 1.1rem;
	}

}

@media only screen and (min-width: 768px) {

	.header-overlay {
		padding: 3rem;
	}


	.header-overlay__menu {
		padding: 2em 1.4em;
		list-style: none;
		margin: 2.25rem 0;
		padding-left: 3rem;
	}


	.header-overlay__menu>li>span:active::before,
	.header-overlay__menu>li>span:hover::before {
		width: min(calc(100% + 18vw), 11.6em)
	}

	#first-menu-link {
		position: relative;
	}

	.header-overlay__sub-menu {
		position: absolute;
		left: min(50vw, 15em);
		top: -0.6rem;
		margin: 2rem 0;
		margin-left: 8vw;
	}

	#first-menu-link:hover .header-overlay__sub-menu,
	#first-menu-link:focus .header-overlay__sub-menu,
	#first-menu-link:active .header-overlay__sub-menu {
		height: 8rem;
		margin: 2rem 0;
		margin-left: 8vw;
	}

	.header-overlay__menu>li a {
		padding-left: 0.2em
	}

	.header-overlay__credits {
		font-size: 1.2rem;
	}

	#gleichbesser-icon {
		width: 13.175vw;
		margin-bottom: 3rem;
	}


	.header-overlay__bottom-wrapper {
		flex-shrink: 0;
		display: flex;
		flex-direction: column-reverse;
	}

	#gleichbesser-logo-footer {
		max-width: unset
	}

	.footer__top-container {
		display: flex;
		justify-content: space-around;
	}

	.footer__button {
		margin-left: 1rem;
	}

	.footer__button-wrapper {
		height: 100%;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: flex-end;
	}

	.footer__menu-wrapper {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.footer__left {
		width: 60%;
		max-width: 50rem
	}

	.footer ul {
		padding-bottom: 0;
		padding-top: 0;
		margin: 5rem 0;
	}

	.footer__social-media p {
		text-align: right;
	}

	.footer__text {
		margin-top: 0;
		max-width: 20em;
	}

	.footer__container {
		padding: 2rem;
		margin: 0 auto;
	}

	.footer__social-media {
		min-width: unset;
	}

}

@media only screen and (min-width: 1023px) {

	.header-overlay {
		padding: 5rem 4rem;
	}

	.header-overlay__button-group {
		position: absolute;
		top: 16vh;
		right: 8vw;
	}

	.header-overlay__menu {
		margin-bottom: 0;
		padding: 0;
		padding-left: 6rem;
	}

	#gleichbesser-logo {
		height: 5rem;
	}

	.header-overlay__bottom {
		margin-top: 1rem;
		align-items: flex-end;
	}

	.menu-button {
		margin: 2rem;
	}

	.header__button-group {
		display: block;
		margin-left: auto;
	}

	.footer__menu-wrapper {
		flex-direction: row;
		margin-top: 3rem
	}

	.footer__top-container {
		justify-content: space-between;
	}

	.footer__container {
		padding: 2rem 2rem 0;
		margin: 0 auto;
		max-width: 90rem;
	}

	.footer__left {
		width: 100%;
		max-width: 60rem;
	}

	.footer ul {
		width: 26rem;
		padding-left: 3rem;
		margin: 0;
	}

	.footer__wko-text {
		max-width: unset;
	}

	.footer__wko-logo {
		width: 9.5rem;
		margin: 0;
	}

	.footer__bottom {
		align-items: center;
	}
}

@media only screen and (min-width: 1400px) {
	.footer ul {
		width: 100%;
	}
}

@media only screen and (min-width: 1600px) {

	.header {
		padding: 0 2vw;
	}

}


.footer__social-media,
.site-header__title,
.search #main-content>div.container,
.search .mid-section,
.search-link-section {
	display: none;
}

.footer__button-group {
	margin-bottom: auto;
}

/* neu 2024 */


.detail #main-content {
	border: 1px solid transparent;
	background-color: var(--beige);
}

.top-section,
.search-container,
.faz.search-result .top-section,
.search-box.search-expand,
.search-box.search-expand,
.accordion-button:not(.collapsed) {
	background-color: var(--beige);
}

.top-section,
.faz.search-result .top-section {
	border-color: var(--beige);
}

.search-container,
.h2-expertenpool {
	padding: 0;
}

.h2-expertenpool {
	margin-top: 3rem;
	color: var(--blue);
	font-size: inherit;
}

.desktop-header {
	background-color: var(--beige);
	box-shadow: 0 0 0 100vmax var(--beige);
}

.btn.search-button {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--beige);
}

.search-result-article h3 {
	color: var(--blue);
}

.card-content-container.card-height-xl .card-body::after {
	background: var(--beige);
}