.btn {
	min-width: 52px;
	padding: 10px 12px;
	font-size: 16px;
	color: #fff;
	border-radius: 0
}

.btn-mainColor {
	color: #ffffff !important;
	background-color: var(--c-orange);
}

.btn-mainColor:hover,
.btn-mainColor:focus,
.btn-mainColor:active,
.btn-mainColor.active,
.open .dropdown-toggle.btn-mainColor {
	color: #ffffff;
	background-color: var(--c-orange);
}

.btn-mainColor:active,
.btn-mainColor.active,
.open .dropdown-toggle.btn-mainColor {
	background-image: none
}

.kw-kuferweb-container {margin-top:15px;}
#kurshighlights {margin-top:15px;max-width:600px;margin:0 auto;}
hr.kw-kue-spacer, .kw-kuferweb-container hr {margin:15px 0 !important;}

.btn-mainColor.disabled,
.btn-mainColor[disabled],
fieldset[disabled] .btn-mainColor,
.btn-mainColor.disabled:hover,
.btn-mainColor[disabled]:hover,
fieldset[disabled] .btn-mainColor:hover,
.btn-mainColor.disabled:focus,
.btn-mainColor[disabled]:focus,
fieldset[disabled] .btn-mainColor:focus,
.btn-mainColor.disabled:active,
.btn-mainColor[disabled]:active,
fieldset[disabled] .btn-mainColor:active,
.btn-mainColor.disabled.active,
.btn-mainColor[disabled].active,
fieldset[disabled] .btn-mainColor.active {
	background-color: var(--c-orange);
	opacity: 0.45
}

.btn-mainColor .badge {
	color: rgb(70, 95, 162);
	background-color: #ffffff
}

.btn-default {
	color: #505050 !important
}

.alert-default {
	color: #505050;
	background-color: #F0F0F0;
	border-color: #e6e6e6
}

@media (min-width:768px) {
	.form-horizontal .control-label {
		text-align: left
	}
}

img {
	height: auto
}

img.alignleft {
	margin-right: 15px
}

img.alignright {
	margin-left: 15px
}

p {
	line-height: 1.5
}

.margin-bottom {
	margin-bottom: 15px
}

.margin-top {
	margin-top: 25px
}

.margin-bottom {
	margin-bottom: 25px
}

.mt-small {
	margin-top: 15px
}

.minHeight {
	min-height: 50vh
}

.fa-2x {
	font-size: 1.3em
}

.cta p {
	margin-bottom: 0
}

.cta-footer {
	margin-bottom: -30px
}

.wpcf7-form input[type="checkbox"] {
	width: 13px !important;
	-webkit-appearance: checkbox !important
}

#logo {
	max-width: 337px
}

.custom-logo {
	display: block;
	max-width: 100%;
	height: auto !important
}

@media (max-width:767px) {
	.navbar-nav {
		margin-top: 0;
		margin-bottom: 0
	}
}

.header-sm {
	background-color: #e4e4e4 !important
}

.header-sm #header-menu ul:before {
	border-right: 50px solid transparent;
	border-bottom: 50px solid #e4e4e4
}

.admin-bar #header {
	top: 32px
}

#header-menu li:first-child {
	padding-left: 20px
}

.backgroundcolor2 {
	background-color: #f0f0f0
}

.section-block {
	padding: 25px 0
}

.section-block h1,
.section-block h2 {
	margin-top: 0
}

.bildungsangebote figure {
	position: relative
}

.bildungsangebote figure img {
	filter: brightness(80%)
}

.bildungsangebote figure:hover img {
	filter: brightness(50%);
	-webkit-transition: 200ms -webkit-filter linear;
	-moz-transition: 200ms -moz-filter linear;
	-moz-transition: 200ms filter linear;
	-ms-transition: 200ms -ms-filter linear;
	-o-transition: 200ms -o-filter linear;
	transition: 200ms filter linear, 200ms -webkit-filter linear
}

.bildungsangebote figcaption a {
	position: absolute;
	width: 100%;
	text-align: center;
	direction: ltr;
	overflow-wrap: break-word;
	box-sizing: border-box;
	color: #ffffff;
	text-decoration: none;
	font-size: 35px;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	top: 0;
	bottom: 0px;
	right: 0px;
	left: 0px;
	justify-content: center;
	padding-bottom: 0
}

.bildungsangebote figcaption a:hover,
.bildungsangebote figcaption afocus {
	text-decoration: none
}

@media (max-width:767px) {
	.bildungsangebote {
		text-align: center
	}

	.bildungsangebote figure {
		display: inline-block
	}
}

.kubus-posts .kubus-post-more {
	display: block
}

h3.news {
	margin-top: 12px
}

