@font-face { 
font-family: "BrixSans"; 
font-weight: 800; 
font-style: normal; 
src: url("fonts/38DAA8_0_0.eot"); 
src: url("fonts/38DAA8_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/38DAA8_0_0.woff2") format("woff2"), url("fonts/38DAA8_0_0.woff") format("woff"), url("fonts/38DAA8_0_0.ttf") format("truetype"), url("fonts/38DAA8_0_0.svg#wf") format("svg"); 
} 
@font-face { 
font-family: "BrixSans"; 
font-weight: 700; 
font-style: normal; 
src: url("fonts/38DAA8_1_0.eot"); 
src: url("fonts/38DAA8_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/38DAA8_1_0.woff2") format("woff2"), url("fonts/38DAA8_1_0.woff") format("woff"), url("fonts/38DAA8_1_0.ttf") format("truetype"), url("fonts/38DAA8_1_0.svg#wf") format("svg"); 
} 
@font-face { font-family: "BrixSans"; 
font-weight: 300; 
font-style: normal; 
src: url("fonts/38DAA8_3_0.eot"); 
src: url("fonts/38DAA8_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/38DAA8_3_0.woff2") format("woff2"), url("fonts/38DAA8_3_0.woff") format("woff"), url("fonts/38DAA8_3_0.ttf") format("truetype"), url("fonts/38DAA8_3_0.svg#wf") format("svg"); 
} 
@font-face { 
font-family: "BrixSans"; 
font-weight: 600; 
font-style: normal; 
src: url("fonts/38DAA8_4_0.eot"); 
src: url("fonts/38DAA8_4_0.eot?#iefix") format("embedded-opentype"), url("fonts/38DAA8_4_0.woff2") format("woff2"), url("fonts/38DAA8_4_0.woff") format("woff"), url("fonts/38DAA8_4_0.ttf") format("truetype"), url("fonts/38DAA8_4_0.svg#wf") format("svg"); 
} 
@font-face { 
font-family: "BrixSans"; 
font-weight: 400; 
font-style: normal; 
src: url("fonts/38DAA8_5_0.eot"); 
src: url("fonts/38DAA8_5_0.eot?#iefix") format("embedded-opentype"), url("fonts/38DAA8_5_0.woff2") format("woff2"), url("fonts/38DAA8_5_0.woff") format("woff"), url("fonts/38DAA8_5_0.ttf") format("truetype"), url("fonts/38DAA8_5_0.svg#wf") format("svg"); } 
@font-face { 
font-family: "BrixSans"; 
font-weight: 400; 
font-style: italic; src: url("fonts/38DAA8_B_0.eot"); 
src: url("fonts/38DAA8_B_0.eot?#iefix") format("embedded-opentype"), url("fonts/38DAA8_B_0.woff2") format("woff2"), url("fonts/38DAA8_B_0.woff") format("woff"), url("fonts/38DAA8_B_0.ttf") format("truetype"), url("fonts/38DAA8_B_0.svg#wf") format("svg"); }

:root {
  --bfivbg-global-blue: #003770;
  --bfivbg-global-red: #C61932;
  --sprachen-campus: #C61932;
  --firmen-campus: #4CBBB8;
  --business-campus: #482683;
  --business-campus-light: #482683B3;
  --sozial-campus: #E18409;
  --talente-campus: #4B6130;
  --bfivbg-global-white: #fff;
  --bfivbg-bg-white: #FAFAFA;
  --bfivbg-backg-grey: #EAEAEA;
  --bfivbg-global-orange: #E18409;
  --divider-color: #0037704D;
  --footer-color: #202020;
  --footer-legal-bg: #B9D4F04D;
  --search-bg-color: #FFFFFFC7;
  --searchbtn-bg-color: #FFFFFF70;
  --btn-border-color: #0037704D;
  --teaser-color: #E8EAEC;
  --divider-pattern-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E");
  --icon-size:15px;
}

body {
	margin:0;
	padding:0;
	font-family: 'BrixSans', Arial, "Helvetica", sans-serif;
	font-size: 16px;
	color: #0000008A;
}

* {
	box-sizing: border-box;
}


.top-bar {
	background-color: var(--bfivbg-global-blue);
	color: var(--bfivbg-global-white);
	padding: 0 20px;
}
.head {
	padding: 0 20px;
	position: relative;
}
@media only screen and (min-width: 576px) {
	.top-bar, .head {
		padding: 0 40px;
	}
}
.top-bar svg {
	color: var(--bfivbg-global-white);
	fill: var(--bfivbg-global-white);
	height: 1em;
}
.social-icons-wrapper {
	padding: 6px 0 5px;
}
.social-icons-wrapper a {
	margin-right: 17px;
	padding: 4px 4px 0 4px;
	border-radius: 2px 2px 2px 2px;
	font-size: 15px;
	line-height:15px;
	display: inline-block;
}
.social-icons-wrapper a.fb {
	padding: 4px 6px 0 6px;
}
.social-icons-wrapper a.insta {
	padding: 4px 4px 0 5px;
}
.social-icons-wrapper a:hover {
background-color: var(--bfivbg-global-white);
}
.social-icons-wrapper a:hover svg {
color: var(--bfivbg-global-blue);
fill: var(--bfivbg-global-blue);
}
.align-right {
	text-align: right;
}
.top-menu-wrapper a span {
	font-size: 12px;
	line-height: 16.9px;
	font-weight: 500;
	color: var(--bfivbg-global-white);
	letter-spacing:0.4px;
}
.top-menu-wrapper a {
	padding: 5px 10px 6px;
	border-left: 1px solid var(--bfivbg-global-white);
}
.top-menu-wrapper a:first-child {
	border-left: 0;
}
.top-menu-wrapper a:last-child {
	padding-right: 0;
}
.top-menu-wrapper {
	padding: 7px 0 5px;
}




div.main-container {
	position:relative;
	max-width: 1260px;
	margin: 0 auto;
}

div.logo {
	position: absolute;
	top:0;
	left:0;
	width:100px;
	padding-top: 10px;
	cursor:pointer;
}
.mob-1 {
order:1;
}
.mob-2 {
order:2;
}
.mob-3 {
order:3;
}

@media only screen and (min-width: 540px) {
	div.logo {
		width:150px;
		padding: 15px 0;
		margin:0;
	}
}

@media only screen and (min-width: 1100px) {
	div.logo {
		width:190px;
		padding: 17px 0;
		margin:0;
	}
}

@media only screen and (min-width: 1200px) {
	div.logo {
		width:230px;
		padding: 25px 0;
	}
}

div.logo img {
	width:100%;
}

