/** BERATER-CSS**/
#intro {
	padding-top: 1em;
	padding-bottom:0;
}
#intro h1 {
	margin-bottom:0.5em
}
#intro.nopadding-bottom + #beraterlist {
	margin-top: 1.5em;
}
#beraterlist {
	padding-top:0;
}
#beraterlist .beraterlist {
	padding-top: 1em;
	padding-bottom: 2em;
	scroll-margin-top: -3em;
}

#beraterlist #standortnav {
	list-style: none;
	margin: -2em auto 1em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5em;
	max-width: 55em;
}
#beraterlist #standortnav li {
	padding:0;
	display: flex;
}
#beraterlist #standortnav a {
	font-size: 1.125em;
	line-height: 1;
	font-weight: 600;
	padding:0.5em 1em;
	width: 100%;
	background-color: rgba(var(--darkblue3), 0.25);
	color: rgb(var(--darkblue));
	opacity: 1;
	border-radius: 0;
	border: solid 0.125em transparent;
}
#beraterlist #standortnav a:is(:hover,:focus-visible) {
	background-color: rgba(var(--darkblue), 0.75);
	color: rgb(var(--white));
	opacity: 1;
}
#beraterlist #standortnav a.active {
	background-color: rgba(var(--darkblue), 1);
	color: rgb(var(--white));
}
#beraterlist #standortnav:has(a.active) li a:not(.active,:hover,:focus-visible) {
	_opacity: 0.8;
	background: none;
	border-color: rgba(var(--darkblue3), 0.35);
}
#beraterlist #standortnav a::before {
	margin-left:-0.25em;
	margin-right: 0.5em;
}
#beraterlist #standortnav a .count {
	display: block;
	font-size: 0.65em;
	text-align: center;
	padding-top: 0.5em;
	opacity: 0.8;
}
#beraterlist #standortnav + .teamlist {
	margin-top: 0 !important;
}
#beraterlist #bereichnav {
	list-style: none;
	margin: -1em auto 2em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5em;
	/*max-width: 55em;*/
}
#beraterlist #bereichnav li {
	padding:0;
	display: flex;
}
#beraterlist #bereichnav a {
	font-size: 0.9em;
	line-height: 1;
	font-weight: 600;
	padding:0.5em 1em;
	background-color: rgb(var(--white));
	border: solid 0.125em rgba(var(--darkblue3), 0.35);
	color: rgb(var(--darkblue));
	border-radius: 1.25em;
	opacity:1;
}
#beraterlist #bereichnav a:is(:hover,:focus-visible) {
	border-color: transparent !important;
	background-color: rgba(var(--darkblue), 0.75) !important;
	color: rgb(var(--white)) !important;
	opacity: 1;
}
#beraterlist #bereichnav a.active {
	border-color: rgba(var(--darkblue), 1);
	border-color: transparent;
	background-color: rgba(var(--darkblue), 1);
	color: rgb(var(--white));
}

#beraterlist #standortnav a.active::before,
#beraterlist #bereichnav a.active::before {
	content: '\e804';
	font-family: "web-icon-capital";
	font-weight: normal;
	margin-right:0.5em;
}

@media(min-width: 768px){
	#intro h1 strong {
		font-weight: 600;
	}
}
@media(max-width: 767px){
	#intro {
		padding-top: 0;
		padding-bottom:0;
	}
	#intro h1 strong {
		display: block;
	}

	#beraterlist #bereichnav {
		padding: 1.5em 0.5em;
		margin-left: -1.5rem;
		margin-right: -1.5rem;
		margin-bottom:0;
		background: linear-gradient(rgba(var(--darkblue3),0.2), rgba(var(--blue3),0)8%);
		background: rgba(var(--darkblue3),0.2)
	}
	#beraterlist #bereichnav + .teamlist {
		margin-top: 0 !important;
	}
	#beraterlist .teamlist {
		padding-top: 0;
		padding-bottom: 1em
	}
	#beraterlist .teamlist .item {
		width: 50% !important;
	}
	#beraterlist .teamlist .cat-heading {
		font-size: 0.625em;
	}
	#beraterlist .teamlist .cat-heading h2 {
		_font-size: 1.25em;
	}
	#beraterlist .teamlist .cat-heading h2 strong {
		display: block;
		font-size: 1.5em;
		margin-top:0.25em;
	}
}
 
@media(max-width: 600px){
	#beraterlist #standortnav {
		margin-top:-2.5em;
		margin-left: -0.5em;
		margin-right:-0.5em;
	}
	#beraterlist #standortnav li {
		flex-basis: calc(50% - 0.25em)
	}
	#beraterlist #standortnav a {
		font-size: 1em;
		line-height: 1.2;
		font-weight: 700;
		padding-top: 0.75em;
		padding-bottom:0.75em;
		padding: 0.75em 0.75em 0.75em 2.5em;
	}
	#beraterlist #standortnav a::before {
		position: absolute;
		left: 0.75em;
		top: 0.625em;
		font-size: 1.25em
	}
	#beraterlist .teamlist .item {
		width: 100% !important;
	}
}
 
 
 
 
 
 
 
 /*** SHORTCODES-CUSTOM-CSS ***/
 

 
 /*** SHORTCODES-CUSTOM-CSS ***/