#meta {
	color: #ffffff;
	background-color: #3d3d3d;
	padding-top: 40px;
	padding-bottom: 20px
}

.metaBlock a {
	color: #ffffff
}

.page-title a:hover {
	color: #ffffff;
	text-decoration: none
}

.mainContent .wp-block-archives-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.mainContent .wp-block-archives-list li {
	position: relative;
	display: block;
	padding: 0.75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125)
}

.mainContent article.post {
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px
}

.mainContent article.post:last-child {
	border-bottom: 0px
}

.mainContent article .content-post-content p {
	margin: 0
}

.embed-responsive-17by6 {
	padding-bottom: 35%
}

.breadcrumb {
	text-align: center;
	padding: 11px;
	font-size: 20px
}

.template_picture {
	margin-bottom: 20px
}

.stammhoererinfo {
	background-color: #3d3d3d
}

@media (min-width:768px) {
	.kw-table {
		padding: 0 15px
	}
}

.hauptseite_categorydescription,
h2.statusadresse {
	display: none
}

span.statusmeldung {
	color: #383d41;
	background-color: #f3f3f3;
	border: 1px solid #d6d6d6;
	padding: 15px 10px;
	margin: 10px 0px 25px 0;
	border-radius: 5px !important;
	font-weight: bold;
	display: block
}

.pflicht,
.valid {
	color: #d41224
}

.row.equal {
	display: flex;
	flex-wrap: wrap
}

.flex {
	display: flex;
	height: 100%
}

h2.kw-title {
	margin-top: 4px;
	margin-bottom: 20px
}

h3.kw-mainColor {
	margin-top: 0px
}

h4.kw-mainColor {
	margin-top: 5px
}

.Avatar,
.DozAvatar {
	width: 100%;
	background-color: #f5f5f5;
	color: #cecdcd;
	padding: 30px 50px !important
}

@media (min-width:1200px) {
	.Avatar {
		padding: 45px 62px !important
	}

	.DozAvatar {
		padding: 45px 65px !important
	}
}

.kw-buttonleiste {
	margin-top: 15px
}

@media (max-width:991px) {
	.kw-foto {
		margin-bottom: 20px
	}
}

.kw-table-header {
	background-color: var(--c-orange);
	color: #fff
}

.kw-table-row,
.kw-table-header {
	padding: 10px 0
}

.kw-table-row {
	border-bottom: 1px solid #f5f5f5
}

.kw-paginationleiste {
	margin-bottom: 20px
}

.kw-paginationleiste .backward {
	min-width: 40px;
	min-height: 1px
}

.kw-paginationleiste .forward {
	text-align: right;
	min-width: 40px;
	min-height: 1px
}

.seiteblaettern {
	margin: 0
}

.pagination>li.active a,
.pagination>li.disabled a:hover {
	background-color: #F0F0F0
}

.pagination>li>a,
.pagination>li>span {
	color: rgb(70, 95, 162)
}

#kalender .row {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

#kalender .kalendermonjah,
#kalender .table-header,
#kalender .table,
#kalender th {
	text-align: center
}

#kalender td,
#kalender th {
	border: none
}

#kalender td {
	padding: 8px !important
}

#kalender .mehrere,
#kalender .eine {
	background-color: #ffffff;
	font-weight: bold;
	border: 2px solid rgb(70, 95, 162)
}

#kalender .mehrere a,
#kalender .eine a {
	display: block;
	text-decoration: none
}

#kalender .icon1,
#kalender .icon2 {
	text-align: center
}

#kalender .table>tbody>tr>td,
#kalender .table>tbody>tr>th,
#kalender .table>tfoot>tr>td,
#kalender .table>tfoot>tr>th,
#kalender .table>thead>tr>td,
#kalender .table>thead>tr>th {
	padding: 0
}

@media (max-width:991px) {
	#kalender .row {
		display: block;
		align-items: normal;
		flex-wrap: unset
	}
}

#kurshighlights .highligh-header {
	text-align: center
}

#kurshighlights .kw-ue-title {
	margin-top: 10px
}

@media (min-width:768px) {
	#kurshighlights .kw-ue-title {
		margin-top: 0px
	}
}

.kw-unterkategorien {
	margin-bottom: 50px;
	margin-top: 20px
}

.kw-kat-info {
	margin: 25px 0 20px 0
}

.unterkatbutton {
	margin-bottom: 10px;
	margin-top: 10px
}

.unterkatbutton button {
	font-size: 16px
}

.kw-mainColor {

}

.kw-kursdetails {
	margin-top: 25px;
	margin-bottom: 70px
}

.kw-head {
	margin-bottom: 25px
}

.countkurse {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle
}

.kw-kue-table-row,
.kw-table-header {
	padding: 10px 0
}