.course-category, .course-category:link, .course-category:active, .course-category:visited {
	color: #FFFFFF;
	padding: 6px 8px 4px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.course-category:hover {
	color: #FFFFFF;
	background-color: var(--bfivbg-global-red) !important;
}

.course-category-large, a.course-category-large:link, a.course-category-large:active, a.course-category-large:visited {
	color: #FFFFFF;
	padding: 6px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.business-campus :is(.course-category, .course-category-large) {
	background-color: var( --business-campus);
}

.business-campus a.course-category-large:hover {
	background-color: var( --business-campus-light);
	color: white;
}

.lehrlings-campus :is(.course-category, .course-category-large) {
	background-color: var( --bfivbg-global-blue);
}

.sprachen-campus :is(.course-category, .course-category-large) {
	background-color: var( --sprachen-campus);
}

.firmen-campus :is(.course-category, .course-category-large) {
	background-color: var( --firmen-campus);
}

.sozial-campus :is(.course-category, .course-category-large) {
	background-color: var( --sozial-campus);
}

.talente-campus :is(.course-category, .course-category-large) {
	background-color: var( --talente-campus);
}

/* Icon box */
.ib {
	padding-left: 25px;
	margin-bottom: 5px;
	color: var(--bfivbg-global-blue);
}

.ib .ib-icon {
	display: inline-block;
	margin-left: -25px;
	width: 1em;
	height: 1em;
}

.ib .ib-icon svg {
	width: 1em;
	height: 1em;
}

.ib .ib-text {
	padding-left: 5px;
}

.ib.status-verf-icon {
	color: #4B6130;
}

.ib.status-verf-icon:hover .ib-icon {
	color: #4B6130B3;
}

.ib.status-n-moeglich-icon {
	color: #C61932;
}

.ib.status-abgeschlossen-icon {
	color: #C61932;
}

.ib.status-ausgebucht-icon {
	color: var(--bfivbg-global-blue);
}

.ib.status-ausgebucht-icon:hover .ib-icon {
	color: #E18409;
}

.ib.status-pending-icon {
	color: #E18409;
}

.ib.status-pending-icon:hover .ib-icon {
	color: #E18409B3;
}

.ib.merkliste-icon {
	color: var(--bfivbg-global-blue);
}

.ib.merkliste-icon:hover .ib-icon {
	color: #C61932 !important;
}

.ib.merkliste-gesetzt-icon {
	color: #E18409;
}

.ib.merkliste-gesetzt-icon:hover .ib-icon {
	color: var(--bfivbg-global-blue);
}

.ib.info-icon {
	color: var(--bfivbg-global-blue);
	text-transform: uppercase;
	font-weight: bold;
}

/* Search */
div#section-search {
	background-color: transparent;
	background-image: linear-gradient(180deg, var(--bfivbg-global-blue) 0%, #8D114A 100%);
	padding: 13px 20px 0 20px;
}
.search-input-wrapper {
display: flex;
align-items: center;
flex: 1;
position: relative;
width: 100%;
padding: 0 0 22px;
flex-wrap: wrap;
justify-content: space-between;
}

.search-input-wrapper div {
display: flex;
justify-content: center;
align-items: center;
flex: 1 auto;
position: relative;
width:100%;
}

.search label {
	display:block;
	color: var(--bfivbg-global-white);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1.2px;
	padding: 0 20px 10px 0;
}

.search button {
padding: 7px 7px 7px 13px;
width: 45px;
cursor: pointer;
text-align: center;
white-space: nowrap;
display: flex;
flex: 0 0 auto;
border-radius: 0 8px 8px 0;
border-width: 0px;
background-color: var(--searchbtn-bg-color);
}
.search button:hover {
background-color: var(--bfivbg-global-red); 
}


.search button svg {
	fill: var(--bfivbg-global-white);
	height: 21px;
	width: auto;
}

.search input {	
  flex: 1 0 auto;
  background-color: var(--search-bg-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: var(--bfivbg-global-blue);
  border-radius: 8px 0px 0px 8px;
  height: 35px;
  width:300px;
  padding-inline-start: 14px;
  padding-top:8px;
  padding-bottom:7px;
  padding-inline-end: 3px;
  transition: 4ms;
  outline: none;
}
.search input:focus {
  border: 0;
  outline: none;
}
.search a {
	display: block;
	font-size: 13px;
	letter-spacing: 1.2px;
	font-weight: 500;
	color: var(--bfivbg-global-white);
	border-radius: 9px 9px 9px 9px;
	padding: 6px 14px 5px 14px;
	text-decoration: none;
	margin: 0 -14px 10px 0;
}
.search a:link, .search a:active, .search a:visited, .search a:hover  {
color: var(--bfivbg-global-white);
text-decoration: none;
}
.search a:hover  {
text-decoration: none;
}
@media only screen and (min-width: 576px) {
	div#section-search {
		padding: 13px 40px 0 40px;
	}
}
@media only screen and (min-width: 768px) {
	div#section-search {
	padding: 0px;
	}
	.search-input-wrapper {
	flex-wrap: nowrap;
	justify-content: center;
	padding: 35px 0;
	}
	.search-input-wrapper div {
	order: 2;
	flex: 0 1 0%;
	width:auto;
	}
	.search label {
	padding: 0 20px 0 0;
	}	
	.search a {
	order: 3;
	margin: 0;
	}	
	.search input {	
	flex: 0 0 auto;
	width:300px;
	}
	.search button {
	margin-right: 15px;
	}
	.search a:hover  {
		background-color: var(--bfivbg-global-white);
		color: var(--bfivbg-global-blue);
	}	
}
@media only screen and (min-width: 900px) {
	.search input {	
	  width:400px;
	}
	.search button {
	margin-right: 40px;
	}
}

@media only screen and (min-width: 1200px) {
	.search input {	
	  width:559px;
	}
	.search button {
	margin-right: 40px;
	}
}

/* Search results */
.search-res {
	padding: 50px 0px;
}

.search-res .res-bar {
	padding: 0px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

.search-res .res-bar .res-number {
	color: var(--bfivbg-global-red);
	font-weight: bold;
}

.search-res .res-bar .res-sort-select {
	color: inherit;
	background-color: #FFFFFF70;
	border-color: #72727294;
	border-width: 1px 1px 1px 1px;
	border-radius: 4px 4px 4px 4px;
	min-height: 33px;
	width: 150px;
}

/* Course list */
.course-list-large .course-container {
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	padding: 4px;
	margin: 20px 0px;
	display: flex;
	flex-wrap: wrap;
	min-height: 270px;
}

.course-list-large .course-container .course-image {
	flex: 0 0 100%;
	aspect-ratio: 13 / 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.course-list-large .course-container .course-image.not-single-col {
	display: none;
}

.course-list-large .course-container .course-image img {
	width: 100%;
	height: 100%;
}

.course-list-large .course-container .course-details {
	flex: 1 1 auto;
	padding: 10px;
}

.course-list-large .course-container .course-details .category-container {
	display: flex;
	gap: 8px;
	margin: 10px 0px;
}

.course-list-large .course-container .course-details h2.course-title {
	line-height: normal;
	font-size: 24px;
	text-align: left;
}

.course-list-large .course-container .course-details h2.course-title :is(a:link, a:active, a:visited) {
	font-size: 24px;
	color: #424242D6 !important;
	font-weight: 700;
}

.course-list-large .course-container .course-details h2.course-title a:hover {
	color: var(--bfivbg-global-blue) !important;
}

.course-list-large .course-container .course-details h3.course-subtitle {
	font-size: 14px;
	color: #424242D6;
	text-transform: none;
	letter-spacing: 0;
}

.course-list-large .course-container .course-details .course-detail-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 15px;
	font-size: 14px;
}

.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col {
	flex: 0 0 100%;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col:empty {
	display: none;
}

.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col .not-single-col {
	display: none;
}

.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col .course-detail-item {
	flex: 0 0 100%;
}

.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col .course-detail-item .course-detail-item-headline {
	display: block;
	font-weight: bold;
	color: #020205D6;
	margin-bottom: 4px;
}

.course-list-large .ak-gutschein-button {
	width: 140px;
	height: 32px;
	display: inline-block;
	background-image: url("icon_ak_bildungsgutschein_pf.png");
	background-repeat: no-repeat;
	background-size: 140px auto;
}

.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col .course-detail-item a.button {
	margin: 0px;
}

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

	.course-list-large .course-container {
		flex-wrap: nowrap;
	}

	.course-list-large .course-container .course-image {
		flex: 0 0 50%;
		aspect-ratio: auto;
	}

	.course-list-large .course-container .course-image.not-single-col {
		display: block;
	}

	.course-list-large .course-container .course-details {
		flex: 1 1 auto;
		padding: 10px 10px 10px 15px;
	}
}

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

	.course-list-large .course-container .course-image {
		flex: 0 0 40%;
	}

	.course-list-large .course-container .course-details {
		flex: 1 1 auto;
		padding: 10px 10px 10px 30px;
	}

	.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col {
		flex: 1 1 calc(50% - 20px);
	}

	.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col .single-col-only {
		display: none;
	}

	.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col .not-single-col {
		display: block;
	}
}

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

	.course-list-large .course-container .course-image {
		flex: 0 0 23%;
	}

	.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col {
		flex: 1 1 calc(25% - 20px);
	}

	.course-list-large .course-container .course-details .course-detail-container .course-detail-item-col:empty {
		display: flex;
	}
}