.wk-gebuehr {
	font-size: 22px
}

.kw-anmeldung-label {
	height: 36px
}

.kw-anm-kurse .box {
	border: 1px solid #e6e6e6;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #fafafa
}

.tn-list-item {
	padding: 5px 0
}

input.stammhoererfill,
input.stammhoererfill:focus {
	background-color: #ffffff !important;
	box-shadow: none;
	border: none;
	cursor: not-allowed
}

.stammhoererlogin {
	text-decoration: none !important
}

.kw-best-label,
.kw-best-data {
	padding-bottom: 8px
}

.haupttnnichtimkurs span {
	text-decoration: line-through;
	color: #8c8c8c
}

@media (max-width:992px) and (min-width:768px) {
	.anmeldung .form-control {
		margin-bottom: 10px
	}
}

.tn-list-item {
	padding: 5px 10px 5px 10px;
	background-color: #eeeeee;
	border: 1px solid #e6e6e6;
	margin-bottom: 5px
}

.kw-gebdetails .Avatar {
	padding: 45px 115px !important
}

@media (min-width:1200px) {
	.kw-gebdetails .Avatar {
		padding: 45px 140px !important
	}
}

.radio {
	margin-right: 20px
}

.wb_foto {
	max-width: 150px
}

.kontakticon {
	display: inline-block;
	width: 30px
}

.kw-nl-browser-widget {
	display: none
}

.textwidget .kw-nl-browser-ok {
	display: none
}

.textwidget .kw-nl-browser-widget {
	display: block
}

.kw-gutschein .kw-gutschein-form {
	margin-bottom: 60px
}

.kw-gutschein fieldset {
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.bewertung {
	float: left;
	height: auto;
	padding: 0 10px
}

.bewertung p {
	font-size: 50px
}

.bewertung:not(:checked)>input {
	position: absolute;
	top: -9999px
}

.bewertung:not(:checked)>label {
	float: right;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 30px;
	color: #ccc
}

.bewertung>input:checked~label {
	color: #ffc700
}

.bewertung.bewertungsausgabe {
	pointer-events: none
}




/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/*********************** CSS FÜR DIE KURSFILTER ********************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/

.kw-filter-label {
	position:relative;
}

.kw-filter-label .float-right {
	position:absolute;
	right:15px;
	top:28px;
}
	
.kw-filter-label {
	background:#fff;
	width:100%;
	padding:20px 15px;
	display:block;
	box-shadow: 0px 5px 5px 0px #C5715933;
	border-radius:50px;
	height:75px;
	text-align:left !important;	
	font-family: Ezra;
	font-weight: 700 !important;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	vertical-align: middle;
	color:#4E4745;
}

.kw-filter-label .filter-untertitel {
	font-family: Ezra;
	font-weight: 400 !important;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	vertical-align: middle;
	color:#4E4745;
}

.kw-filter-label::before {
	content:url('/wp-content/kuferweb/webbasys/layout/weser/icons/standort_icon.svg');
	width:25px;
	display:block;
	float:left;
	margin:0 25px 0 5px;
}

.kw-filter-ort-label::before {
	content:url('/wp-content/kuferweb/webbasys/layout/weser/icons/standort_icon.svg');
}
.kw-filter-kateg-label::before {
	content:url('/wp-content/kuferweb/webbasys/layout/weser/icons/thema_icon.svg');
}
.kw-filter-wann-label::before {
	content:url('/wp-content/kuferweb/webbasys/layout/weser/icons/kalender_icon.svg');
}
.kw-filter-doz-label::before {
	content:url('/wp-content/kuferweb/webbasys/layout/weser/icons/referent_icon.svg');
}
.kw-filter-form {width:100%;}

.filter-outer-row {
	display: flex;
	align-items: center;
	/*grid-template-columns: auto 120px;*/
	/*gap: var(--content-gap);*/
	justify-content: center;
    flex-direction: row;
    width: 100%;
}

.filter-outer-col {
	width: 100%
}

.filter-outer-col.submit {
    justify-content: center;
    width: 10%;
    display: flex;
}

.filter-row {
	display: grid;
	align-items: initial;
	grid-template-columns: var(--grid-2);
	gap: var(--content-gap);
	margin-bottom:30px;
}

@media screen and (max-width: 768px) {
	.filter-row {
		display: flex;
		align-items: normal;
		gap: var(--content-gap);
		margin-bottom:30px;
		flex-direction: column;
	}
	
	.filter-outer-col {
		width: 100%;
	}
	
	.filter-outer-row {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	flex-direction: column;
    	width: 100%;
    	flex-wrap: wrap;
	}
}

.filter-col {
	text-align:right;
}