/* Detail page */
.course-detail {
	margin-bottom: 30px;
}

.course-detail .det-header {
	padding: 4px;
	margin: 20px 0px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.course-detail .det-header .det-course-image {
	flex: 0 0 100%;
	aspect-ratio: 13 / 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	order: -1;
	border-radius: 6px;
}

.course-detail .det-header .det-course-image div {
	width: 100%;
	height: 100%;
}

.course-detail .det-header .det-header-details {
	flex: 0 0 100%;
}

.course-detail .det-header .det-header-details .det-header-category-container {
	display: flex;
	gap: 8px;
	margin: 10px 0px;
}

.course-detail .det-header .det-header-details h3.det-header-title a:link {
	font-size: 24px;
	color: #424242D6 !important;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
}

.course-detail .det-header .det-header-details h3.det-header-title a:hover {
	color: var(--bfivbg-global-blue) !important;
}

.course-detail .det-header .det-header-details h2.det-header-subtitle {
	font-size: 14px;
	color: #424242D6;
}

.course-detail .det-header .det-header-details .det-detail-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 15px;
	font-size: 14px;
}

.course-detail .det-header .det-header-details .det-detail-container .det-detail-item {
	flex: 0 0 100%;
}


.course-detail .det-header .det-header-details .det-detail-container .det-detail-item select {
	border-color: var(--bfivbg-global-blue);
	border-width: 1px;
	border-radius: 4px;
	width: 100%;
	min-height: 40px;
  	padding: 5px 14px;
	background-color: #FAFAFA;
}

.course-detail .det-header .det-header-details .det-detail-container .det-detail-item .select-wrapper-before {
	width: 90%;
}

.course-detail .det-header .det-header-details .det-detail-container .det-detail-item.small-item-last {
	order: 99999;
}

.course-detail .det-header .det-header-details .det-detail-container .det-detail-item .det-detail-item-headline {
	display: block;
	font-weight: 700;
	color: #020205D6;
	margin-bottom: 4px;
}

.course-detail .det-header .det-header-details .det-detail-container .det-detail-item .det-price {
	font-size: 16px;
	font-weight: 700;
	color: var(--bfivbg-global-blue);
}

.course-detail .det-subheader {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 10px 0px;
}

.course-detail .det-subheader .det-action-buttons {
	flex: 0 0 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
	color: white;
}

.course-detail .det-subheader .det-symbols {
	display: none;
	flex: 1 1 calc(33% - 20px);
}

.course-detail .det-subheader .det-price {
	display: none;
	flex: 1 1 calc(33% - 20px);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: var(--bfivbg-global-blue);
}

.course-detail .det-subheader .det-price .det-price-headline {
	font-size: 16px;
	font-weight: normal;
}

.course-detail .det-body {
	font-size: 16px;
	padding: 20px 0px;
}

.course-detail .det-body p {
	font-size: 16px;
	margin-bottom: 1.5em;
	line-height: 1.5;
}

.course-detail .det-body .det-body-category-container {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	gap: 15px;
	margin-bottom: 15px;
}

.course-detail .det-body .det-body-category-container .course-category-large {
	flex: 0 0 100%;
	text-align: center;
}

.course-detail .det-body h2 {
	color: var(--bfivbg-global-blue);
	font-size: 20px;
	font-weight: 700;
}

.course-detail .det-body h3 {
	color: var(--bfivbg-global-blue);
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
}

.course-detail .det-downloads {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px 0px;
}

.course-detail .det-downloads h2 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 15px;
}

.course-detail .det-downloads .det-download-links {
	flex: 0 0 100%;
	font-size: 14px;
}

.course-detail .det-downloads .det-download-links .ib {
	color: var(--bfivbg-global-blue);
	margin-bottom: 10px;
}

.course-detail .det-downloads .det-download-links .ib:hover {
	color: #C61932;
}

.course-detail .det-downloads .det-action-buttons {
	flex: 0 0 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
	color: white;
}

.course-detail .det-dates {
	padding: 20px 0px;
}

.course-detail .det-dates summary {
	color: var(--bfivbg-global-blue);
	font-size: 20px;
	font-weight: 700;
}

.course-detail .det-dates .det-dates-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	margin-top: 15px;
}

.course-detail .det-dates .det-dates-table thead tr th {
	background-color: var(--bfivbg-global-blue);
	color: white;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px;
	line-height: 1.5;
	width: 33%;
}

.course-detail .det-dates .det-dates-table tbody tr td {
	background-color: hsla(0,0%,50.2%,.0705882353);
	color: #333;
	font-size: 14px;
	padding: 5px;
	line-height: 1.5;
}

.course-detail .det-dates .det-dates-table tbody tr:nth-child(2n) td {
	background-color: #ffffff;
}

.course-detail .det-dates .det-dates-table tbody tr:hover td {
	background-color: hsla(0,0%,50.2%,.1019607843);
}

.course-detail .det-contact {
	padding: 15px 0px 5px 0px;
}

.course-detail .det-contact h2 {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}

.course-detail .det-contact h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: none;
	letter-spacing: normal;
	color: var(--bfivbg-global-blue);
}

.course-detail .det-contact .det-contact-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}

.course-detail .det-contact .det-contact-container p {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
}

.course-detail .det-contact .det-contact-container .det-contact-img {
	flex: 0 0 100%;
}

.course-detail .det-contact .det-contact-container .det-contact-img img {
	border-radius: 6px;
	width: 100%;
}

.course-detail .det-contact .det-contact-container .det-contact-detail {
	flex: 0 0 100%;
	color: var(--bfivbg-global-blue);
}

.course-detail .det-contactform {
	padding: 20px 0px;
}

.course-detail .det-contactform summary {
	color: var(--bfivbg-global-blue);
	font-size: 20px;
	font-weight: 700;
}

.course-detail .ak-gutschein-button {
	width: 160px;
	height: 35px;
	display: inline-block;
	background-image: url("icon_ak_bildungsgutschein_pf.png");
	background-repeat: no-repeat;
	background-size: 160px auto;
}

.course-detail .det-divider {
	border-top: 1px dotted #72727294;
	height: 1px;
}

.course-rels h2 {
	text-align: center !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var( --bfivbg-global-blue) !important;
	margin-bottom: 15px !important;
}

.course-rels .course-rels-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
}

.course-rels .course-rels-row .rel-container {
	flex: 0 0 100%;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	padding: 5px 10px 10px 10px;
}

.course-rels .course-rels-row .rel-container .rel-category-container {
	display: flex;
	gap: 8px;
	margin: 10px 0px;
}

.course-rels .course-rels-row .rel-container h3 {
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: normal;
}

.course-rels .course-rels-row .rel-container h3 :is(a:link, a:active, a:visited) {
	color: var( --bfivbg-global-blue);
}

.course-rels .course-rels-row .rel-container h3 a:hover {
	color: #C61932;
}

.course-rels .course-rels-row .rel-container .rel-inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.course-rels .course-rels-row .rel-container .rel-inner-container .rel-image {
	flex: 0 0 100%;
	aspect-ratio: 13 / 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
}

.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container {
	flex: 0 0 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 14px;
	padding: 0px 10px 10px 10px;
}

.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container .rel-detail-item {
	flex: 1 1 calc(50% - 10px);
}