.btn-filter-submit {
	height:60px;
	width:60px;
	background:transparent;
}

.kw-filter-body {
	background:#fff;
	width:100%;
	padding:10px 15px;
	box-shadow: 0px 5px 5px 0px #C5715933;	
	margin-top: 15px;
}

.kw-katdozorlist, .kw-katkategorielist, .kw-kataslist {
	list-style:none;
}

.kw-katdozorlist li , .kw-katkategorielist li , .kw-kataslist li {
	text-align:left;
	padding:10px 0;
	border-bottom:1px solid #eee;
}

.kw-katdozorlist li:last-child, .kw-katkategorielist li:last-child, .kw-kataslist li:last-child {
	border:0 none;
}

.kw-katdozorlist input, .kw-katkategorielist input, .kw-kataslist input {
    float: left;
    margin-right: 12px;
    margin-top: 9px;
}

.kw-filter-body #katbeginndatvonfilter {
	margin-bottom:15px;
}

.kuferweb-kursliste-section h1 {
	text-align:center;
	color:#83bb26;
}

.page-id-600 h1:not(.brxe-heading,.intro-s__title) {
	display:none;
}

/* Veranstaltungs-Übersicht */

.hauptseite_kurse #events {
	width: var(--content-width);
}

@media screen and (max-width: 1366px) {
	.hauptseite_kurse #events {
		padding: var(--gutter);
	}
}

.kuferweb-kursliste-section {
	padding-top: calc(1 * var(--section-padding-block));
}

.kuferweb-kursliste-section span.center-hero__text {
	font-family: 'Ezera';
	color: var(--base);
	font-size: var(--h3);
	line-height: var(--heading-line-height);
	text-align: center;
}

.kuferweb-kursliste-section .features__header-wrapper {
	text-align: center;
}

.card__meta__inner .card__meta__icon-label.bold {
	font-weight: 700;
}

.kuferweb-kursliste-section .card__meta__icon-label {
	font-family: 'Open Sans';
}

@media screen and (max-width: 999px) {
	
.kuferweb-kursliste-section .features__header-wrapper {
		margin-bottom: 0;
	}
	
	.kuferweb-kursliste-section .features__header-wrapper::after {
		display: none;
	}
}

/* End */