.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container .rel-detail-item-headline {
	display: block;
	font-weight: 700;
	color: #020205D6;
	margin-bottom: 4px;
}

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

	

	.course-detail .det-body .det-body-category-container .course-category-large {
		flex: 1 1 calc(33% - 15px);
	}

	.course-detail .det-contact .det-contact-container {
		flex-wrap: nowrap;
	}

	.course-detail .det-contact .det-contact-container .det-contact-img {
		flex: 0 1 auto;
	}

	.course-detail .det-contact .det-contact-container .det-contact-img img {
		width: auto;
		max-height: 170px;
	}

	.course-detail .det-contact .det-contact-container .det-contact-detail {
		flex: 0 1 auto;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container {
		flex-wrap: nowrap;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container .rel-image {
		flex: 0 0 50%;
		aspect-ratio: auto;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container {
		flex: 1 1 auto;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container .rel-detail-item {
		flex: 0 0 100%;
	}
}

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

	.course-detail .det-header {
		flex-wrap: nowrap;
	}

	.course-detail .det-header .det-header-details {
		flex: 1 1 auto;
	}

	.course-detail .det-header .det-course-image {
		flex: 0 0 40%;
		aspect-ratio: auto;
		order: 0;
	}

	.course-detail .det-header .det-header-details .det-detail-container .det-detail-item:not(.det-detail-item-medium-full) {
		flex: 1 1 calc(50% - 20px);
	}

	.course-detail .det-header .det-header-details .det-detail-container .det-detail-item.hide-large {
		display: none;
	}

	.course-detail .det-subheader .det-action-buttons {
		flex: 1 1 calc(33% - 20px);
		justify-content: flex-start;
		gap: 8px;
	}

	.course-detail .det-subheader .det-symbols {
		display: block;
	}

	.course-detail .det-subheader .det-price {
		display: block;
	}

	.course-detail .det-downloads {
		flex-wrap: nowrap;
	}

	.course-detail .det-downloads .det-download-links {
		flex: 1 1 calc(66% - 20px);
	}

	.course-detail .det-downloads .det-action-buttons {
		flex: 1 1 calc(33% - 20px);
		justify-content: flex-start;
		gap: 8px;
	}
}

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

	.course-detail .det-header .det-course-image {
		flex: 0 0 33%;
	}

	.course-detail .det-header .det-header-details .det-detail-container .det-detail-item {
		flex: 1 1 calc(50% - 20px);
	}

	.course-detail .det-header .det-header-details .det-detail-container .det-detail-item.small-item-last {
		order: 0;
	}

	.course-rels .course-rels-row .rel-container {
		flex: 1 1 calc(33% - 10px);
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container {
		flex-wrap: wrap;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container .rel-image {
		flex: 0 0 100%;
		aspect-ratio: 13 / 9;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container {
		flex: 0 0 100%;
	}

	.course-rels .course-rels-row .rel-container .rel-inner-container .rel-detail-container .rel-detail-item {
		flex: 1 1 calc(50% - 10px);
	}
}

.action-button {
	background-color: var(--bfivbg-global-blue);
	border-radius: 4px;
	padding: 4px 6px 6px !important;
	width: 36px;
	height: 34px;
	color: white !important;
	font-size: 24px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.action-button:hover {
	background-color: #C61932;
}

/* Registration form */
.reg-container {
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 0px;
}

.reg-subcontainer {
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 0px;
}

.reg-container-blue {
	background-color: var(--bfivbg-global-blue);
	color: #FFFFFF;
}

.reg-container-gray {
	background-color: #E8EAEC;
	color: var(--bfivbg-global-blue);
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) {
	flex: 1 1 100%;
	padding: 0px 5px;
}

.reg-container .reg-error:is(.reg-elm-container, .reg-elm-container-half) {
	border: 1px solid var(--bfivbg-global-red);
	border-radius: 5px;
	padding-top: 10px;
}

@media only screen and (min-width: 768px) {
	.reg-container .reg-elm-container-half {
		flex: 1 1 50%;
	}
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) label {
	display: block;
	margin-bottom: 5px;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) label.reg-elm-headline-small {
	font-size: 14px;
	display: inline;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) label.reg-elm-headline-checkbox {
	font-weight: 400;
	display: inline;
	text-transform: none;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) .reg-checkbox-row {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) .reg-checkbox-row label {
	flex: 1 1 auto;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) .reg-checkbox-row label p {
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) input:is([type='text'], [type='password'], [type='number'], [type='email'], [type='tel'], [type='url']) {
	width: 100%;
}

.reg-container :is(.reg-elm-container, .reg-elm-container-half) input.reg-error:is([type='text'], [type='password'], [type='number'], [type='email'], [type='tel'], [type='url']) {
	border: 1px solid var(--bfivbg-global-red);
}

.reg-container-blue :is(.reg-elm-container, .reg-elm-container-half) .reg-elm-error {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.reg-container-gray :is(.reg-elm-container, .reg-elm-container-half) .reg-elm-error {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: var(--bfivbg-global-red);
}

.reg-container .reg-elm-error.reg-elm-error-checkbox {
	text-align: left;
	padding-left: 19px;
}

.reg-container .reg-flex-elm {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.reg-adr-summary {
	font-size: 20px;
	font-weight: 600;
}

.reg-top-error {
	padding: 10px;
	margin-bottom: 30px;
	background-color: var(--bfivbg-global-red);
	border-radius: 6px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}

/* Newsletter form */
#nlpage h1 {
	text-align:center;
	font-size: 28px;
	font-weight:600;
	margin-bottom: 10px;
}

.nl-container {
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 0px;
	background-color: #E8EAEC;
	color: var(--bfivbg-global-blue);
}

.nl-container .nl-elm-container {
	flex: 1 1 100%;
	padding: 0px 5px;
}

.nl-container .nl-elm-container label {
	display: block;
	margin-bottom: 5px;
}

.nl-container .nl-elm-container label.nl-elm-headline-checkbox {
	display: inline;
	text-transform: none;
	font-weight: 400;
}

.nl-container .nl-elm-container input:is([type='text'], [type='password'], [type='number'], [type='email'], [type='tel'], [type='url']), .nl-container select {
	width: 100%;
}

/* Address page */
.address-link {
	text-align: center;
	margin: 40px 0px 20px 0px;
	font-size: 14px; 
}

.address-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.address-row :is(.adr-container, a.adr-container:link, a.adr-container:active, a.adr-container:visited) {
	display: block;
	flex: 1 1 100%;
	padding: 50px 20px 40px 20px;
	border-radius: 8px;
	background-color: #F3F3F3;
	font-size: 14px;
	color: #020205D6;
}

.address-row a.adr-container:hover {
	background-color: #FFFFFF;
	background-image: url("edit.webp");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}

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

	.address-row :is(.adr-container, a.adr-container:link, a.adr-container:active, a.adr-container:visited) {
		flex: 1 1 calc(33% - 30px);
	}
}

/* Cart page */
.step-bar-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.step-bar-container :is(.step-bar-item, a.step-bar-item:link, a.step-bar-item:active, a.step-bar-item:visited) {
	flex: 1 1 100%;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	color: #FFFFFF;
	padding: 5px 0px;
	background-image: url("warenkorb-abschluss-1.webp");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
}

.step-bar-container :is(.step-bar-item.active, a.step-bar-item:hover) {
	background-image: url("cart-step-1.webp");
}

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

	.step-bar-container {
		flex-wrap: nowrap;
	}

	.step-bar-container :is(.step-bar-item, a.step-bar-item:link, a.step-bar-item:active, a.step-bar-item:visited) {
		flex: 1 1 calc(50% - 10px);
	}
}

.warenkorb-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
}

.warenkorb-form :is(.warenkorb-form-col, .warenkorb-form-col-half) {
	flex: 1 1 100%;
}

.warenkorb-form .warenkorb-form-elm {
	margin-bottom: 8px;
}

.warenkorb-form h3 {
	color: var(--bfivbg-global-blue) !important;
	text-transform: none !important;
	font-size: 17px !important;
	letter-spacing: normal !important;
	margin-bottom: 10px !important;
}

.warenkorb-form label {
	color: var(--bfivbg-global-blue);
	text-transform: none !important;
	font-size: 13px !important;
	font-weight: normal !important;
}

.warenkorb-form .warenkorb-checkbox-row {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.warenkorb-form .warenkorb-checkbox-row label {
	flex: 0 1 auto;
}

.warenkorb-form .warenkorb-checkbox-row label p {
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.warenkorb-sum {
	font-size: 20px;
	padding: 10px 0px;
	border-top: 2px solid #E8EAEC;
	color: var(--bfivbg-global-blue);
}

.warenkorb-discount {
	font-size: 20px;
	padding: 10px 0px;
	border-top: 2px solid #E8EAEC;
	color: var(--bfivbg-global-red);
	font-weight: 500;
}

.warenkorb-total {
	font-size: 20px;
	padding: 10px 0px;
	border-top: 2px solid #E8EAEC;
	border-bottom: 2px solid #E8EAEC;
	font-weight: 600;
	color: var(--bfivbg-global-blue);
}

.warenkorb-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 10px 0px;
}

.warenkorb-footer .warenkorb-footer-left {
	flex: 1 1 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.warenkorb-footer .warenkorb-footer-right {
	flex: 1 1 100%;
}

.warenkorb-footer input.warenkorb-coupon {
	flex: 1 1 100%;
	border: 2px solid #72727294 !important;
	border-radius: 2px !important;
	padding: 4px 1rem !important;
}

.warenkorb-footer button.button {
	margin: 0px !important;
	flex: 1 1 100%;
}

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

	.warenkorb-form .warenkorb-form-col-half {
		flex: 1 1 calc(50% - 10px);
	}

	.warenkorb-footer {
		flex-wrap: nowrap;
	}

	.warenkorb-footer .warenkorb-footer-left {
		flex: 1 1 calc(50% - 10px);
		flex-wrap: nowrap;
	}

	.warenkorb-footer .warenkorb-footer-right {
		flex: 1 1 calc(50% - 10px);
	}

	.warenkorb-footer input.warenkorb-coupon {
		flex: 0 1 250px;
	}

	.warenkorb-footer button.button {
		flex: 0 1 auto;
	}
}

/* Login */
.login-container {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.login-forgot {
	flex: 0 0 100%;
	text-align: center;
	margin: 5px 0px 30px 0px;
}

:is(a.login-forgot-link:link, a.login-forgot-link:active, a.login-forgot-link:visited) {
	font-size: 12px;
	text-decoration: underline;
	color: var(--bfivbg-global-blue);
}

.login-reg {
	flex: 0 0 100%;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--bfivbg-global-blue);
}

.login-reg :is(a.button:link, a.button:visited, a.button:active) {
	margin-top: 0px;
}

/* General classes */
section.dyncontent {
	box-sizing: border-box;
	padding: 0;
	background-color: var( --bfivbg-backg-grey);
}
.content_container {
	background: var(--bfivbg-bg-white); 
	padding: 0 20px;
}
.content_container h1 {
margin:40px 0 0;
font-size: 3em;
line-height:1.2em;
font-weight: 900;
color: var(--bfivbg-global-blue);
}
.content_container h2 {
margin:0;
font-size: 2em;
font-weight: 600;
line-height: 1.6em;
color: var(--bfivbg-global-blue);
}
.content_container h3 {
margin:0;
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--bfivbg-global-red);
}

.content_container p {
font-size: 1.3em;
line-height: 1.4em;
letter-spacing: 0.15px;
margin:0;
}

.content_container :is(.button, a.button) {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.1em;
	background-color: #FAFAFA;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
	color: var( --bfivbg-global-blue);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var( --btn-border-color);
	letter-spacing: 0.4px;
	border-radius: 2px 2px 2px 2px;
	padding: 6px 18px 6px 18px;
	margin: 15px 0 0;
	cursor: pointer;
}

.content_container :is(.button, a.button):hover {
	border-color: var( --bfivbg-global-blue);
}

.content_container :is(.button, a.button) span {
	padding-right: 3px;
}

.content_container .submit-button {
	padding: 8px 10px;
	width: 100%;
	display: block;
	text-transform: uppercase;
	background-color: #FAFAFA;
	border: solid 2px var(--bfivbg-global-blue);
	border-radius: 2px;
	color: var(--bfivbg-global-blue);
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.content_container .submit-button:hover {
	background-color: var(--bfivbg-global-blue);
	border: solid 2px #FFFFFF;
	color: #FFFFFF;
}

.content_container label {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

.content_container input:is([type='text'], [type='password'], [type='number'], [type='email'], [type='tel'], [type='url']), .content_container select {
	color: #1E1E1EC2;
	border-radius: 10px;
	padding: .5rem 1rem;
	border-width: 0px;
}

.content_container input:is([type='text'], [type='password'], [type='number'], [type='email'], [type='tel'], [type='url'])::placeholder {
	color: inherit;
	font-family: inherit;
	opacity: .6;
}

.content_container input:focus {
	outline: none;
}

.content_container .required-icon::after {
	color: red;
	content: "*";
	padding-inline-start: .2em;
}

.centered-content h1 {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 10px;
}

.centered-content h2 {
	text-align: center;
	font-size: 20px;
}

.image-bg {
height: 390px;
background-repeat: no-repeat;
background-size: cover;
}
.video-inc {
aspect-ratio: 1.77777778;
max-width: 100%;
}
.video-inc iframe {
border: none;
display: flex;
height: 100%;
width: 100%;
}  
.content-right div {
margin-left: auto;
}
.content-col, .iframe-col {
margin-bottom: 35px;
}
@media only screen and (min-width: 576px) {
	section.dyncontent {
	padding: 10px 40px 0 40px;
	}
	section.dyncontent2 {
	padding: 0 40px;
	}
	.content_container {
	padding: 0 30px;
	}	
}
@media only screen and (min-width: 992px) {
	.content-col {
	width: 98%;
	}
	.mob-1 {
	order:0;
	}
	.mob-2 {
	order:0;
	}	
	.mob-3 {
	order:0;
	}	
}
.esra-divider {
	display:flex;
	margin: 5px 0 40px;
}
.esra-divider .seperator {
	width: 100%;
	direction: ltr;
	display: flex;
	margin:0;
	background-color: var(--divider-color);
	mask-image: var(--divider-pattern-url);
	mask-repeat: repeat-x;
	border-block-start: 1px curved var( --divider-color);
	mask-size: 23.1px 100%;
	min-height: 7.6px;
}
div#section-title {
background-position:bottom center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
flex: 0 1 auto;
flex-wrap: nowrap;
justify-content: normal;
gap: initial;
position:relative;
}
div#section-title::before {
  background-color: var( --bfivbg-global-blue);
  content: "";
  display:block;
  position: absolute;
  width:100%;
  height:100%;
  mix-blend-mode:initial;
  opacity:0.5;
  left:0;
  top:0;
}
div#section-title h1 {
margin:0;
padding:0;
font-size: 9vw;
font-weight: 600;
line-height: 1.3em;
min-height: 114px;
color: var( --bfivbg-bg-white);
padding-block-start: 1rem;
padding-block-end: 1rem;
text-align: center;
max-width:100%;
}

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

	div#section-title h1 {
		font-size: 7vw;
	}
}
div#section-title div div {
overflow:hidden;
}
.startpage h1 {
text-align:center;
font-size:2.3em;
font-weight:600;
}
.startpage h2 {
text-align:center;
font-size:1.7em;
font-weight:300;
}
.slingle-slider section {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding:0px 0px 0px 0px;
align-items: center;
}
.slingle-slider section .slider-con {
min-height: 350px;
align-items: center;
margin: 0 auto;
display:flex;
position:relative;
text-align:center;
} 
.slingle-slider section h1 {
color: var( --bfivbg-global-white);
font-size: 28px;
font-weight: bold;
text-transform: none;
line-height: 0.9em;
margin:0;
padding:0;
}
.slingle-slider section h2 {
color: var( --bfivbg-global-white);
font-size: 19px;
font-weight: 300;
text-transform: none;
margin:0 0 10px;
padding:0;
}
.slingle-slider section p {
color: var( --bfivbg-global-white);
font-size: 14px;
font-weight:300;
line-height: 1.1em;
margin-top:10px;
margin-bottom: 1.5em;
}  
.slingle-slider section a {
display:inline-block;
background-color: var( --bfivbg-global-blue);
font-size: 14px;
line-height: 1.3em;
font-weight: 900;
fill: var( --bfivbg-global-white);
color: var( --bfivbg-global-white);
border-radius: 100px 100px 100px 100px;
padding: 11px 20px 10px 20px;
text-decoration:none;
text-transform: uppercase;
font-style: normal;
letter-spacing:0.4px;
}
.slingle-slider section a:hover {
background-color: var( --bfivbg-global-red);
}
.slingle-slider section .widget-wrap{
align-content: center;
align-items: center;
background-color: var( --divider-color);
margin:0 40px;
padding: 15px 47px 10px;
border-radius: 36px 36px 36px 36px;
display:flex;
flex-wrap: wrap;
position: relative;
width: calc(100% - 80px);
min-height: 185px;
}
.slingle-slider section .widget-wrap > div {
margin: 0 auto;
}
.htslider-slider button.slick-arrow svg {
color: var( --bfivbg-global-blue);
fill: var( --bfivbg-global-blue);
}
.htslider-slider button.slick-arrow:hover svg path {
fill: var( --bfivbg-global-red);
}
.htslider-slider button.slick-arrow:hover {
background-color: var( --bfivbg-global-blue);
border-radius: 6px 6px 6px 6px;
}
@media only screen and (min-width: 710px) {
	.slingle-slider section .slider-con > div {
	width: 70%;
	}
	.slingle-slider section .widget-wrap{
	margin:0px 0px 0px 120px;
	}	
}
@media only screen and (min-width: 810px) {
	.slingle-slider section .slider-con {
	min-height: 450px;
	text-align:left;
	} 
	.slingle-slider section .widget-wrap{
	min-height: 235px;
	}		
	.slingle-slider section .slider-con > div {
	width: 45%;
	}
	.slingle-slider section h1 {
	font-size: 36px;
	}	
	.slingle-slider section h2 {
	font-size: 25px;
	}	
	.slingle-slider section p {
	font-size: 19px;
	line-height: 1.2em;
	}  
	.slingle-slider section a {
	padding: 18px 35px 18px 35px;
	}	
}
@media only screen and (min-width: 1040px) {
	.slingle-slider section .slider-con {
	min-height: 660px;
	} 
	.slingle-slider section .slider-con > div {
	width: 50%;
	}
	.slingle-slider section .widget-wrap{
	padding: 37px;
	min-height: 325px;
	}	
	.slingle-slider section h1 {
	font-size: 50px;
	}	
	.slingle-slider section h2 {
	font-size: 33px;
	}	
	.slingle-slider section p {
	font-size: 23px;
	}  
	.slingle-slider section a {
	font-size: 17px;
	}	
}
@media only screen and (min-width: 1150px) {
	.slingle-slider section .slider-con {
	max-width: 1080px;
	} 
	.slingle-slider section .widget-wrap{
	margin:0px 0px 0px 60px;
	}
}
#section-detail-search {
overflow: hidden;
border-style: solid;
border-width: 15px 0px 0px 0px;
padding: 20px 0 40px;
position:relative;
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
}
#section-detail-search .ds-overlay{
position: absolute;
top:0;
left:0;
inset:0;
opacity: 0.76;
}

#section-detail-search button {
	background-color: #C61932;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: 1.6px;
	border-radius: 10px;
	padding: 2px 0px 0px 0px;
	width: 100%;
	text-align: center;
	min-height: 33px;
	border-style: none;
	cursor: pointer;
}

#section-detail-search button:hover {
	background-color: #551019;
}

.business-campus#section-detail-search .ds-overlay{
opacity:0.55;
background-color: var( --business-campus);
}
.business-campus#section-detail-search {
border-color: var( --business-campus);
}
.lehrlings-campus#section-detail-search .ds-overlay{
opacity:0.44;
background-color: var( --bfivbg-global-blue);
}
.lehrlings-campus#section-detail-search {
border-color: var( --bfivbg-global-blue);
}
.sprachen-campus#section-detail-search {
border-color: var( --sprachen-campus);
}
.firmen-campus#section-detail-search {
border-color: var( --firmen-campus);
}
.sozial-campus#section-detail-search {
border-color: var( --sozial-campus);
}
.talente-campus#section-detail-search {
border-color: var( --talente-campus);
}
#section-detail-search .detail-search-con {
max-width: 1040px;
margin: 0 auto;
padding: 0px 20px;
}
@media only screen and (min-width: 576px) {
	#section-detail-search .detail-search-con {
		padding: 0 40px;
	}
}
#section-detail-search h1 {
font-size: 46px;
font-weight: 600;
color: var( --bfivbg-global-white);
margin: 28px 0 28px;
}
#section-detail-search .detail-search-wrapper {
display:flex;
flex-wrap: wrap;
}