/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/*********************** CSS FÜR DIE KURSÜBERSICHT ********************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/


.brxe-container {
	width: var(--content-width)
}

.woocommerce main.site-main {
	width: var(--content-width)
}

#brx-content.wordpress {
	width: inherit;
}

html {
	font-size: var(--root-font-size)
}

.header__inner {
	display: flex;
	flex-direction: row;
	padding-top: var(--space-l);
	padding-bottom: var(--space-l);
	align-items: center;
	justify-content: flex-end;
	position: relative
}

.center {
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.social__links {
	color: var(--base);
	font-size: var(--text-s);
	font-family: "Ezra";
	font-weight: 400;
	line-height: var(--text-line-height)
}

span.social__links a {
	color: var(--base);
}

span.social__links a:hover {
	color: var(--primary);
}

.menu__link {
	color: var(--base);
	font-size: var(--h3);
	font-family: "Ezra";
	font-weight: 400;
	line-height: 1.2em
}

span.menu__link a {
	color: var(--base);
}

span.menu__link a:hover {
	color: var(--primary);
}

.menu__label {
	color: var(--primary);
	font-size: var(--text-s);
	font-family: "Ezra";
	font-weight: 400
}

.menu__cta {
	font-family: "Ezra"
}

.menu__cta .bc-underlined-title__element {
	font-size: var(--text-s);
	line-height: var(--text-line-height)
}

span.menu__cta a {
	color: var(--base);
}

span.menu__cta a:hover {
	color: var(--primary);
}

.badge_wrapper {
	position: absolute;
	left: 5%;
	top: 50%;
	z-index: 1
}

.header__badge {
	width: 150px
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.header__badge {
	animation: rotate 30s linear infinite;
}

@media (max-width: 767px) {
	.header__badge {
		width: 100px
	}
}

@media (max-width: 478px) {
	.header__badge {
		display: none
	}
}

.hero-container {
	position: relative;
	display: flex;
	width: 100%;
	height: 80vh;
	min-height: 500px;
	max-width: var(--content-width)
}

.hero-container::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 30px solid #faf5ea;
}

@media (max-width: 767px) {
	.hero-container {
		height: 70vh
	}
}

@media (max-width: 478px) {
	.hero-container {
		height: 60vh;
		min-height: 420px
	}
}

.hero-container__image {
	width: 100%;
	border-radius: var(--radius) var(--radius) 0 var(--radius);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	height: 100%
}

.hero-container__image:not(.tag),
.hero-container__image img {
	object-fit: cover;
	object-position: center
}

.hero-block {
	align-items: center;
	display: flex;
	z-index: 1;
	padding-top: var(--section-padding-block);
	row-gap: 0px
}

@media (max-width: 991px) {
	.hero-block {
		padding-top: calc(2*var(--section-padding-block))
	}
}

.hero-block__heading {
	color: var(--primary);
	font-family: "Ezra";
	font-weight: 500;
	line-height: var(--heading-line-height)
	margin-left:auto;
	margin-right:auto;
}

.hero-block__heading:not(:has(> a)),
.hero-block__heading>a {
	padding-bottom: var(--space-xs)
}

.hero-block__subheading:not(:has(> a)),
.hero-block__subheading>a {
	padding-bottom: var(--paragraph-spacing)
}

.hero-block__subheading {
	color: var(--base);
	font-size: var(--h2);
	font-family: "Ezra";
	line-height: var(--heading-line-height)
}

@media (max-width: 478px) {
	.hero-block__subheading {
		font-size: var(--h3)
	}
}

.hero-block__button .bc-arrow-button_title-wrapper {
	color: var(--base);
	font-family: "Ezra";
	text-transform: uppercase;
	font-size: var(--text-m);
	background-color: #FCFDFA
}

.hero-block__button .bc-arrow-button__arrow {
	--fill: var(--base)
}

.hero-block__button .bc-arrow-button__circle {
	background-color: #FCFDFA
}

@media (max-width: 478px) {
	.hero-block__button .bc-arrow-button_title-wrapper {
		font-size: var(--text-s)
	}
}

.intro-s {
	position: relative;
	width: 100%;
	padding-top: 20rem;
	padding-right: 0;
	padding-bottom: 12rem;
	padding-left: 0
}

.divider__flower {
	width: 130px;
	transform: translateX(2px) translateY(-179px)
}

.intro-s__decor {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0
}

.intro-s__curve {
	position: absolute;
	top: 0px;
	height: var(--intro-radius)
}

.intro-s__curve {
	will-change: clip-path;
}

.intro-s__curve--left {
	left: 0px;
	right: 50%
}

.intro-s__curve--left {
	border-top: 1px solid var(--c-green);
	border-left: 1px solid var(--c-green);
}

.intro-s__curve--right {
	left: 50%;
	right: 0px
}

.intro-s__curve--right {
	border-top: 1px solid var(--c-green);
	border-right: 1px solid var(--c-green);
}

.intro-s__line-center {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	background-color: var(--c-green)
}

.intro-s__line-center {
	will-change: clip-path;
}

.intro-s__dot-bottom {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 12px;
	height: 12px;
	background-color: var(--c-orange);
	border-radius: 50%;
	opacity: 0
}

.intro-s__dot-bottom {
	transform: translate(-50%, 50%);
	will-change: opacity;
	--y-offset: 50%;
}

.intro-s__dot-bottom.is-visible {
	animation: pulseLoop 2s infinite ease-in-out;
}

.intro-s__content {
	max-width: var(--content-width-safe);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	display: grid;
	align-items: initial;
	grid-template-columns: var(--grid-2);
	position: relative;
	z-index: 1;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	align-items: flex-start
}

.intro-s__content {
	gap: 6rem;
}

@media (max-width: 991px) {
	.intro-s__content {
		grid-template-columns: var(--grid-1)
	}
}

.intro-s__col-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 0px
}

.statusmeldung, .hauptseite_status {display:none;}

.intro-s__label a {
	 color: var(--c-text-light);
}
	
.intro-s__label {
	text-transform: uppercase;
	margin-bottom: 0.5rem
}

.intro-s__title {
	font-size: var(--h2);
	font-weight: 400;
	color: var(--base);
	padding-bottom: var(--paragraph-spacing)
}

.accent-btn .bc-arrow-button_title-wrapper {
	color: var(--white);
	font-size: var(--text-m);
	text-transform: uppercase;
	font-family: "Ezra";
	font-weight: 400;
	line-height: 1.2em;
	background-color: var(--accent)
}

.accent-btn .bc-arrow-button__circle {
	background-color: var(--accent)
}

@media (max-width: 767px) {
	.accent-btn .bc-arrow-button_title-wrapper {
		font-size: var(--text-s)
	}
}

.intro-s__col-right {
	color: var(--base);
	font-size: var(--text-m);
	font-family: "Open Sans";
	display: flex;
	flex-direction: column;
	padding-top: 0;
	padding-left: var(--space-m);
	row-gap: var(--space-xl)
}

@media (max-width: 991px) {
	.intro-s__col-right {
		padding-left: 0;
		row-gap: var(--space-xxl)
	}
}

.features {
	position: relative;
	width: 100%;
	padding-top: 8rem;
	padding-right: 0;
	padding-bottom: 24rem;
	padding-left: 0
}

.features__line-center {
	position: absolute;
	top: 25rem;
	bottom: 0px;
	left: 50%;
	width: 1px;
	background-color: var(--c-green);
	pointer-events: none;
	z-index: 0
}

.features__line-center {
	will-change: clip-path;
}


.features__title {
	margin-bottom: 1.5rem
}

.features__subtitle {
	color: var(--base);
	font-size: var(--text-m);
	max-width: 500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto
}

.features__row {
	position: relative;
	width: 100%;
	margin-bottom: 10rem
}

.features__row:nth-last-of-type(2) {
	margin-bottom: 0
}

.features__row:nth-of-type(odd) .features__row-curve {
	left: 0;
	border-top: 1px solid var(--c-green);
	border-right: 1px solid var(--c-green);
	border-top-right-radius: var(--radius-curve);
}

.features__row:nth-of-type(odd) .features__col--text {
	padding-left: 3rem;
}

.features__row:nth-of-type(even) .features__row-curve {
	right: 0;
	border-top: 1px solid var(--c-green);
	border-left: 1px solid var(--c-green);
	border-top-left-radius: var(--radius-curve);
}

.features__row:nth-of-type(even) .features__col--image {
	order: 2;
}

.features__row:nth-of-type(even) .features__col--text {
	order: 1;
	padding-right: 3rem;
}

.features__row-decor {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0
}

.features__row-curve {
	position: absolute;
	top: 0px;
	height: var(--radius-curve);
	width: 50%
}

.features__row-curve {
	will-change: clip-path;
}

.features__row-dot {
	opacity: 0;
	transition: opacity 0.2s ease-out;
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: var(--c-orange);
	border-radius: 50%;
	left: 50%;
	top: var(--radius-curve);
	margin-top: -6px;
	transform-origin: center
}

.features__row-dot {
	will-change: opacity;
}

.features__row-dot {
	transform: translateX(-50%);
	animation: pulseLoop 2s infinite ease-in-out;
}

.features__row-inner {
	max-width: var(--content-width-safe);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 16rem;
	padding-right: 0rem;
	padding-bottom: 0;
	padding-left: 0rem;
	display: grid;
	align-items: initial;
	grid-template-columns: var(--grid-2);
	align-items: center;
	position: relative;
	z-index: 1
}

.features__row-inner {
	gap: 6rem;
}

@media (max-width: 991px) {
	.features__row-inner {
		grid-template-columns: var(--grid-1)
	}
}

.features__col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	row-gap: 0px
}

.features__image {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block
}

.features__image:not(.tag),
.features__image img {
	aspect-ratio: 4 / 3
}

.features__image {
	object-fit: cover;
}

.features__label {
	font-size: var(--text-m);
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--base);
	margin-bottom: 0.5rem
}

.features__heading {
	font-size: var(--h2);
	font-weight: 400;
	color: var(--base)
}

.features__text {
	font-size: var(--text-m);
	padding-top: calc(2*var(--paragraph-spacing));
	padding-bottom: calc(2*var(--paragraph-spacing))
}

.features__bottom-decor {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: var(--radius-curve);
	pointer-events: none;
	z-index: 0
}

.features__curve--bottom-left {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 50%;
	height: var(--radius-curve)
}

.features__curve--bottom-left {
	border-top: 1px solid var(--c-green);
	border-right: 1px solid var(--c-green);
	will-change: clip-path;
}

.features__curve--bottom-right {
	position: absolute;
	bottom: 0px;
	left: 50%;
	right: 0px;
	height: var(--radius-curve)
}

.features__curve--bottom-right {
	border-top: 1px solid var(--c-green);
	border-left: 1px solid var(--c-green);
	will-change: clip-path;
}

.features__dot--bottom {
	opacity: 0;
	transition: opacity 0.2s ease-out;
	position: absolute;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background-color: var(--c-orange);
	border-radius: 50%;
	left: 50%;
	transform-origin: center
}

.features__dot--bottom {
	will-change: opacity;
}

.features__dot--bottom {
	animation: pulseLoop 2s infinite ease-in-out;
	--y-offset: 50%;
}

.card {
	background-color: var(--secondary);
	border-radius: 25px;
	overflow: hidden;
	position: relative
}

.card {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
}

.card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.card:hover .card__thumbnail {
	transform: scale(1.08);
}

.card:hover .card__thumbnail::before {
	background: rgba(0, 0, 0, 0.3);
}

.card__thumbnail-wrapper {
	border-bottom-left-radius: 25px
}

.card__thumbnail-wrapper {
	position: relative;
	overflow: hidden;
	max-height: 300px;
}

.card__thumbnail-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: background 0.4s ease;
	pointer-events: none;
	z-index: 1;
}

.card__thumbnail-wrapper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 30px solid #faf5ea;
}

.card__thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
	transform: scale(1);
}

.card:hover .card__thumbnail {
	transform: scale(1.08);
}

.card:hover .card__thumbnail-wrapper::before {
	background: rgba(0, 0, 0, 0.3);
}

.card__thumbnail:not(.tag),
.card__thumbnail img {
	object-fit: cover
}

.card__thumbnail {
	transition: transform 0.4s ease;
	transform: scale(1);
	position: relative;
	display: block;
}

.card__thumbnail::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: background 0.4s ease;
	pointer-events: none;
	z-index: 1;
}

.card__meta-wrapper {
	padding-top: var(--space-m);
	padding-right: var(--space-m);
	padding-bottom: var(--space-m);
	padding-left: var(--space-m);
	display: flex;
	flex-direction: column;
	row-gap: var(--space-s)
}

.card__meta-heading {
	color: var(--base);
	font-size: var(--h5);
	font-weight: 700;
	font-family: "Ezra";
	line-height: var(--heading-line-height);
	margin-bottom: var(--space-xs)
}

.card__meta-heading a {
	color: var(--base) !Important;
}

.card__meta-heading a:hover {
	color: var(--base) !Important;
}

.card__meta__inner {
	display: flex;
	align-items: flex-start;
	column-gap: var(--space-xs)
}

.card__meta__icon-icon {
	height: 25px;
	width: 25px
}

.card__meta__icon-label {
	font-size: var(--text-s)
}

#brxe-tdutas {
	display: grid;
	align-items: initial;
	grid-template-columns: var(--grid-3);
}

@media (max-width: 991px) {
	#brxe-tdutas {
		grid-template-columns: var(--grid-2);
		grid-gap: var(--space-l)
	}
}

@media (max-width: 767px) {
	#brxe-tdutas {
		grid-template-columns: var(--grid-1);
		grid-gap: var(--space-xxl)
	}
}

#events {
	gap: calc(1.5 * var(--section-padding-block));
}

/*:where(section:not(section section)) {
	padding-inline:0;
}*/