#section-detail-search .form100, #section-detail-search .form50, #section-detail-search .form25 {
display: flex;
min-height: 1px;
position: relative;
align-items: center;
flex-wrap: wrap;
padding: 0 5px;
margin-bottom: 20px;
width: 100%;
}
#section-detail-search .detail-search-wrapper > div:last-child {
margin-bottom: 0px;
}
#section-detail-search label, #section-detail-search legend {
font-size:14px;
font-weight:600;
text-transform:uppercase;
color: var( --bfivbg-global-white);
padding-bottom: 3px;
letter-spacing:0.4px;
}
#section-detail-search input {
background-color: var( --search-bg-color);
border-width: 0;
border-radius: 10px 10px 10px 10px;
font-size: 15px;
line-height: 1.6em;
font-weight: 400;
text-transform: none;
padding: 4px 12px;
transition: 4ms;
flex-basis: 100%;
max-width: 100%;
}
#section-detail-search input:focus {
border: 0;
outline: none;
}
.select-wrapper-before {
display: flex;
position: relative;
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.select-wrapper-before select {
width: 100%;
}
.select-wrapper-before-inline {
display: inline-flex;
position: relative;
}
#section-detail-search select {
display: block;
color: inherit;
font-family: inherit;
background-color: var( --search-bg-color);
border-width: 0;
border-radius: 10px 10px 10px 10px;
font-size: 15px;
line-height: 1.6em;
font-weight: 400;
text-transform: none;
padding: 4px 12px;
transition: 4ms;
flex-basis: 100%;
max-width: 100%;
padding-inline-end: 20px;
min-height: 32px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.select-wrapper {
font-size: 11px;
inset-inline-end: 10px;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
:is(.select-wrapper-before, .select-wrapper-before-inline) svg {
aspect-ratio: unset;
display: unset;
width: 1em;
fill: currentColor;
overflow:visible;
}
#section-detail-search fieldset {
padding:0;
border: none;
}
#section-detail-search fieldset legend {
display:block;
padding-bottom: 5px;
}
#section-detail-search fieldset label {
text-transform:none;
margin-right: 10px;
}

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

	#section-detail-search .form50 {
		width: 50%
	}

	#section-detail-search .form25 {
		width: 25%
	}
}

h4 {
	color: var(--bfivbg-global-blue);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1em;
    letter-spacing: 1.1px;
}

footer {
	position: relative;
	background: var(--bfivbg-backg-grey);
	padding: 0;
	line-height: 130%;
	padding: 30px 0 0;
}

footer .footerbg {
	width: 100%;
	padding: 0 40px;
	background-image: url("/files/rufi.png");
	background-repeat: repeat-x;
}

footer .main-container {
	padding: 30px 0px;
	display: flex;
	gap: 30px;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
}

@media only screen and (min-width: 880px) {
	footer .main-container {
		flex-direction: row;
		text-align: left;
	}
}

footer .main-container > div {
	flex: 1 1 auto;
}

footer .esra-divider {
	margin: 5px 0 15px;
}

footer .footer-logo {
	width: 100%;
}

footer .mobile-only {
	display:block;
}

footer .desktop-only {
	display:none;
}

@media only screen and (min-width: 880px) {
	footer .mobile-only {
		display:none !important;
	}

	footer .desktop-only {
		display:block !important;
	}

	footer .social-icons {
		justify-content: flex-start !important;
	}

	footer .footer-logo {
		width: 177px;
	}

	footer .legal-links {
		gap: 13px 50px !important;
		justify-content: center !important;
	}
}

footer ul {
	list-style: none;
	padding: 0;
}

footer .contact-address {
	padding-right:20px;
}