@media (max-width: 991px) {
	#events .features__header-wrapper::after {
		content: none;
	}
}

@media (max-width: 767px) {
	#brxe-soiumt {
		height: 44px
	}
}

#brxe-jrikoo:not(:has(> a)),
#brxe-jrikoo>a {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0
}

#brxe-jrikoo {
	line-height: var(--heading-line-height);
	color: var(--white);
	font-size: var(--h3);
	font-family: "Ezra";
	text-wrap: pretty
}

@media (max-width: 767px) {
	#brxe-pixlbr .bc-arrow-button_title-wrapper {
		font-size: var(--text-s)
	}
}

@media (max-width: 478px) {
	#brxe-pixlbr .bc-arrow-button_title-wrapper {
		font-size: var(--text-s)
	}
}

#brxe-jnegwl {
	height: 44px;
	width: auto
}

#brxe-mjumhl .bc-underlined-title__left-icon {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000000
}

#brxe-mjumhl .bc-underlined-title__right-icon {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000000
}

#brxe-mjumhl .bc-underlined-title__element {
	color: var(--white);
	font-size: var(--text-s)
}

#brxe-hdekxb .bc-underlined-title__left-icon {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000000
}

#brxe-hdekxb .bc-underlined-title__right-icon {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000000
}

#brxe-hdekxb .bc-underlined-title__element {
	color: var(--white);
	font-size: var(--text-s)
}

#brxe-apcghf {
	flex-direction: row;
	column-gap: var(--space-xs);
	flex-wrap: nowrap
}

#brxe-pmdobn {
	background-size: cover;
	background-repeat: repeat;
	background-image: url(https://kbwstp.mediastyle.at/wp-content/uploads/2026/03/footer-background.avif);
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	padding-top: calc(1.5*var(--space-xxl));
	padding-right: var(--space-xxl);
	padding-bottom: var(--space-xxl);
	padding-left: var(--space-xxl);
	row-gap: calc(1.5*var(--section-padding-block));
	position: relative
}

#brxe-pmdobn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 104px;
	height: 42px;
	transform: translateX(-50%);
	z-index: 10;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='42' viewBox='0 0 104 42'%3E%3Cpath d='M0 0 L52 42 L104 0 Z' fill='%23faf5ea'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

@media (max-width: 767px) {
	#brxe-pmdobn {
		padding-right: var(--space-m);
		padding-left: var(--space-l)
	}
}

@media (max-width: 478px) {
	#brxe-pmdobn {
		padding-right: var(--space-s);
		padding-left: var(--space-s)
	}
}

#brxe-kdjolz {
	padding-bottom: var(--space-s)
}

.brxe-kahbog .brxe-peaofb.brxe-image {
	width: 100%;
	max-height: 150px
}