footer ul.social-links li {
	padding-left: 40px;
	padding-bottom: 15px;
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

footer ul li {
	margin-bottom: 3px;
}

footer ul li a:link {
	color: #202020;
	transition: color 0.3s;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;	
}

footer ul li a:hover, footer ul li a.contact:hover {
	color: var( --bfivbg-global-red ) !important;
	text-decoration: none;
}

footer .social-box {
	color: var(--bfivbg-global-blue);
	font-size: 12px;
}

footer .social-icons {
	display: flex;
	gap: 10px;
	justify-content: center;
}

footer .social-icons a {
	width: 32px;
	height: 32px;
	font-size: 18px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 3px;
	transition: all .3s;
}

footer .social-icons a:hover {
	color: #FFFFFF !important;
	background-color: var(--bfivbg-global-blue);
}

footer ul li .contact, footer ul li a.contact:link {
	display: inline-flex;
	gap: 8px;
	color: var(--bfivbg-global-blue);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	align-items: center;
}

footer .legal-links {
	display: flex;
	gap: 13px 20px;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 13px 40px;
	color: var(--bfivbg-global-blue);
	background-color: var(--footer-legal-bg);
}

footer .legal-links a:link {
	font-size: 13px;
	text-transform: uppercase;
}

footer .legal-links a:hover {
	color: var( --bfivbg-global-red ) !important;
}

footer .copyright {
	display: flex;
	justify-content: center;
	background-color: var(--bfivbg-global-blue);
	color: var(--bfivbg-global-white);
}
footer .copyright p {
  font-size: 13px;
  font-weight: 500;
  margin: 22px 15px;
  text-align: center;
}

a, 
a:link, 
a:active, 
a:visited, 
a:hover {
	color: var(--bfivbg-global-blue);
	text-decoration: none;
}

a:hover {
	color: var(--bfivbg-global-red);
}
.content_container .iframe-col h2 {
text-align:center;
}
.iframe-inc {
aspect-ratio: 1;
max-width: 100%;
}
.iframe-inc iframe {
border: none;
display: flex;
height: 100%;
width: 100%;
}  

.teaserContainer {
justify-content: center;
}
.teaserContainer .teaserCol {
	display: flex;
}
.teaserContainer .content-col {
background-color: var(--teaser-color);
text-align: center;
position:relative;
margin: 40px auto 35px;
width: 97%;
padding: 40px 25px 40px;
display: flex;
flex-direction: column;
align-items: center;
}
.teaserContainer .content-col:hover {
background-color: var(--bfivbg-global-white);
}
.teaserContainer h2 {
font-size: 1.7em;
font-weight: 800;
line-height: 1.0666em;
margin: 0 0 20px 0;
}
.teaserContainer p {
font-size: 16px;
line-height: 1.7em;
font-weight: 300;
flex: 1 1 auto;
}
.teaserContainer .col-xs-4 {
display:flex;
}
.content_container .teaserContainer a.button {
margin: 40px 0 0;
}

.teaserIcon {
margin: -90px 0 70px;
}
.teaserIcon div {
border-radius: 50%;
width: 100px;
height: 100px;
margin: 0 auto;
padding: 22px;
display:grid;
place-items: center;
}

.bfiRed div {
background-color: var(--bfivbg-global-red);
}
.bfiBlue div {
background-color: var(--bfivbg-global-blue);
}
.bfiOrange div {
background-color: var(--bfivbg-global-orange);
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?rlh3ev');
  src:  url('fonts/icomoon.eot?rlh3ev#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?rlh3ev') format('truetype'),
    url('fonts/icomoon.woff?rlh3ev') format('woff'),
    url('fonts/icomoon.svg?rlh3ev#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Persoenliche_Anmeldung:before {
  content: "\e935";
}
.icon-facebook:before {
  content: "\e900";
}
.icon-instagram:before {
  content: "\e901";
}
.icon-linkedin:before {
  content: "\e902";
}
.icon-Abmeldung-uebermittelt:before {
  content: "\e903";
}
.icon-Anmeldung-uebermittelt:before {
  content: "\e904";
}
.icon-Auf-Merkliste-gesetzt:before {
  content: "\e905";
}
.icon-Auf-Merkliste-setzen:before {
  content: "\e906";
}
.icon-Ausgebucht-auf-Warteliste-setzen:before {
  content: "\e907";
}
.icon-Bereits-angemeldet:before {
  content: "\e908";
}
.icon-Fuer-Warteliste-vorgemerkt:before {
  content: "\e909";
}
.icon-Persoenliche-Anmeldung-erforderlich:before {
  content: "\e90a";
}
.icon-Preisaenderungen-vorbehalten:before {
  content: "\e90b";
}
.icon-Veranstaltung-abgelaufen:before {
  content: "\e90c";
}
.icon-Voraussetzungen-fehlen:before {
  content: "\e90d";
}
.icon-Haken:before {
  content: "\e90e";
}
.icon-Info:before {
  content: "\e90f";
}
.icon-Kalender-Termine:before {
  content: "\e910";
}
.icon-Link-weiter:before {
  content: "\e911";
}
.icon-Newsletter:before {
  content: "\e912";
}
.icon-PDF-Dokument:before {
  content: "\e913";
}
.icon-Pin:before {
  content: "\e914";
}
.icon-zum-Kontaktformular:before {
  content: "\e915";
}
.icon-Icon_Business_Campus:before {
  content: "\e916";
}
.icon-Icon_Lehrlingscampus:before {
  content: "\e917";
  color: #073e77;
}
.icon-Icon_Sozial_Campus:before {
  content: "\e918";
  color: #d99437;
}
.icon-Icon_Sprachen_Campus:before {
  content: "\e919";
  color: #be3640;
}
.icon-Icon_Talente_Campus:before {
  content: "\e91a";
  color: #596c3f;
}
.icon-Adresse-Lage:before {
  content: "\e91b";
  color: #073e77;
}
.icon-E-Mail:before {
  content: "\e91c";
}
.icon-Kontakt-Adresse:before {
  content: "\e91d";
}
.icon-Telefon:before {
  content: "\e91e";
}
.icon-Zum-Warenkorb-hinzufuegen .path1:before {
  content: "\e91f";
  color: rgb(7, 62, 119);
}
.icon-Zum-Warenkorb-hinzufuegen .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(7, 62, 119);
}
.icon-Zum-Warenkorb-hinzufuegen .path3:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(7, 62, 119);
}
.icon-Zum-Warenkorb-hinzufuegen .path4:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Abmelden:before {
  content: "\e923";
}
.icon-Adressen:before {
  content: "\e924";
}
.icon-Anmeldung-nicht-moeglich:before {
  content: "\e925";
}
.icon-Archiv:before {
  content: "\e926";
}
.icon-bfi-cart:before {
  content: "\e927";
}
.icon-Buchung-abschliessen .path1:before {
  content: "\e928";
}
.icon-Buchung-abschliessen .path2:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(7, 62, 119);
}
.icon-Buchung-abschliessen .path3:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(7, 62, 119);
}
.icon-Buchung-abschliessen .path4:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Einladebestaetigung:before {
  content: "\e92c";
}
.icon-Entfernen-loeschen:before {
  content: "\e92d";
}
.icon-Hausaufgaben:before {
  content: "\e92e";
}
.icon-Liste-Anmeldungen:before {
  content: "\e92f";
}
.icon-Meine-Kursbuchungen:before {
  content: "\e930";
}
.icon-Merkliste-Herz-leer:before {
  content: "\e931";
}
.icon-Merkliste-Herz-voll:before {
  content: "\e932";
}
.icon-Persoenliche-Daten:before {
  content: "\e933";
}
.icon-User:before {
  content: "\e934";
}