.brxe-kahbog .brxe-peaofb.brxe-image:not(.tag),
.brxe-kahbog .brxe-peaofb.brxe-image img {
	object-fit: contain
}

.brxe-kahbog.brxe-block {
	max-height: 200px
}

#brxe-qaieal .splide__slide {
	align-items: center;
	justify-content: center
}

#brxe-qaieal>.x-slider_builder>.splide__track_builder>.splide__list>.x-slider_slide {
	height: 300px
}

#brxe-qaieal>.x-slider_builder>.splide__track_builder>.splide__list>.brxe-block {
	height: 300px
}

#brxe-qaieal .x-slider_slide {
	padding-top: 0;
	padding-bottom: 0
}

#brxe-qaieal>.x-slider_builder>.splide__track_builder {
	--xitemstoshow: 5
}

@media (max-width: 991px) {
	#brxe-qaieal>.x-slider_builder>.splide__track_builder {
		--xitemstoshow: 4
	}
}

@media (max-width: 767px) {
	#brxe-qaieal>.x-slider_builder>.splide__track_builder {
		--xitemstoshow: 3
	}
}

@media (max-width: 478px) {
	#brxe-qaieal>.x-slider_builder>.splide__track_builder {
		--xitemstoshow: 2
	}
}

#brxe-tpwvcj {
	align-self: center !important
}

#brxe-lkfgja {
	padding-top: 0;
	padding-bottom: var(--space-m)
}

@media (max-width: 767px) {
	#brxe-lkfgja {
		padding-bottom: var(--space-xs)
	}
}

@media (max-width: 478px) {
	#brxe-lkfgja {
		padding-bottom: 0
	}
}

/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/*********************** CSS FÜR DIE KURSDETAILS ********************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/
/********************************************************************/
/*********************************************************************/


.event {
    position: relative;
    width: 100%;
    padding: 4rem 0 20rem 0;
}

.event__content {
    max-width: var(--content-width-safe);
    display: grid;
    align-items: initial;
    grid-template-columns: var(--grid-2);
    position: relative;
    z-index: 1;
	gap: 6rem;
}

.event__col--right {
    padding-top: 4rem;
    padding-left: var(--space-m);
}

.event__col--left {
    padding-right: 2rem;
    position: sticky;
    top: 2rem;
    align-self: start;
}

.event__text {
	font-size: inherit;
	margin-bottom: inherit;
}

.event > section:first-of-type {
	padding-top: 0;
	padding-bottom: 0;
}

.hero-block__heading {
	line-height: var(--heading-line-height);
	font-weight: 500;
	margin-right: unset;
	width: 100%;
	text-align: center;
}

.hero-block {
	padding: 0 var(--space-xl);
}

.intro-s__title {
    font-size: var(--h2);
    font-weight: 400;
    color: var(--base);
    padding-bottom: var(--space-m);
}

.event .card__meta-wrapper {
	padding-top: unset;
	padding-bottom: unset;
	padding-left: unset;
	padding-right: unset;
	row-gap: var(--space-m);
}

.event__text {
	display: none;
}

@media screen and (max-width: 999px) {
	
	.event__content {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	
	.event__col--left {
		position: relative !Important;
		align-self: stretch !Important;
		padding-right: 0 !Important;
		margin-bottom: calc(var(--m-line-long) + (var(--m-gap) * 2));
		align-items: center !Important;
		text-align: center !Important;
	}
	
	.event {
    	padding-top: calc(var(--m-line-short) + var(--space-l));
	}
	
	.event__speaker-section .card__meta-wrapper {
		align-items: center;
	}
	
	/*
	.event::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: var(--line-thickness);
		height: var(--m-line-short);
		background-color: var(--c-green);
		transform: translateX(-50%) scaleY(max(0.6, var(--draw)));
		transform-origin: top;
		will-change: transform;
	}
	
	.event__decor::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: var(--line-thickness);
		height: 280px;
		background-color: var(--c-green);
		transform: translateX(-50%) scaleY(var(--draw));
		transform-origin: top;
		z-index: -1;
		will-change: transform;
	}
	
	.event__dot--bottom {
    	opacity: calc((var(--draw) - 0.98) * 50) !important;
	}
	
	.event__curve--top, .event__line-center, .event__dot--middle {
    	display: none;
	}
	
	.event__curve--bottom-right {
    	clip-path: inset(0 calc((1 - var(--draw)) * 100%) 0 0) !important;
	}
	
	
}*/