@charset "UTF-8";

/* ≡≡≡ Webfonts ≡≡≡ */

/* PT Sans */
@font-face{
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/pt_sans/pt_sans_400.eot');
	src: local(''), url('../fonts/pt_sans/pt_sans_400.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans/pt_sans_400.woff2') format('woff2'), url('../fonts/pt_sans/pt_sans_400.woff') format('woff'), url('../fonts/pt_sans/pt_sans_400.ttf') format('truetype'), url('../fonts/pt_sans/pt_sans_400.svg#PTSans') format('svg');
}

@font-face{
	font-family: 'PT Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/pt_sans/pt_sans_400_italic.eot');
	src: local(''), url('../fonts/pt_sans/pt_sans_400_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans/pt_sans_400_italic.woff2') format('woff2'), url('../fonts/pt_sans/pt_sans_400_italic.woff') format('woff'), url('../fonts/pt_sans/pt_sans_400_italic.ttf') format('truetype'), url('../fonts/pt_sans/pt_sans_400_italic.svg#PTSans') format('svg');
}

@font-face{
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/pt_sans/pt_sans_700.eot');
	src: local(''), url('../fonts/pt_sans/pt_sans_700.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans/pt_sans_700.woff2') format('woff2'), url('../fonts/pt_sans/pt_sans_700.woff') format('woff'), url('../fonts/pt_sans/pt_sans_700.ttf') format('truetype'), url('../fonts/pt_sans/pt_sans_700.svg#PTSans') format('svg');
}

@font-face{
	font-family: 'PT Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/pt_sans/pt_sans_700_italic.eot');
	src: local(''), url('../fonts/pt_sans/pt_sans_700_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/pt_sans/pt_sans_700_italic.woff2') format('woff2'), url('../fonts/pt_sans/pt_sans_700_italic.woff') format('woff'), url('../fonts/pt_sans/pt_sans_700_italic.ttf') format('truetype'), url('../fonts/pt_sans/pt_sans_700_italic.svg#PTSans') format('svg');
}

/* ≡≡≡ General ≡≡≡ */

:root{
	--clr-white: #ffffff;
	--clr-grey-1: #f8f8f8;
	--clr-grey-2: #d6d6d6;
	--clr-grey-3: #979797;
	--clr-grey-3-5: #7b7b7b;
	--clr-grey-4: #636363;
	--clr-grey-5: #3a3a3a;
	--clr-black: #000000;
	
	--clr-red-main: #e2001a;
	--clr-red-1: #f8bfc6;
	--clr-red-2: #f1808d;
	--clr-red-3: #e94053;
	--clr-red-4: #e2001a;
	--clr-red-5: #aa0014;
	--clr-red-6: #71000d;
	--clr-red-7: #390007;
	--clr-red-text: #ffffff;
	
	--clr-yellow-main: #fecd1b;
	--clr-yellow-1: #fff3c6;
	--clr-yellow-2: #ffe68d;
	--clr-yellow-3: #feda54;
	--clr-yellow-4: #fecd1b;
	--clr-yellow-5: #bf9a14;
	--clr-yellow-6: #7f670e;
	--clr-yellow-7: #403307;
	--clr-yellow-text: #595959;
	
	--clr-blue-main: #009ee0;
	--clr-blue-1: #bfe7f7;
	--clr-blue-2: #80cff0;
	--clr-blue-3: #40b6e8;
	--clr-blue-4: #009ee0;
	--clr-blue-5: #0077a8;
	--clr-blue-6: #004f70;
	--clr-blue-7: #002838;
	--clr-blue-text: #ffffff;
	
	--clr-orange-main: #ec7405;
	--clr-orange-1: #fadcc1;
	--clr-orange-2: #f6ba82;
	--clr-orange-3: #f19744;
	--clr-orange-4: #ec7405;
	--clr-orange-5: #b15704;
	--clr-orange-6: #763a03;
	--clr-orange-7: #3b1d01;
	--clr-orange-text: #ffffff;
	
	--clr-green-main: #79b530;
	--clr-green-1: #deedcb;
	--clr-green-2: #bcda98;
	--clr-green-3: #9bc864;
	--clr-green-4: #79b530;
	--clr-green-5: #5b8824;
	--clr-green-6: #3d5b18;
	--clr-green-7: #1e2d0c;
	--clr-green-text: #ffffff;
	
	--clr-purple-main: #775db3;
	--clr-purple-1: #ddd7ec;
	--clr-purple-2: #bbaed9;
	--clr-purple-3: #9986c6;
	--clr-purple-4: #775db3;
	--clr-purple-5: #594686;
	--clr-purple-6: #3c2f5a;
	--clr-purple-7: #1e172d;
	--clr-purple-text: #ffffff;
	
	--fnt-fam-1: 'Arial', sans-serif;
	--fnt-fam-2: 'PT Sans', 'Arial', sans-serif;
	--fnt-fam-3: 'PT Sans', 'Arial', sans-serif;
	
	--fnt-size-base: 25px;
	--fnt-height-base: 1.4;
}

html{
	font-size: 1rem;
	line-height: 1.4;
	scroll-padding-top: 20px;
}

body{
	font-size: 20px;
	font-family: var(--fnt-fam-1);
	line-height: var(--fnt-height-base);
	background-color: var(--clr-white);
	color: var(--clr-grey-4);
	font-weight: 400;
}

/* Themes */

body,
body.theme-red{
	--clr-theme-main: var(--clr-red-main);
	--clr-theme-1: var(--clr-red-1);
	--clr-theme-2: var(--clr-red-2);
	--clr-theme-3: var(--clr-red-3);
	--clr-theme-4: var(--clr-red-4);
	--clr-theme-5: var(--clr-red-5);
	--clr-theme-6: var(--clr-red-6);
	--clr-theme-7: var(--clr-red-7);
	--clr-theme-text: var(--clr-red-text);
	--clr-theme-text-on-white: var(--clr-red-main);
}

body.theme-yellow{
	--clr-theme-main: var(--clr-yellow-main);
	--clr-theme-1: var(--clr-yellow-1);
	--clr-theme-2: var(--clr-yellow-2);
	--clr-theme-3: var(--clr-yellow-3);
	--clr-theme-4: var(--clr-yellow-4);
	--clr-theme-5: var(--clr-yellow-5);
	--clr-theme-6: var(--clr-yellow-6);
	--clr-theme-7: var(--clr-yellow-7);
	--clr-theme-text: var(--clr-yellow-text);
	--clr-theme-text-on-white: var(--clr-yellow-main);
}

body.theme-blue{
	--clr-theme-main: var(--clr-blue-main);
	--clr-theme-1: var(--clr-blue-1);
	--clr-theme-2: var(--clr-blue-2);
	--clr-theme-3: var(--clr-blue-3);
	--clr-theme-4: var(--clr-blue-4);
	--clr-theme-5: var(--clr-blue-5);
	--clr-theme-6: var(--clr-blue-6);
	--clr-theme-7: var(--clr-blue-7);
	--clr-theme-text: var(--clr-blue-text);
	--clr-theme-text-on-white: var(--clr-blue-main);
}

body.theme-orange{
	--clr-theme-main: var(--clr-orange-main);
	--clr-theme-1: var(--clr-orange-1);
	--clr-theme-2: var(--clr-orange-2);
	--clr-theme-3: var(--clr-orange-3);
	--clr-theme-4: var(--clr-orange-4);
	--clr-theme-5: var(--clr-orange-5);
	--clr-theme-6: var(--clr-orange-6);
	--clr-theme-7: var(--clr-orange-7);
	--clr-theme-text: var(--clr-orange-text);
	--clr-theme-text-on-white: var(--clr-orange-main);
}

body.theme-green{
	--clr-theme-main: var(--clr-green-main);
	--clr-theme-1: var(--clr-green-1);
	--clr-theme-2: var(--clr-green-2);
	--clr-theme-3: var(--clr-green-3);
	--clr-theme-4: var(--clr-green-4);
	--clr-theme-5: var(--clr-green-5);
	--clr-theme-6: var(--clr-green-6);
	--clr-theme-7: var(--clr-green-7);
	--clr-theme-text: var(--clr-green-text);
	--clr-theme-text-on-white: var(--clr-green-main);
}

body.theme-purple{
	--clr-theme-main: var(--clr-purple-main);
	--clr-theme-1: var(--clr-purple-1);
	--clr-theme-2: var(--clr-purple-2);
	--clr-theme-3: var(--clr-purple-3);
	--clr-theme-4: var(--clr-purple-4);
	--clr-theme-5: var(--clr-purple-5);
	--clr-theme-6: var(--clr-purple-6);
	--clr-theme-7: var(--clr-purple-7);
	--clr-theme-text: var(--clr-purple-text);
	--clr-theme-text-on-white: var(--clr-purple-main);
}

/* Headlines */

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
	line-height: 1.2;
	font-weight: 700;
	font-family: var(--fnt-fam-2);
	display: block;
	position: relative;
	color: var(--clr-grey-5);
	margin-bottom: 20px;
}

h1, .h1{
	font-size: 40px;
}

h2, .h2{
	font-size: 34px;
	color: var(--clr-theme-5);
}

h3, .h3{
	font-size: 28px;
	color: var(--clr-grey-4);
}

h4, .h4,
h5, .h5,
h6, .h6{
	font-size: 22px;
}

.h1-icon::before,
.h2-icon::before{
	display: inline-block;
	position: absolute;
	top: -5px;
	left: -15px;
	z-index: 1;
	content: '';
	width: 36px;
	height: 36px;
	background-image: url(../img/icons/icon_heart_grey.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.h1-icon > span,
.h2-icon > span{
	position: relative;
	z-index: 2;
}

/* Ordered Lists */

ol{
	padding-left: 30px;
}

ol > li{
	margin-bottom: 7.5px;
}

ol > li:last-child{
	margin-bottom: 0;
}

ol > li::marker{
	color: var(--clr-theme-main);
}

ol > li > ol > li::marker{
	color: var(--clr-grey-3);
}

ol > li > ol > li > ol > li::marker{
	color: var(--clr-theme-main);
}

/* Unordered Lists */

ul{
	list-style: none;
	padding-left: 30px;
}

ul > li{
	position: relative;
	color: var(--clr-grey-4);
	margin-bottom: 7.5px;
}

ul > li:last-child{
	margin-bottom: 0;
}

ul > li::before{
	display: inline-block;
	position: absolute;
	top: 6px;
	left: -30px;
	content: '';
	width: 13px;
	height: 13px;
	background: var(--clr-theme-main);
	border-radius: 5px;
}

ul > li > ul > li::before{
	background: var(--clr-grey-3);
}

ul > li > ul > li > ul > li::before{
	background: var(--clr-theme-main);
}

ul.list-check > li::before{
	display: inline-block;
	position: absolute;
	top: 4px;
	left: -28px;
	content: '\f00c';
	width: auto;
	height: auto;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: var(--clr-theme-main);
	border-radius: 0;
	background: none;
	font-size: 18px;
	line-height: 20px;
}

/* Text */

b, strong{
	font-weight: 700;
}

.text-theme{
	color: var(--clr-theme-main) !important;
}

.text-red{
	color: var(--clr-red-main) !important;
}

.text-yellow{
	color: var(--clr-yellow-main) !important;
}

.text-blue{
	color: var(--clr-blue-main) !important;
}

.text-orange{
	color: var(--clr-orange-main) !important;
}

.text-green{
	color: var(--clr-green-main) !important;
}

.text-purple{
	color: var(--clr-purple-main) !important;
}

/* Links */

a{
	color: var(--clr-theme-main);
	text-decoration: none;
	-webkit-transition: color 0.15s ease;
	-o-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

a:hover{
	color: var(--clr-theme-5);
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.link-red{
	color: var(--clr-red-main) !important;
}

.link-red:hover{
	color: var(--clr-red-5) !important;
}

.link-yellow{
	color: var(--clr-yellow-main) !important;
}

.link-yellow:hover{
	color: var(--clr-yellow-5) !important;
}

.link-blue{
	color: var(--clr-blue-main) !important;
}

.link-blue:hover{
	color: var(--clr-blue-5) !important;
}

.link-orange{
	color: var(--clr-orange-main) !important;
}

.link-orange:hover{
	color: var(--clr-orange-5) !important;
}

.link-green{
	color: var(--clr-green-main) !important;
}

.link-green:hover{
	color: var(--clr-green-5) !important;
}

.link-purple{
	color: var(--clr-purple-main) !important;
}

.link-purple:hover{
	color: var(--clr-purple-5) !important;
}

/* Images */

:not(.imagesizer) > img{
	max-width: 100%;
	height: auto;
}

figcaption{
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 10px;
}

/* Tables */

#content table{
	margin: 0 0 20px;
	width: 100%;
	border: 0;
	vertical-align: top;
	-webkit-box-shadow: 10px 10px 32px rgba(190, 207, 215, 1);
	box-shadow: 10px 10px 32px rgba(190, 207, 215, 1);
	border-radius: 15px;
}

#content table th{
	padding: 6px 12px;
	background: var(--clr-theme-main);
	font-weight: 700;
	color: var(--clr-theme-text);
	font-size: 16px;
	line-height: 22px;
}

#content table th:first-child{
	border-radius: 10px 0px 0px 0px;
}

#content table th:last-child{
	border-radius: 0px 10px 0px 0px;
}

#content table td{
	background: var(--clr-white);
	padding: 5px 12px;
	font-size: 16px;
	line-height: 22px;
}

#content table tbody tr:nth-child(even) td{
	background: var(--clr-grey-1);
}

#content table > thead > tr:first-child > th:first-child{
	border-top-left-radius: 15px;
}

#content table > thead > tr:first-child > th:last-child{
	border-top-right-radius: 15px;
}

#content table > tbody > tr:last-child > td:first-child{
	border-bottom-left-radius: 15px;
}

#content table > tbody > tr:last-child > td:last-child{
	border-bottom-right-radius: 15px;
}

/* Form */

.control-group{
	margin-bottom: 15px;
}

.control-label{
	margin-bottom: 5px;
}

.form-check-input:checked{
	background-color: var(--clr-theme-main, var(--clr-red-main));
	border-color: var(--clr-theme-main, var(--clr-red-main));
}

.form-control-feedback{
	padding-left: 10px;
	color: #ff0000;
	font-size: 16px;
}

label{
	font-family: var(--fnt-fam-2);
	color: var(--clr-grey-4);
}

.choices{
	position: relative;
	z-index: 3;
}

.choices__inner{
	background: #ffffff;
	border-radius: 7.5px;
	border: 1px solid #ced4da;
}

.choices__input{
	background: #ffffff;
}

.choices__list--multiple .choices__item{
	background-color: var(--clr-red-4);
	border: 0px;
	border-radius: 8px;
}

.choices__button_joomla{
	background: none;
	font-size: 0px;
	line-height: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0px;
	position: relative;
}

.choices__button_joomla::after{
	font-size: 15px;
	line-height: 20px;
	content: '\f00d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left: 8px;
	color: var(--clr-black);
	opacity: 0.5;
	-webkit-transition: opacity 0.15s ease;
	-o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
}

.choices__button_joomla:hover::after{
	opacity: 1;
}

.form-field{
	margin-bottom: 20px;
}

.form-field label{
	margin-bottom: 10px;
}

.checkbox-wrap{
	display: block;
	position: relative;
	padding-left: 60px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-wrap input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	top: 0;
	left: 0;
}

.checkbox-wrap .checkmark{
	position: absolute;
	top: -5px;
	left: 0;
	height: 36px;
	width: 36px;
	background-color: var(--clr-grey-2);
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
	border-radius: 5px;
}

.checkbox-wrap:hover input ~ .checkmark{
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.checkbox-wrap:hover input ~ .checkmark{
	background-color: var(--clr-red-main);
}

.checkbox-wrap input:checked ~ .checkmark{
	background-color: var(--clr-red-main);
}

.checkbox-wrap.theme-default:hover input ~ .checkmark{
	background-color: var(--clr-grey-3);
}

.checkbox-wrap.theme-default input:checked ~ .checkmark{
	background-color: var(--clr-grey-3);
}

.checkbox-wrap.theme-red:hover input ~ .checkmark{
	background-color: var(--clr-red-main);
}

.checkbox-wrap.theme-red input:checked ~ .checkmark{
	background-color: var(--clr-red-main);
}

.checkbox-wrap.theme-yellow:hover input ~ .checkmark{
	background-color: var(--clr-yellow-main);
}

.checkbox-wrap.theme-yellow input:checked ~ .checkmark{
	background-color: var(--clr-yellow-main);
}

.checkbox-wrap.theme-blue:hover input ~ .checkmark{
	background-color: var(--clr-blue-main);
}

.checkbox-wrap.theme-blue input:checked ~ .checkmark{
	background-color: var(--clr-blue-main);
}

.checkbox-wrap.theme-orange:hover input ~ .checkmark{
	background-color: var(--clr-orange-main);
}

.checkbox-wrap.theme-orange input:checked ~ .checkmark{
	background-color: var(--clr-orange-main);
}

.checkbox-wrap.theme-green:hover input ~ .checkmark{
	background-color: var(--clr-green-main);
}

.checkbox-wrap.theme-green input:checked ~ .checkmark{
	background-color: var(--clr-green-main);
}

.checkbox-wrap.theme-purple:hover input ~ .checkmark{
	background-color: var(--clr-purple-main);
}

.checkbox-wrap.theme-purple input:checked ~ .checkmark{
	background-color: var(--clr-purple-main);
}

.checkbox-wrap .checkmark:after{
	content: '';
	position: absolute;
	display: none;
}

.checkbox-wrap input:checked ~ .checkmark:after{
	display: block;
}

.checkbox-wrap .checkmark:after{
	left: 12px;
	top: 3px;
	width: 13px;
	height: 24px;
	border: solid white;
	border-width: 0 4px 4px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Grid */

.maxwidth{
	max-width: 1400px;
	margin: 0 auto;
}

.com_eventbooking #page{
	max-width: 1400px;
	margin: 0 auto;
}

.row-large-gaps{
	--bs-gutter-x: 60px;
}

/* Buttons */

.btn{
	padding: 6px 20px;
	border-radius: 10px;
	background-color: var(--clr-theme-main);
	border: 1px solid var(--clr-theme-main);
	font-size: 20px;
	line-height: 1.3;
	font-weight: 400;
	font-family: var(--fnt-fam-1);
	color: var(--clr-theme-text);
	-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	-o-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.btn:hover,
.btn:active{
	background-color: var(--clr-theme-5);
	color: var(--clr-theme-text);
	-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.15s ease, -webkit-box-shadow 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.15s ease, -webkit-box-shadow 0.3s ease;
	-o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.15s ease, box-shadow 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.15s ease, box-shadow 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.15s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
	border-color: var(--clr-theme-5);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn{
	opacity: 0.65;
	background-color: var(--clr-theme-5);
	border-color: var(--clr-theme-5);
	color: var(--clr-theme-text);
}

.btn-red{
	background-color: var(--clr-red-main);
	border: 1px solid var(--clr-red-main);
	color: var(--clr-red-text);
}

.btn-red:hover,
.btn-red:active{
	background-color: var(--clr-red-5);
	border-color: var(--clr-red-5);
	color: var(--clr-red-text);
}

.btn-yellow{
	background-color: var(--clr-yellow-main);
	border: 1px solid var(--clr-yellow-main);
	color: var(--clr-yellow-text);
}

.btn-yellow:hover,
.btn-yellow:active{
	background-color: var(--clr-yellow-5);
	border-color: var(--clr-yellow-5);
	color: var(--clr-yellow-text);
}

.btn-blue{
	background-color: var(--clr-blue-main);
	border: 1px solid var(--clr-blue-main);
	color: var(--clr-blue-text);
}

.btn-blue:hover,
.btn-blue:active{
	background-color: var(--clr-blue-5);
	border-color: var(--clr-blue-5);
	color: var(--clr-blue-text);
}

.btn-orange{
	background-color: var(--clr-orange-main);
	border: 1px solid var(--clr-orange-main);
	color: var(--clr-orange-text);
}

.btn-orange:hover,
.btn-orange:active{
	background-color: var(--clr-orange-5);
	border-color: var(--clr-orange-5);
	color: var(--clr-orange-text);
}

.btn-green{
	background-color: var(--clr-green-main);
	border: 1px solid var(--clr-green-main);
	color: var(--clr-green-text);
}

.btn-green:hover,
.btn-green:active{
	background-color: var(--clr-green-5);
	border-color: var(--clr-green-5);
	color: var(--clr-green-text);
}

.btn-purple{
	background-color: var(--clr-purple-main);
	border: 1px solid var(--clr-purple-main);
	color: var(--clr-purple-text);
}

.btn-purple:hover,
.btn-purple:active{
	background-color: var(--clr-purple-5);
	border-color: var(--clr-purple-5);
	color: var(--clr-purple-text);
}

.btn-white{
	background-color: var(--clr-white);
	border: 1px solid var(--clr-white);
	color: var(--clr-theme-text-on-white, var(--clr-grey-4));
}

.btn-white:hover,
.btn-white:active{
	background-color: var(--clr-grey-2);
	border-color: var(--clr-grey-2);
	color: var(--clr-theme-text-on-white, var(--clr-grey-4));
}

.btn-grey{
	background-color: var(--clr-grey-3);
	border-color: var(--clr-grey-3);
	color: var(--clr-white);
}

.btn-grey:hover,
.btn-grey:active{
	background-color: var(--clr-grey-4);
	border-color: var(--clr-grey-4);
	color: var(--clr-white);
}

.btn-lg, .btn-group-lg > .btn{
	padding: 10px 24px;
	border-radius: 10px;
	font-size: 25px;
}

.btn-sm, .btn-group-sm > .btn{
	padding: 2px 16px;
	border-radius: 5px;
	font-size: 16px;
}

.btn-outlined{
	background: rgba(0, 0, 0, 0);
	color: var(--clr-theme-main);
	border: 1px solid var(--clr-theme-main);
}

.btn-outlined.active{
	background-color: var(--clr-theme-5);
	color: var(--clr-theme-text);
}

/* Nav Tabs */

.nav-tabs{
	border: 0;
}

.nav-tabs .nav-item{
	margin-bottom: 0;
}

.nav-tabs .nav-item::before{
	display: none;
}

.nav-tabs .nav-link{
	border: 0;
	color: var(--clr-grey-5);
	border-radius: 15px 15px 0 0;
	padding: 6px 10px;
	margin-bottom: 0;
}

.nav-tabs .nav-link.active{
	background-color: var(--clr-theme-main);
	color: var(--clr-red-text);
}

.tab-pane{
	padding: 20px 23px;
	background: var(--clr-white);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.10);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.10);
}

.same-height.tab-content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.same-height.tab-content > .tab-pane{
	display: block;
	visibility: hidden;
	margin-right: -100%;
	width: 100%;
}

.same-height.tab-content > .active{
	visibility: visible;
}

/* Card */

/* Accordion */

.accordion{
	margin: 0 0 20px;
	--bs-accordion-color: var(--clr-grey-4);
	--bs-accordion-border-width: 0;
	--bs-accordion-border-radius: 10px;
	--bs-accordion-inner-border-radius: 10px;
	--bs-accordion-btn-padding-x: 0;
	--bs-accordion-btn-padding-y: 0;
	--bs-accordion-btn-color: #ffffff;
	--bs-accordion-btn-bg: var(--clr-theme-main);
	--bs-accordion-btn-icon: none;
	--bs-accordion-btn-icon-width: 0;
	--bs-accordion-btn-icon-transform: none;
	--bs-accordion-btn-icon-transition: none;
	--bs-accordion-btn-active-icon: none;
	--bs-accordion-btn-focus-border-color: #ffffff;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	--bs-accordion-body-padding-x: 0;
	--bs-accordion-body-padding-y: 0;
	--bs-accordion-active-color: #ffffff;
	--bs-accordion-active-bg: var(--clr-theme-main);
}

.accordion-item{
	margin-bottom: 20px;
}

.accordion-item:last-child{
	margin-bottom: 0;
}

.accordion-button{
	padding: 10px 60px 10px 35px;
	border-radius: 10px;
	position: relative;
	font-size: 20px;
}

.accordion-button::before,
.accordion-button::after{
	position: absolute;
	content: '';
	background: var(--clr-white);
	width: 4px;
	height: 26px;
	border-radius: 2px;
}

.accordion-button::before{
	top: calc(50% - 13px);
	right: 31px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 2px 12px;
	-ms-transform-origin: 2px 12px;
	transform-origin: 2px 12px;
}

.accordion-button::after{
	top: calc(50% - 14px);
	right: 32px;
}

.accordion-button:not(.collapsed){
	border-radius: 10px 10px 0 0;
}

.accordion-button:not(.collapsed)::after{
	display: none;
}

.accordion-collapse{
	-webkit-box-shadow: 0 3px 10px rgba(151, 151, 151, 0.4);
	box-shadow: 0 3px 10px rgba(151, 151, 151, 0.4);
}

.accordion-body{
	padding: 15px 35px;
}

/* Pagiantion */

.pagination{
	margin: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pagination .page-item{
	margin-right: 23px;
}

.pagination .page-item:last-child{
	margin-right: 0;
}

.pagination .page-item::before{
	display: none;
}

.pagination .page-link{
	background: var(--clr-grey-3);
	color: var(--clr-white);
	padding: 10px;
	font-size: 20px;
	line-height: 28px;
	border: 0;
	min-width: 50px;
	font-family: var(--fnt-fam-2);
	text-align: center;
}

.pagination .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link{
	border-radius: 10px;
}

.page-item.active .page-link{
	background: var(--clr-theme-main);
}

.page-item .page-link:hover{
	background: var(--clr-theme-5);
}

.page-item.disabled .page-link,
.page-item.disabled .page-link:hover{
	background: var(--clr-grey-2);
}

/* Grey Boxes */

.box-grey,
.location-box{
	margin-bottom: 20px;
	padding: 15px;
	background: var(--clr-grey-1);
	border-radius: 10px;
}

.box-grey > p,
.location-box > p{
	margin-bottom: 5px;
}

.box-grey > p:first-child,
.location-box > p:first-child{
	font-size: 20px;
	font-weight: 700;
	color: var(--clr-grey-5);
}

/* Box (Info) */

.box-info,
.infobox{
	margin-bottom: 20px;
	padding: 18px 32px;
	border-left: 20px solid var(--clr-theme-main, var(--clr-red-main));
	border-radius: 15px;
	-webkit-box-shadow: 0 3px 10px rgba(151, 151, 151, 40);
	box-shadow: 0 3px 10px rgba(151, 151, 151, 40);
	background: var(--clr-white);
}

.box-info-awopeople,
.infobox.--awo-people{
	position: relative;
	padding-right: 200px;
	margin-top: 1em;
	margin-bottom: 25px;
}

.box-info-awopeople::before,
.infobox.--awo-people::before{
	position: absolute;
	right: 20px;
	width: 164px;
	height: 217px;
	bottom: -32px;
	content: '';
	background-image: url(../img/awo_people/infobox_frau.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
}

.box-info > *:last-child,
.infobox > *:last-child{
	margin-bottom: 0;
}

/* Backgrounds */

.bg-theme{
	background-color: var(--clr-theme-main) !important;
	color: var(--clr-theme-text);
	--clr-theme-text-on-white: var(--clr-theme-text);
}

.bg-red{
	background-color: var(--clr-red-main) !important;
	color: var(--clr-red-text);
	--clr-theme-text-on-white: var(--clr-red-text);
}

.bg-yellow{
	background-color: var(--clr-yellow-main) !important;
	color: var(--clr-yellow-text);
	--clr-theme-text-on-white: var(--clr-yellow-text);
}

.bg-blue{
	background-color: var(--clr-blue-main) !important;
	color: var(--clr-blue-text);
	--clr-theme-text-on-white: var(--clr-blue-text);
}

.bg-orange{
	background-color: var(--clr-orange-main) !important;
	color: var(--clr-orange-text);
	--clr-theme-text-on-white: var(--clr-orange-text);
}

.bg-green{
	background-color: var(--clr-green-main) !important;
	color: var(--clr-green-text);
	--clr-theme-text-on-white: var(--clr-green-text);
}

.bg-purple{
	background-color: var(--clr-purple-main) !important;
	color: var(--clr-purple-text);
	--clr-theme-text-on-white: var(--clr-purple-text);
}

.bg-white{
	background-color: var(--clr-white) !important;
	color: var(--clr-grey-4);
	--clr-theme-text-on-white: var(--clr-grey-4);
}

.bg-grey-1{
	background-color: var(--clr-grey-1) !important;
	color: var(--clr-grey-4);
	--clr-theme-text-on-white: var(--clr-grey-4);
}

/* Spacing */

.spacing-top-0{
	padding-top: 0 !important;
}

.spacing-top-1{
	padding-top: 20px !important;
}

.spacing-top-2{
	padding-top: 30px !important;
}

.spacing-top-3{
	padding-top: 40px !important;
}

.spacing-top-4{
	padding-top: 50px !important;
}

.spacing-top-5{
	padding-top: 60px !important;
}

.spacing-top-6{
	padding-top: 80px !important;
}

.spacing-top-7{
	padding-top: 100px !important;
}

.spacing-top-8{
	padding-top: 120px !important;
}

.spacing-top-9{
	padding-top: 150px !important;
}

.spacing-bot-0{
	padding-bottom: 0 !important;
}

.spacing-bot-1{
	padding-bottom: 20px !important;
}

.spacing-bot-2{
	padding-bottom: 30px !important;
}

.spacing-bot-3{
	padding-bottom: 40px !important;
}

.spacing-bot-4{
	padding-bottom: 50px !important;
}

.spacing-bot-5{
	padding-bottom: 60px !important;
}

.spacing-bot-6{
	padding-bottom: 80px !important;
}

.spacing-bot-7{
	padding-bottom: 100px !important;
}

.spacing-bot-8{
	padding-bottom: 120px !important;
}

.spacing-bot-9{
	padding-bottom: 150px !important;
}

/* ≡≡≡ Template ≡≡≡ */

/* === Topbar === */

#topbar{
	padding: 10px 0;
	background: var(--clr-red-main);
	color: var(--clr-white);
}

#topbar > .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#topbar .leftside-wrap{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20%;
}

#topbar .ticker-wrap{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60%;
	text-align: center;
}

#topbar .rightside-wrap{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20%;
	text-align: right;
}

#topbar .btn-contact:hover{
	background-color: var(--clr-grey-2);
	border-color: var(--clr-grey-2);
	color: var(--clr-red-4, var(--clr-grey-4));
}

/* === Navbar === */

#navbar{
	position: relative;
	z-index: 1045;
	padding: 0;
	background: var(--clr-white);
}

#navbar > .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}

/* --- Logo --- */

#navbar .logo-wrap{
	margin-right: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 0;
}

#logo{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-decoration: none;
}

#logo svg{
	width: 91px;
	height: auto;
}

#logo .text{
	position: relative;
	margin-left: 17px;
	padding-left: 20px;
	font-size: 20px;
	line-height: 20px;
	color: var(--clr-black);
	max-width: 230px;
}

#logo .text::before{
	display: inline-block;
	position: absolute;
	top: calc(50% - 36px);
	left: 0;
	content: '';
	width: 2px;
	height: 72px;
	background: var(--clr-black);
}

/* --- Mainmenu --- */

#navbar .mainmenu-wrap{
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-right: -15px;
}

/* Themes */
#mainmenu li.theme-red{
	--navlink-color: var(--clr-red-main);
	--navlink-background-hover: #fce3e6;
	--navlink-icon-parent: url(../img/icons/mainmenu_parent_red.svg);
	--navlink-color-hover: var(--clr-red-5);
}

#mainmenu li.theme-yellow{
	--navlink-color: var(--clr-yellow-main);
	--navlink-background-hover: #fffae6;
	--navlink-icon-parent: url(../img/icons/mainmenu_parent_yellow.svg);
	--navlink-color-hover: var(--clr-yellow-5);
}

#mainmenu li.theme-blue{
	--navlink-color: var(--clr-blue-main);
	--navlink-background-hover: #e3f4fc;
	--navlink-icon-parent: url(../img/icons/mainmenu_parent_blue.svg);
	--navlink-color-hover: var(--clr-blue-5);
}

#mainmenu li.theme-orange{
	--navlink-color: var(--clr-orange-main);
	--navlink-background-hover: #fdf0e3;
	--navlink-icon-parent: url(../img/icons/mainmenu_parent_orange.svg);
	--navlink-color-hover: var(--clr-orange-5);
}

#mainmenu li.theme-green{
	--navlink-color: var(--clr-green-main);
	--navlink-background-hover: #f0f7e8;
	--navlink-icon-parent: url(../img/icons/mainmenu_parent_green.svg);
	--navlink-color-hover: var(--clr-green-5);
}

#mainmenu li.theme-purple{
	--navlink-color: var(--clr-purple-main);
	--navlink-background-hover: #f0f7e8;
	--navlink-icon-parent: url(../img/icons/mainmenu_parent_purple.svg);
	--navlink-color-hover: var(--clr-purple-5);
}

@media (min-width: 992px){
	
	/* Level 1 */
	#mainmenu .lv-1{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#mainmenu .lv-1 > li{
		padding: 10px 20px 47px 20px;
		position: static;
		margin-bottom: 0;
	}
	
	#mainmenu .lv-1 > li::before{
		display: none;
	}
	
	#mainmenu .lv-1 > li > .nav-link{
		position: relative;
		padding: 0;
		font-size: 18px;
		line-height: 26px;
		font-weight: 400;
		color: var(--clr-grey-4);
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#mainmenu .lv-1 > li:first-child > .nav-link{
		text-transform: none;
	}
	
	#mainmenu .lv-1 > li > .nav-link::after{
		display: none;
		position: absolute;
		right: -4px;
		bottom: -8px;
		left: -4px;
		content: '';
		width: auto;
		height: 2px;
		background: var(--navlink-color);
	}
	
	#mainmenu .lv-1 > li:hover > .nav-link::after,
	#mainmenu .lv-1 > li.active > .nav-link::after,
	#mainmenu .lv-1 > li.current > .nav-link::after{
		display: block;
	}
	
	/* Level 2 */
	#mainmenu .lv-1 > li.parent:hover > .megamenu{
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		-o-transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		border-top: 1px solid #efefef;
	}
	
	#mainmenu .lv-1 > li > .megamenu{
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		z-index: 1045;
		padding: 31px 49px;
		background: var(--clr-white);
		-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
		-webkit-transition: opacity 0.15s ease 0s, visibility 0.01s linear 0.16s;
		-o-transition: opacity 0.15s ease 0s, visibility 0.01s linear 0.16s;
		transition: opacity 0.15s ease 0s, visibility 0.01s linear 0.16s;
		min-height: 320px;
	}
	
	#mainmenu .lv-2{
		display: inline-block;
		width: 100%;
		max-width: 308px;
		margin: 0;
		padding: 0;
	}
	
	#mainmenu .lv-2::after{
		display: block;
		position: absolute;
		top: 31px;
		bottom: 31px;
		left: 332px;
		content: '';
		width: 1px;
		background: var(--clr-grey-4);
	}
	
	#mainmenu .lv-2 > li{
		display: block;
		width: 100%;
		max-width: 308px;
		padding-right: 47px;
		list-style: none;
		position: static;
		margin-bottom: 0;
	}
	
	#mainmenu .lv-2 > li::before{
		display: none;
	}
	
	#mainmenu .lv-2 > li > .nav-link{
		display: block;
		max-width: 308px;
		padding: 8px;
		background: var(--clr-white);
		border-radius: 5px;
		font-size: 18px;
		line-height: calc(18px + 3px);
		font-weight: 400;
		color: var(--clr-grey-4);
		text-decoration: none;
		-webkit-transition: background 0.15s ease;
		-o-transition: background 0.15s ease;
		transition: background 0.15s ease;
	}
	
	#mainmenu .lv-2 > li:hover > .nav-link,
	#mainmenu .lv-2 > li.active > .nav-link,
	#mainmenu .lv-2 > li.current > .nav-link{
		background: var(--navlink-background-hover);
		-webkit-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	
	#mainmenu .lv-2 > li.parent > .nav-link{
		position: relative;
		padding-right: 30px;
	}
	
	#mainmenu .lv-2 > li.parent > .nav-link::after{
		display: inline-block;
		position: absolute;
		top: calc(50% - 9px);
		right: 10px;
		content: '';
		width: 10px;
		height: 18px;
		background-image: var(--navlink-icon-parent);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	/* Megamenu-Starter */
	#mainmenu .lv-2 > li.megamenu-starter > .sub-megamenu{
		opacity: 1;
		-webkit-transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		-o-transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 5px 30px;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	
	#mainmenu .lv-1 > li:hover li.megamenu-starter > .sub-megamenu{
		visibility: visible; /* Hover-Zone Fix */
	}
	
	#mainmenu .lv-2 > li.parent:hover ~ li.megamenu-starter > .sub-megamenu{
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0s ease 0s, visibility 0s linear 0s;
		-o-transition: opacity 0s ease 0s, visibility 0s linear 0s;
		transition: opacity 0s ease 0s, visibility 0s linear 0s;
	}
	
	#mainmenu .megamenu-starter .leftside{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		max-width: 50%;
	}
	
	#mainmenu .megamenu-starter .rightside{
		text-align: right;
		margin-left: 40px;
	}
	
	#mainmenu .megamenu-starter .title{
		margin: 0px;
		font-size: 30px;
		color: var(--clr-grey-5);
	}
	
	#mainmenu .megamenu-starter .subtitle{
		margin: 0px;
		font-size: 16px;
		line-height: 18px;
		color: var(--clr-grey-3);
	}
	
	#mainmenu .megamenu-starter .text{
		margin: 22px 0 0;
		font-size: 20px;
		color: var(--clr-grey-4);
	}
	
	#mainmenu .megamenu-starter .rightside img{
		max-width: 420px;
	}
	
	/* Level 3 */
	#mainmenu .lv-2 > li.parent:hover > .sub-megamenu{
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		-o-transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
		transition: opacity 0.3s ease 0.01s, visibility 0.01s linear 0s;
	}
	
	#mainmenu .sub-megamenu{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		visibility: hidden;
		opacity: 0;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: absolute;
		top: 31px;
		right: 49px;
		bottom: 31px;
		
		left: 357px;
		z-index: 1045;
		-webkit-transition: opacity 0.15s ease 0s, visibility 0.01s linear 0.16s;
		-o-transition: opacity 0.15s ease 0s, visibility 0.01s linear 0.16s;
		transition: opacity 0.15s ease 0s, visibility 0.01s linear 0.16s;
	}
	
	#mainmenu .sub-megamenu > .leftside,
	#mainmenu .sub-megamenu > .rightside{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	
	#mainmenu .sub-megamenu > .rightside{
		text-align: center;
	}
	
	#mainmenu .lv-3{
		width: 308px;
		padding: 0;
	}
	
	#mainmenu .lv-3 > li{
		list-style: none;
		position: static;
		margin-bottom: 0;
	}
	
	#mainmenu .lv-3 > li::before{
		display: none;
	}
	
	#mainmenu .lv-3 > li > .nav-link{
		display: block;
		max-width: 308px;
		padding: 8px;
		background: var(--clr-white);
		border-radius: 5px;
		font-size: 18px;
		line-height: calc(18px + 3px);
		font-weight: 400;
		color: var(--clr-grey-4);
		text-decoration: none;
		-webkit-transition: background 0.15s ease;
		-o-transition: background 0.15s ease;
		transition: background 0.15s ease;
	}
	
	#mainmenu .lv-3 > li:hover > .nav-link,
	#mainmenu .lv-3 > li.active > .nav-link,
	#mainmenu .lv-3 > li.current > .nav-link{
		background: var(--navlink-background-hover);
		-webkit-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	
	#mainmenu .item-featured{
		display: inline-block;
		position: relative;
		background: var(--navlink-color);
		border-radius: 15px;
		overflow: hidden;
		-webkit-transition: background 0.15s ease;
		-o-transition: background 0.15s ease;
		transition: background 0.15s ease;
		max-width: 400px;
	}
	
	#mainmenu .item-featured:hover{
		-webkit-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
		background: var(--navlink-color-hover);
	}
	
	#mainmenu .item-featured .image-wrap{
		position: relative;
		width: 400px;
		height: 200px;
	}
	
	#mainmenu .item-featured .image-wrap::after{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		content: '';
		background: -o-linear-gradient(top, rgba(141, 141, 141, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 141, 141, 0)), to(rgba(0, 0, 0, 0.44)));
		background: linear-gradient(to bottom, rgba(141, 141, 141, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008d8d8d', endColorstr='#70000000', GradientType=0);
	}
	
	#mainmenu .item-featured .image-wrap img{
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}
	
	#mainmenu .item-featured .title-wrap{
		position: relative;
		padding: 12px 36px 12px 18px;
		text-align: left;
	}
	
	#mainmenu .item-featured .title-wrap::after{
		position: absolute;
		top: calc(50% - 12px);
		right: 12px;
		bottom: 25px;
		z-index: 2;
		content: '';
		display: block;
		background-image: url(../img/icons/mainmenu_featured.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 24px;
	}
	
	#mainmenu .item-featured .title{
		display: block;
		z-index: 2;
		width: auto;
		font-size: 18px;
		line-height: 20px;
		color: var(--clr-white);
	}
	
	#mainmenu .lottie svg{
		max-height: 250px;
	}
	
}

/* === Header === */

#headbar{
	border-bottom: 5px solid var(--clr-theme-main, var(--clr-red-main));
	position: relative;
	overflow: hidden;
}

#headbar img{
	width: 100%;
	height: 395px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

#headbar .overlay{
	position: relative;
}

#headbar .overlay::before{
	position: absolute;
	z-index: 2;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.61) 20%, rgba(128, 128, 128, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(20%, rgba(255, 255, 255, 0.61)), to(rgba(128, 128, 128, 0)));
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.61) 20%, rgba(128, 128, 128, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00808080', GradientType=1);
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: '';
	display: inline-block;
}

#headbar .overlay img{
	position: relative;
	z-index: 1;
}

/* === Page === */

body.home #page{
	display: none;
}

/* --- Blog --- */

.blog-default{
	padding: 40px 0 0 0;
}

.blog-default .item{
	background: var(--clr-white);
}

.blog-default .item:nth-child(odd){
	background: var(--clr-grey-1);
}

.blog-default .item .intro-wrap *:last-child{
	margin-bottom: 0;
}

.blog-default .item .image{
	max-width: 496px;
	max-height: 420px;
	margin: 0 auto;
}

.blog-default .item .image img{
	border-radius: 15px;
	max-width: 496px;
	max-height: 420px;
}

.blog-default .item .readmore-wrap{
	margin-top: 22px;
}

.blog-list{
	padding: 20px 0 110px 0;
}

.blog-list .item{
	padding: 10px 0;
}

.blog-list .item a{
	font-size: 24px;
}

.blog img{
	border-radius: 15px;
}

.blog .state-0{
	opacity: 0.33;
}

/* --- Content --- */

#page{
	font-size: 18px;
}

.fulltext > .container-fluid{
	padding-left: 0;
	padding-right: 0;
}

video{
	max-width: 100%;
}

#page video{
	width: 100%;
	height: auto;
	border-radius: 20px;
}

/* Text */

#content .fulltext .row{
	margin-bottom: 20px;
}

/* Images */

#content :not(.imagesizer) > img:not(.cta__image){
	width: auto;
	border-radius: 15px;
	max-width: 100%;
}

.imagesizer > img{
	margin: 15px;
}

#content .gallery .col-12{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* Content Footer */

#content-footer{
	border-top: 1px solid var(--clr-grey-2);
	padding-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/* Social Share */

.social-share .social-icons{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0px;
	padding: 0px;
}

.social-share .social-icons li{
	margin: 0px 10px 10px 0px;
}

.social-share .social-icons li::before{
	display: none;
}

.social-share .social-icons li:first-child{
	margin-left: 0px;
}

.social-share .social-icons li:last-child{
	margin-right: auto;
}

.social-share .social-icons a{
	color: #ffffff;
	background: var(--clr-grey-3);
	font-size: 20px;
	line-height: 20px;
	padding: 2px;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

.social-share .social-icons a:hover{
	background: var(--clr-theme-5);
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

/* Print */

.footer-print{
	margin-left: 40px;
	margin-right: auto;
}

.footer-print .btn{
	color: #ffffff !important;
	background: var(--clr-grey-3);
	font-size: 20px;
	line-height: 20px;
	padding: 2px;
	border-radius: 5px;
	border: 0px;
	width: 30px;
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

.footer-print .btn:hover{
	background: var(--clr-theme-5) ;
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

/* Forms */

.footer-form{
	margin-left: auto;
}

.footer-form .btn{
	font-size: 17px;
	line-height: 20px;
	padding: 5px 12.5px;
}

/* --- Login & Profile --- */

#login,
#profile{
	padding: 40px 0 50px 0;
}

#login > .maxwidth{
	max-width: 768px;
}

#login .com-users-login__submit,
#login .com-users-reset__submit,
#login .com-users-reset-confirm__submit,
#login .com-users-remind__submit{
	margin-top: 20px;
}

#login .com-users-login__options{
	border-top: 1px solid var(--clr-grey-2);
	padding-top: 20px;
	margin-top: 40px;
}

#login .com-users-login__options a{
	font-size: 16px;
}

/* === Suche === */

#search-page{
	padding: 65px 0 50px 0;
}

#search-query-explained{
	margin-bottom: 50px;
}

#search-result-list .result__item + .result__item{
	border-top: 1px solid var(--clr-grey-2);
}

#search-result-list .result__title-link,
#search-query-explained a{
	color: var(--clr-red-main);
	text-decoration: none;
}

#search-result-list .result__title-link:hover .result__title-text,
#search-query-explained a:hover .result__title-text{
	text-decoration: none;
	color: var(--clr-red-5);
}

#search-page .search-pagination{
	padding-top: 40px;
}

#search-page .search-pages-counter{
	text-align: center;
	padding-top: 15px;
}

#search-page .input-group > .awesomplete{
	width: calc(100% - 110px);
	max-width: 520px;
	
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

#search-page .input-group > .awesomplete input{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#search-page .input-group > .awesomplete ul{
	position: absolute;
	left: 0px;
	top: 100%;
}

#search-page .input-group > .awesomplete ul > li::before{
	display: none;
}

/* === Footer === */

#footerbar{
	padding: 34px 0 40px 0;
	background: var(--clr-red-main);
	color: var(--clr-white);
}

#footerbar .inner > .row > div{
	padding-top: 45px;
}

#footerbar .inner > .row > div:nth-child(-n+4){
	padding-top: 0;
}

#footerbar .module-headline{
	margin-bottom: 10px;
}

#footerbar .module-headline .headline{
	font-size: 20px;
	line-height: 28px;
	color: var(--clr-white) !Important;
}

#footerbar .module-content p{
	font-size: 18px;
	line-height: 28px;
}

#footerbar .module-content a{
	color: var(--clr-white);
	text-decoration: none;
	-webkit-transition: color 0.15s ease;
	-o-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

#footerbar .module-content a:hover{
	color: var(--clr-black);
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

/* === legalsbar === */

#legalsbar{
	padding: 15px 0;
	background: var(--clr-grey-5);
	color: #ffffff;
}

#legalsbar > .inner{
	text-align: center;
}

/* --- Legals --- */
#legalsbar .legals-wrap{
	padding-top: 20px;
}

#legalsbar .legals-wrap p{
	margin-bottom: 0;
	font-size: 16px;
	line-height: 24px;
	color: var(--clr-grey-2);
}

/* --- Legals Menu --- */

#legalsmenu ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	margin: 0 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

#legalsmenu ul > li{
	margin: 5px 15px;
}

#legalsmenu ul > li::before{
	display: none;
}

#legalsmenu ul > li > a{
	font-size: 18px;
	line-height: 26px;
	color: var(--clr-white);
	text-decoration: none;
	-webkit-transition: color 0.15s ease;
	-o-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

#legalsmenu ul > li > a:hover{
	color: var(--clr-grey-3);
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

/* === Modules === */

/* --- Content-Right + Blog-Right --- */

.content-right .module,
.blog-right .module{
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 15px;
	background-color: var(--clr-grey-1);
	font-size: 18px;
}

.content-right .module p:last-child,
.content-right .module p:last-child{
	margin-bottom: 0px;
}

.content-right .module .btn,
.blog-right .module .btn{
	font-size: 18px;
}

.content-right .module img,
.blog-right .module img{
	border-radius: 0 !important;
}

.content-right .module .module-headline,
.blog-right .module .module-headline{
	font-size: 24px;
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 20px;
}

/* --- Menu Right --- */

.mod-menu-right ul{
	padding-left: 0px;
}

.mod-menu-right li::before{
	display: none;
}

.mod-menu-right li > a:hover{
	color: var(--clr-theme-main);
}

.mod-menu-right .nav-link{
	line-height: 1.2;
}

.mod-menu-right li.active > a{
	font-weight: 700;
}

.mod-menu-right li.parent{
	position: relative;
	padding-right: 20px;
}

.mod-menu-right li.parent::after{
	position: absolute;
	right: 0px;
	top: 0px;
	content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-webkit-transition: color 0.15s ease;
	-o-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

.mod-menu-right li.opened::after{
	content: '\f077';
}

.mod-menu-right li.parent:hover::after{
	color: var(--clr-theme-main);
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.mod-menu-right .lv-2{
	display: none;
	padding: 7.5px 0 7.5px 20px;
}

.mod-menu-right .lv-2 > li{
	position: relative;
}

.mod-menu-right .lv-2 > li::before{
	position: absolute;
	left: -18px;
	top: 3px;
	width: 8px;
	height: 10px;
	border-left: 2px solid var(--clr-grey-2);
	border-bottom: 2px solid var(--clr-grey-2);
	content: '';
	display: inline-block;
	background: none;
	border-radius: 0px;
}

.mod-menu-right .lv-2 > li > .nav-link{
	font-size: 16px;
	line-height: 1.2;
}

/* --- Breadcrumbs --- */

.mod-breadcrumbs{
	padding: 48px 0 25px 0;
}

.mod-breadcrumbs ol{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mod-breadcrumbs ol > li{
	position: relative;
	margin: 0 0 0 9px;
	padding: 0 0 0 10px;
	list-style: none;
}

.mod-breadcrumbs ol > li::before{
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	content: '';
	width: 1px;
	height: 16px;
	background: var(--clr-grey-3);
}

.mod-breadcrumbs ol > li:first-child{
	margin-left: auto;
	padding-left: 0;
}

.mod-breadcrumbs ol > li:first-child::before{
	display: none;
}

.mod-breadcrumbs ol > li > a{
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	color: var(--clr-theme-main, var(--clr-red-main));
	text-decoration: none;
	-webkit-transition: color 0.15s ease;
	-o-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

.mod-breadcrumbs ol > li > a:hover{
	color: var(--clr-theme-5, var(--clr-red-5));
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.mod-breadcrumbs ol > li > span{
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	color: var(--clr-grey-3);
}

/* --- Contactbox --- */

.awo-contactbox .title{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}

.awo-contactbox .sub-title{
	font-size: 18px;
	line-height: 24px;
	color: var(--clr-grey-3);
}

/* --- Header --- */

.awo-header{
	display: block;
	width: 100%;
	height: 395px;
	position: relative;
}

/* General */

.awo-header .background{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.awo-header .textblock-white{
	background: rgba(255, 255, 255, 0.75);
}

.awo-header .textblock-white,
.awo-header .textblock-white .sub-title,
.awo-header .textblock-white .description-wrap *{
	color: var(--clr-grey-4);
}

.awo-header .textblock-white .title{
	color: var(--clr-grey-5);
}

.awo-header .textblock-grey{
	background: rgba(0, 0, 0, 0.5);
}

.awo-header .textblock-grey,
.awo-header .textblock-grey .sub-title,
.awo-header .textblock-grey .description-wrap *{
	color: var(--clr-white);
}

.awo-header .textblock-grey .title{
	color: var(--clr-white);
}

.awo-header .textblock-grey .title-wrap > .title::before{
	background: url(../img/icons/icon_heart_red.svg)
}

/* Text */

.awo-header .aligner{
	position: relative;
	z-index: 2;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0;
	max-width: 1400px;
	margin: 0 auto;
	min-height: 390px;
}

.awo-header .textblock{
	max-width: 500px;
	padding: 25px 30px 15px 30px;
	border-radius: 15px;
}

.awo-header .textblock .title-wrap > .title{
	font-weight: 700;
	display: block;
	margin-bottom: 24px;
}

.awo-header .textblock .title-wrap .sub-title{
	font-weight: 700;
	display: block;
	font-size: 18px;
	line-height: 22px;
}

/* Slideshow */

.awo-header-slideshow .slideshow{
	margin: 0px !important;
}

.awo-header-slideshow div{
	height: 100%;
}

.awo-header-slideshow .aligner div{
	height: auto;
}

.awo-header-slideshow .slick-dots{
	bottom: 10px;
	line-height: 0;
	left: calc(50% - 700px);
	width: auto;
	display: inline-block;
}

.awo-header-slideshow .slick-dots li{
	width: auto;
	height: auto;
	margin-left: 0;
	margin-right: 10px;
}

.awo-header-slideshow .slick-dots li::before{
	display: none;
}

.awo-header-slideshow .slick-dots button{
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background: var(--clr-theme-main);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	font-size: 0;
	line-height: 0;
	background: var(--clr-grey-4);
}

.awo-header-slideshow .slick-dots button{
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background: var(--clr-theme-main);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33);
	font-size: 0;
	line-height: 0;
	background: var(--clr-grey-3);
}

.awo-header-slideshow .slick-dots .slick-active button{
	background: var(--clr-grey-4);
}

.awo-header-slideshow .slick-dots button::before{
	display: none;
}

/* Video */
.awo-header-video .background video{
	position: absolute;
	left: 50%; /* % of surrounding element */
	top: 50%;
	-webkit-transform: translate(-50.05%, -50.05%);
	-ms-transform: translate(-50.05%, -50.05%);
	transform: translate(-50.05%, -50.05%); /* % of current element */
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 1;
}

/* --- Content Slideshow --- */

.mod-awo-slideshow{
	overflow: hidden
}

.mod-awo-slideshow .slick-arrow{
	z-index: 3;
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	opacity: 0;
}

.mod-awo-slideshow:hover .slick-arrow{
	opacity: 1;
}

.mod-awo-slideshow .slick-arrow::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	color: var(--clr-theme-4);
	font-size: 30px;
	line-height: 30px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.mod-awo-slideshow .slick-prev{
	left: -30px;
	-webkit-transition: left 0.15s ease 0.035s, opacity 0.15s ease 0s;
	-o-transition: left 0.15s ease 0.035s, opacity 0.15s ease 0s;
	transition: left 0.15s ease 0.035s, opacity 0.15s ease 0s;
}

.mod-awo-slideshow:hover .slick-prev{
	left: 10px;
	-webkit-transition: left 0.3s ease 0s, opacity 0.3s ease 0.05s;
	-o-transition: left 0.3s ease 0s, opacity 0.3s ease 0.05s;
	transition: left 0.3s ease 0s, opacity 0.3s ease 0.05s;
}

.mod-awo-slideshow .slick-prev::before{
	content: '\f053';
}

.mod-awo-slideshow .slick-next{
	right: -30px;
	-webkit-transition: right 0.15s ease 0.035s, opacity 0.15s ease 0s;
	-o-transition: right 0.15s ease 0.035s, opacity 0.15s ease 0s;
	transition: right 0.15s ease 0.035s, opacity 0.15s ease 0s;
}

.mod-awo-slideshow:hover .slick-next{
	right: 10px;
	-webkit-transition: right 0.3s ease 0s, opacity 0.3s ease 0.05s;
	-o-transition: right 0.3s ease 0s, opacity 0.3s ease 0.05s;
	transition: right 0.3s ease 0s, opacity 0.3s ease 0.05s;
}

.mod-awo-slideshow .slick-next::before{
	content: '\f054';
}

.mod-awo-slideshow .slide__inner{
	position: relative;
}

.mod-awo-slideshow .slide__image{
	position: relative;
	z-index: 1;
}

.mod-awo-slideshow .slide__caption{
	position: absolute;
	left: 0px;
	bottom: 25px;
	padding: 12px 18px 12px 26px;
	background: rgba(255, 255, 255, 0.65);
	z-index: 2;
	max-width: 75%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mod-awo-slideshow .slide__headline{
	margin-bottom: 5px;
	font-size: 20px;
	color: var(--clr-theme-main);
}

.mod-awo-slideshow .slide__text{
	font-size: 18px;
	margin-bottom: 0px;
	color: var(--clr-grey-5);
}

/* Slideshow */

.mod-awo-slideshow .slideshow-content .slick-prev::before,
.mod-awo-slideshow .slideshow-content .slick-next::before{
	opacity: 1;
}

.mod-awo-slideshow .slideshow-content img{
	border-radius: 0px !important;
}

.mod-awo-slideshow .slideshow-content .slick-dots{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 16px;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

.mod-awo-slideshow .slideshow-content .slick-dots li{
	margin: 0px 0px 0px 10px;
}

.mod-awo-slideshow .slideshow-content .slick-dots li:first-child{
	margin-left: auto;
}

.mod-awo-slideshow .slideshow-content .slick-dots li:last-child{
	margin-right: 0px;
}

.mod-awo-slideshow .slideshow-content .slick-dots li::before,
.mod-awo-slideshow .slideshow-content .slick-dots li button::before{
	display: none;
}

.mod-awo-slideshow .slideshow-content .slick-dots li button{
	font-size: 0px;
	line-height: 0px;
	color: rgba(0, 0, 0, 0);
	background: var(--clr-grey-2);
	border-radius: 4px;
	transition: all 0.15s ease 0s;
}

.mod-awo-slideshow .slideshow-content .slick-dots li.slick-active button{
	background: var(--clr-theme-4);
	transition: all 0.15s ease 0s;
}

/* --- Menschenreihe --- */

.menschenreihe{
	position: relative;
}

.menschenreihe{
	position: relative;
	z-index: 1;
}

.menschenreihe .colored{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	z-index: 2;
}

/* --- Topbar Left --- */

#topbar .leftside-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#topbar .leftside-wrap > div{
	margin-right: 40px;
}

#topbar .leftside-wrap > div:first-child{
	margin-left: 0;
}

#topbar .leftside-wrap > div:last-child{
	margin-right: auto;
}

#topbar .leftside-wrap a{
	color: var(--clr-white);
	text-decoration: none;
	-webkit-transition: color 0.15s ease;
	-o-transition: color 0.15s ease;
	transition: color 0.15s ease;
}

#topbar .leftside-wrap a:hover{
	color: var(--clr-grey-2);
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

/* --- Topbar Right --- */

#topbar .btn{
	background: var(--clr-white);
	color: var(--clr-red-main);
	padding: 5px 20px;
	font-size: 18px;
	line-height: 20px;
	border: 0;
}

/* --- Home Mission --- */

.mod-si-home-mission .awo-people-red{
	padding-top: 90px;
}

.mod-si-home-mission .awo-people-red img{
	width: 100%;
}

.mission-tabs .tab-content{
	font-size: 18px;
}

/* --- Teasers --- */

.mod-awo-teasers .row > div{
	padding-bottom: var(--bs-gutter-x, 30px);
}

.teaser-classic{
	width: 100%;
	display: block;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 15px;
	overflow: hidden;
}

.teaser-classic .image{
	position: relative;
}

.teaser-classic .image::after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	background: -o-linear-gradient(top, rgba(141, 141, 141, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 141, 141, 0)), to(rgba(0, 0, 0, 0.44)));
	background: linear-gradient(to bottom, rgba(141, 141, 141, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008d8d8d', endColorstr='#70000000', GradientType=0);
}

.teaser-classic .image img{
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	height: 400px;
	border-radius: 0px !important;
}

.teaser-classic .title{
	background-color: var(--clr-theme-main, var(--clr-red-main));
	color: var(--clr-white);
	padding: 30px 50px 30px 40px;
	position: relative;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

.teaser-classic:hover .title{
	background-color: var(--clr-theme-5, var(--clr-red-5));
}

.teaser-classic.theme-red .title{
	background-color: var(--clr-red-main);
}

.teaser-classic.theme-yellow .title{
	background-color: var(--clr-yellow-main, var(--clr-red-main));
}

.teaser-classic.theme-blue .title{
	background-color: var(--clr-blue-main, var(--clr-red-main));
}

.teaser-classic.theme-orange .title{
	background-color: var(--clr-orange-main, var(--clr-red-main));
}

.teaser-classic.theme-green .title{
	background-color: var(--clr-green-main, var(--clr-red-main));
}

.teaser-classic.theme-purple .title{
	background-color: var(--clr-purple-main, var(--clr-red-main));
}

.teaser-classic .title::after{
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: calc(50% - 12px);
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-left: 20px solid var(--clr-white);
	border-bottom: 12px solid transparent;
}

.teaser-classic .title span{
	font-size: 26px;
	line-height: 28px;
	text-decoration: none;
}

.teaser-classic .content > a{
	display: block;
	text-decoration: none;
}

.mod-awo-teasers .row > div{
	padding-bottom: var(--bs-gutter-x, 30px);
}

.teaser-full{
	width: 100%;
	display: block;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 15px;
	overflow: hidden;
}

.teaser-full .image img{
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	height: 230px;
}

.teaser-full .content{
	background-color: var(--clr-theme-main, var(--clr-red-main));
	color: var(--clr-white);
	padding: 15px 45px 20px 45px;
}

.teaser-full.theme-red .content{
	background-color: var(--clr-red-main);
}

.teaser-full.theme-yellow .content{
	background-color: var(--clr-yellow-main, var(--clr-red-main));
}

.teaser-full.theme-blue .content{
	background-color: var(--clr-blue-main, var(--clr-red-main));
}

.teaser-full.theme-orange .content{
	background-color: var(--clr-orange-main, var(--clr-red-main));
}

.teaser-full.theme-green .content{
	background-color: var(--clr-green-main, var(--clr-red-main));
}

.teaser-full.theme-purple .content{
	background-color: var(--clr-purple-main, var(--clr-red-main));
}

.teaser-full .title{
	margin-bottom: 25px;
}

.teaser-full .title span{
	font-size: 26px;
	line-height: 28px;
	text-decoration: none;
	font-weight: 700;
}

.teaser-full .intro{
	margin-bottom: auto;
}

.teaser-full .readmore{
	padding-top: 25px;
}

.teaser-full .readmore a{
	text-decoration: none;
	position: relative;
	display: inline-block;
	color: var(--clr-white);
	padding-bottom: 1px;
}

.teaser-full .readmore a::after{
	content: '';
	background: var(--clr-white);
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* --- CTA --- */

.cta__box{
	border-radius: 15px;
	background: var(--clr-theme-main, var(--clr-red-main));
	color: var(--clr-white);
	--clr-theme-text-on-white: var(--clr-theme-main, var(--clr-red-main));
}

.cta-single,
.cta-double{
	padding-top: 140px;
}

.cta-small{
	padding-top: 100px;
}

.cta-lotsoftext{
	padding-top: 50px;
}

.cta.theme-red .cta__box{
	--clr-theme-text-on-white: var(--clr-red-main);
	background: var(--clr-red-main);
}

.cta.theme-yellow .cta__box{
	--clr-theme-text-on-white: var(--clr-yellow-main);
	background: var(--clr-yellow-main, var(--clr-red-main));
}

.cta.theme-orange .cta__box{
	--clr-theme-text-on-white: var(--clr-orange-main);
	background: var(--clr-orange-main, var(--clr-red-main));
}

.cta.theme-blue .cta__box{
	--clr-theme-text-on-white: var(--clr-blue-main);
	background: var(--clr-blue-main, var(--clr-red-main));
}

.cta.theme-green .cta__box{
	--clr-theme-text-on-white: var(--clr-green-main);
	background: var(--clr-green-main, var(--clr-red-main));
}

.cta.theme-purple .cta__box{
	--clr-theme-text-on-white: var(--clr-purple-main);
	background: var(--clr-purple-main, var(--clr-red-main));
}

.cta.cta-textonly .cta__box{
	padding: 0 80px;
}

.cta__inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* Imageblocks */

.cta__imageblock{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 360px;
	flex: 0 0 360px;
	width: 360px;
	height: auto;
	position: relative;
	z-index: 1;
}

.cta__imageblock img{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	height: auto;
}

.cta__imageblock-a,
.cta__imageblock.--left{
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.cta__imageblock.--right,
.cta__imageblock-b{
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.cta__imageblock .cta__lottie-a,
.cta__imageblock .cta__lottie-b{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
}

.cta-small .cta__imageblock{
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
	width: 200px;
}

.cta-img-left.cta-small .cta__textblock{
	padding-right: 40px;
}

/* Textblock */

.cta__textblock{
	padding: 50px 0;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	z-index: 2;
}

.cta-small .cta__textblock{
	padding: 25px 0px;
}

.cta-img-right .cta__textblock{
	padding-left: 80px;
}

.cta-img-left .cta__textblock{
	padding-right: 80px;
}

.cta__text{
	font-size: 40px;
	line-height: 46px;
	color: var(--clr-white);
}

.cta-small .cta__text{
	font-size: 32px;
	line-height: 40px;
}

.cta .btn-white:hover{
	background-color: var(--clr-theme-2);
	border-color: var(--clr-theme-2);
	color: var(--clr-theme-5);
}

.cta.theme-red .btn-white:hover{
	background-color: var(--clr-red-2);
	border-color: var(--clr-red-2);
	color: var(--clr-red-5);
}

.cta.theme-yellow .btn-white:hover{
	background-color: var(--clr-yellow-2);
	border-color: var(--clr-yellow-2);
	color: var(--clr-yellow-5);
}

.cta.theme-orange .btn-white:hover{
	background-color: var(--clr-orange-2);
	border-color: var(--clr-orange-2);
	color: var(--clr-orange-5);
}

.cta.theme-blue .btn-white:hover{
	background-color: var(--clr-blue-2);
	border-color: var(--clr-blue-2);
	color: var(--clr-blue-5);
}

.cta.theme-green .btn-white:hover{
	background-color: var(--clr-green-2);
	border-color: var(--clr-green-2);
	color: var(--clr-green-5);
}

.cta.theme-purple .btn-white:hover{
	background-color: var(--clr-purple-2);
	border-color: var(--clr-purple-2);
	color: var(--clr-purple-5);
}

.cta__button{
	padding-top: 38px;
}

/* --- Kinder, Jugend und Familie --- */

.button-grid{
	--bs-gutter-x: 50px;
	--bs-gutter-y: 22px;
}

.button-grid .btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 10px;
	min-height: 100px;
	font-size: 26px;
	line-height: 36px;
}

/* --- Newsflash --- */

.newsflash{
	padding-top: 60px;
}

.newsflash .slideshow{
	margin: 0 !important;
	padding-bottom: 100px;
}

.newsflash .slideshow .slick-list{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

.newsflash .slide-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top: 4px;
	padding-bottom: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.newsflash .slick-dots{
	bottom: 0;
	padding-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.newsflash .slick-dots button::before,
.newsflash .slick-dots button::after{
	display: none;
}

.newsflash .slick-dots > li{
	margin: 0 25px 0 0;
	width: auto;
	height: auto;
	padding: 0;
}

.newsflash .slick-dots > li:first-child{
	margin-left: auto;
}

.newsflash .slick-dots > li:last-child{
	margin-right: 0;
}

.newsflash .slick-dots > li::before{
	display: none;
}

.newsflash .slick-dots button{
	font-size: 0;
	line-height: 0;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background: var(--clr-grey-2);
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

.newsflash .slick-dots button:hover,
.newsflash .slick-dots .slick-active button{
	background: var(--clr-theme-main, var(--clr-red-main));
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.newsflash .item{
	width: calc(50% - 25px);
	max-width: 640px;
	height: auto;
}

.newsflash.newsflash-ic-3 .item{
	width: calc(33.33333% - 25px);
	max-width: 640px;
}

.newsflash .item > .inner{
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
	border-radius: 10px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.newsflash .item .image{
	width: 100%;
	height: 300px;
	flex: 0 0 auto;
}

.newsflash.newsflash-ic-3 .item .image{
	height: 240px;
}

.newsflash .item .image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 0px !important;
}

.newsflash .item .content{
	padding: 30px 24px 30px 24px;
	background: var(--clr-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.newsflash.newsflash-ic-3 .item .content{
	padding: 22px 20px 22px 20px;
}

.newsflash .item .title{
	font-size: 24px;
	line-height: 30px;
	font-family: var(--fnt-fam-2);
	width: 100%;
	text-align: left;
}

.newsflash.newsflash-ic-3 .item .title{
	font-size: 20px;
	line-height: 26px;
}

.newsflash .item .readmore{
	margin-top: auto;
	padding-top: 44px;
	width: 100%;
	text-align: left;
}

.newsflash.newsflash-ic-3 .item .readmore{
	font-size: 16px;
	line-height: 22px;
	padding: 5 15px;
}

.newsflash-empty{
	padding-bottom: 0px;
}

/* --- Home Karriere --- */

.mod-si-home-karriere img{
	border-radius: 15px;
}

/* --- Kundenmeinungen --- */

.kundenmeinungen .headline{
	margin-bottom: 40px;
}

.kundenmeinungen .headline span{
	font-weight: 400;
	margin: 0;
}

.kundenmeinungen .slideshow{
	margin: 0 !important;
	padding-bottom: 75px;
}

.kundenmeinungen .slide-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.kundenmeinungen .slick-dots{
	padding-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.kundenmeinungen .slick-dots button::before,
.kundenmeinungen .slick-dots button::after{
	display: none;
}

.kundenmeinungen .slick-dots > li{
	margin: 0 25px 0 0;
	width: auto;
	height: auto;
	padding: 0;
}

.kundenmeinungen .slick-dots > li:first-child{
	margin-left: auto;
}

.kundenmeinungen .slick-dots > li:last-child{
	margin-right: 0;
}

.kundenmeinungen .slick-dots > li::before{
	display: none;
}

.kundenmeinungen .slick-dots button{
	font-size: 0;
	line-height: 0;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background: var(--clr-grey-2);
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

.kundenmeinungen .slick-dots button:hover,
.kundenmeinungen .slick-dots .slick-active button{
	background: var(--clr-theme-main, var(--clr-red-main));
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.kundenmeinungen .item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: auto;
	width: 100%;
	max-width: 410px;
}

.kundenmeinungen .item .image{
	width: 100%;
	text-align: center;
	margin-bottom: 26px;
	margin-top: 0;
}

.kundenmeinungen .item .image img{
	width: 134px;
	height: 134px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 100%;
	margin: 0 auto;
}

.kundenmeinungen .item .content{
	text-align: center;
	margin: auto;
}

.kundenmeinungen .item .content p:last-child{
	margin-bottom: 0px;
}

.kundenmeinungen .item .title{
	font-size: 20px;
	line-height: 26px;
	font-family: var(--fnt-fam-2);
	width: 100%;
	text-align: center;
	padding-top: 46px;
	position: relative;
	display: block;
	margin-top: auto;
	margin-bottom: 0;
}

.kundenmeinungen .item .title::before{
	content: '';
	top: 26px;
	width: 100%;
	max-width: 200px;
	height: 3px;
	background: var(--clr-theme-main, var(--clr-red-main));
	display: block;
	left: calc(50% - 100px);
	right: auto;
	position: absolute;
}

.kundenmeinungen .item .title .job{
	font-size: 16px;
	line-height: 20px;
	font-family: var(--fnt-fam-1);
}

/* === Kontakte === */

.card-contact{
	border-color: var(--clr-grey-2);
	margin-bottom: 20px;
	--bs-card-color: var(--clr-grey-5);
	color: var(--clr-grey-5);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}

.card-contact .card-header{
	border-bottom: 0px;
	background: var(--clr-grey-1);
	color: var(--clr-grey-3);
	font-size: 18px;
	border-radius: 10px 10px 0px 0px;
}

.card-contact .contact-name span{
	color: var(--clr-theme-main);
}

.card-contact .contact-data{
	position: relative;
	padding-left: 27px;
	font-size: 18px;
	border-radius: 0px 0px 10px 10px;
}

.card-contact .contact-data .fa{
	position: absolute;
	left: 0px;
	top: 3px;
	color: var(--clr-grey-2);
}

.card-contact .contact-data a{
	color: var(--clr-grey-5);
}

.card-contact .contact-data a:hover{
	color: var(--clr-theme-5);
}

.card-contact .contact-button{
	margin-top: 1rem;
}

/* === Alerts === */

.modal-wrapper{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 15px;
	z-index: 9999;
}

.modalbox{
	border-radius: 4px;
	background: #ffffff;
	width: 100%;
	max-width: 520px;
}

.modalbox .modal-body{
	padding: 15px 20px;
}

.modalbox .modal-footer{
	padding: 10px 20px;
	text-align: right;
}

.modalbox .alert-heading{
	margin-bottom: 5px;
}

.modalbox .alert-heading span{
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
}

.modalbox .alert{
	margin-bottom: 10px;
	padding: 10px 20px;
	border-radius: 5px;
}

.modalbox .alert:last-child{
	margin-bottom: 0;
}

.modalbox .alert p{
	font-size: 16px;
	line-height: 20px;
}

.modalbox .alert .alert-message:last-child p{
	margin-bottom: 0px;
}

.modalbox .alert-error{
	background: #f8d7da;
	color: #842029;
}

.modalbox .alert-success{
	background: #d1e7dd;
	color: #0f5132;
}

.modalbox .alert-info{
	background: #cff4fc;
	color: #055160;
}

.modalbox .alert-warning{
	background: #fff3cd;
	color: #664d03;
}

.modalbox .btn{
	font-size: 16px;
	line-height: 16px;
	padding: 6px 12px;
}

/* === com_awo === */

/* --- Contact Statblocks --- */

.iconblock{
	font-family: var(--fnt-fam-1);
	margin-bottom: 15px;
}

.iconblock:last-child{
	margin-bottom: 0px;
}

.iconblock__stat{
	position: relative;
	padding-left: 30px;
	font-family: var(--fnt-fam-1);
}

.iconblock__icon{
	position: absolute;
	left: 0px;
	top: 3px;
	color: var(--clr-grey-2);
	width: 20px;
	height: 20px;
	text-align: center;
}

#einrichtung-content .iconblock__stat--address{
	margin-bottom: 25px;
}

/* --- Einrichtungen (Overview) --- */

#einrichtungen-list .headlines{
	border-bottom: 1px solid var(--clr-grey-3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 10px;
	color: var(--clr-grey-3);
}

#einrichtungen-list .headlines .image,
#einrichtungen-list .items .image{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(200px + 40px);
	padding-left: 20px;
	padding-right: 20px;
}

#einrichtungen-list .headlines .address,
#einrichtungen-list .items .address{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	padding-left: 20px;
	padding-right: 20px;
}

#einrichtungen-list .headlines .contact,
#einrichtungen-list .items .contact{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	padding-left: 20px;
	padding-right: 20px;
}

#einrichtungen-list .headlines .actions,
#einrichtungen-list .items .actions{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(155px + 40px);
	padding-left: 20px;
	padding-right: 20px;
}

#einrichtungen-list .items .item{
	padding: 32px 0;
	background: var(--clr-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#einrichtungen-list .items .item:nth-child(even){
	background: var(--clr-grey-1);
}

#einrichtungen-list .items .item p:last-child{
	margin-bottom: 0px;
}

#einrichtungen-list .items .image img{
	width: 200px;
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

#einrichtungen-list .item .btn{
	padding: 6px 12px;
	font-size: 16px;
}

#einrichtungen-list .iconblock__stat--tags{
	font-size: 16px;
}

/* --- Einrichtungen (Details) --- */

#einrichtung .lottie-wrap{
	text-align: center;
}

#cta-ani-a-location{
	width: 340px;
	margin: 0 auto;
}

#einrichtung img,
#einrichtung-content img{
	border-radius: 15px;
}

/* --- Joboffers (Overview) --- */

#joboffers-filter .search-input-wrap{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
}

#joboffers-filter .search-input-wrap::before{
	content: '';
	width: 1px;
	height: 18px;
	background: var(--clr-grey-3);
	display: inline-block;
	left: 42px;
	top: 14px;
	position: absolute;
	z-index: 10;
}

#joboffers-filter .filter-search-bar__button{
	background: var(--clr-grey-1);
	border: 0px;
	border-radius: 10px 0px 0px 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 10px;
	color: var(--clr-grey-4);
}

#joboffers-filter .js-stools-search-string{
	background: var(--clr-grey-1);
	border: 0px;
	border-radius: 0px 10px 10px 0px;
	width: 400px;
}

/* Item list */

#joboffers-list .headlines{
	border-bottom: 1px solid var(--clr-grey-3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 10px;
	color: var(--clr-grey-3);
}

#joboffers-list .headlines .address,
#joboffers-list .items .address{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	padding-left: 20px;
	padding-right: 20px;
}

#joboffers-list .headlines .contact,
#joboffers-list .items .contact{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	padding-left: 20px;
	padding-right: 20px;
}

#joboffers-list .headlines .jobdetails,
#joboffers-list .items .jobdetails{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	padding-left: 20px;
	padding-right: 20px;
}

#joboffers-list .headlines .actions,
#joboffers-list .items .actions{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(155px + 40px);
	padding-left: 20px;
	padding-right: 20px;
}

#joboffers-list .items .item{
	padding: 32px 0;
	background: var(--clr-white);
}

#joboffers-list .items .item:nth-child(even){
	background: var(--clr-grey-1);
}

#joboffers-list .items .title-wrap{
	padding: 0 20px 20px 20px;
}

#joboffers-list .items .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 18px;
}

#joboffers-list .items .actions{
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

#joboffers-list .items .item p:last-child{
	margin-bottom: 0px;
}

#joboffers-list .item .btn{
	padding: 6px 12px;
	font-size: 16px;
}

#joboffers-list .stat{
	position: relative;
	padding-left: 30px;
}

#joboffers-list .stat-icon{
	position: absolute;
	left: 0px;
	top: 3px;
	color: var(--clr-grey-2);
	width: 20px;
	height: 20px;
	text-align: center;
}

/* --- Joboffer --- */

#joboffer{
	padding-bottom: 60px;
}

#joboffer img{
	border-radius: 15px;
}

#joboffer .job-detailboxes{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

#joboffer .job-detailboxes > div{
	height: auto;
}

#joboffer .job-detailboxes > div > div{
	height: 100%;
	margin-bottom: 10px;
}

#joboffer .job-detail .stat{
	position: relative;
	padding-left: 30px;
}

#joboffer .job-detail .stat-icon{
	position: absolute;
	left: 0px;
	top: 3px;
	color: var(--clr-grey-2);
	width: 20px;
	height: 20px;
	text-align: center;
}

#joboffer .job-detail .stat-address,
#joboffer .job-detail .stat-ansprechpartner,
#joboffer .job-detail .stat-ansprechpartnerort{
	margin-bottom: 20px;
}

#joboffer .job-detail .stat-stellennummer{
	margin-top: 20px;
}

#joboffer .cta .button-wrap > a{
	margin-right: 20px;
}

#joboffer .cta .button-wrap > a:last-child{
	margin-right: auto;
}

/* --- Freiwilligendienste --- */

#fwd-login > .inner{
	padding: 40px 0 50px 0;
}

#fwd-login > .maxwidth{
	max-width: 768px;
}

#fwd-login .fwd-login-intro{
	padding-bottom: 30px;
}

#fwd-login .submit-wrap{
	padding-top: 30px;
	text-align: right;
}

#fwd-listing .volunteer-data{
	font-size: 24px;
	line-height: 38px;
	color: var(--clr-grey-3);
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

#fwd-listing .volunteer-data__message{
	font-size: 24px;
	line-height: 30px;
	color: #ee0000;
}

#fwd-listing .volunteer-data .ajax-loader{
	displaY: block;
	text-align: center;
}

#fwd-listing .volunteer-data .ajax-loader i{
	font-size: 30px;
	line-height: 30px;
	animation: fwd-ajax-loader 1.2s linear infinite;
	color: var(--clr-theme-main);
}

@keyframes fwd-ajax-loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

#fwd-listing .volunteer-data.sticky-lg-bottom{
	top: 50%;
}

#fwd-listing .volunteer-data strong{
	font-size: 30px;
	line-height: 38px;
	color: var(--clr-grey-4);
	transform-origin: 100% 50%;
	transition: transform 0.3s ease;
	transform: scale(1, 1);
}

#fwd-listing .volunteer-data strong.--valid{
	color: #49a641;
}

#fwd-listing .volunteer-data strong.--invalid{
	color: #e74c3c;
}

#fwd-listing .volunteer-data strong.animated{
	transition: transform 0.15s ease;
	transform: scale(1.1, 1.1);
}

#fwd-listing .volunteer-data__counter.state-1,
#fwd-listing .volunteer-data__counter.state-2{
	font-size: 30px;
	line-height: 36px;
	color: #49a641;
	font-weight: 700;
}

#fwd-listing .fwd-submit{
	padding-top: 46px;
}

.accordion-fwd{
	--bs-accordion-color: var(--clr-grey-4);
	--bs-accordion-border-width: 0;
	--bs-accordion-border-color: var(--clr-theme-main);
	--bs-accordion-border-radius: 10px;
	--bs-accordion-inner-border-radius: 10px;
	--bs-accordion-btn-padding-x: 0;
	--bs-accordion-btn-padding-y: 0;
	--bs-accordion-btn-color: var(--clr-grey-4);
	--bs-accordion-btn-bg: var(--clr-grey-2);
	--bs-accordion-btn-icon: none;
	--bs-accordion-btn-icon-width: 0;
	--bs-accordion-btn-icon-transform: none;
	--bs-accordion-btn-icon-transition: none;
	--bs-accordion-btn-active-icon: none;
	--bs-accordion-btn-focus-border-color: var(--clr-white);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	--bs-accordion-body-padding-x: 0;
	--bs-accordion-body-padding-y: 0;
	--bs-accordion-active-color: var(--clr-grey-4);
	--bs-accordion-active-bg: var(--clr-grey-2);
}

.accordion-fwd .--selected{
	--bs-accordion-btn-color: var(--clr-white);
	--bs-accordion-btn-bg: var(--clr-theme-main);
	--bs-accordion-active-color: var(--clr-white);
	--bs-accordion-active-bg: var(--clr-theme-main);
}

.accordion-fwd .accordion-button::before,
.accordion-fwd .accordion-button::after{
	background: var(--clr-grey-3);
}

.accordion-fwd .--selected .accordion-button::before,
.accordion-fwd .--selected .accordion-button::after{
	background: var(--clr-white);
}

.btn.--active{
	background: var(--clr-white);
	border-color: var(--clr-theme-main);
	color: var(--clr-theme-main);
}

.accordion-fwd .btn.disabled{
	background-color: var(--clr-grey-2);
	border-color: var(--clr-grey-2);
	color: var(--clr-grey-3);
}

.accordion-fwd .description{
	margin-bottom: 25px;
}

.accordion-fwd .iconblock__stat{
	margin-bottom: 5px;
}

.accordion-fwd .iconblock__icon{
	color: var(--clr-grey-3);
}

.accordion-fwd .checkbox-wrap{
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	line-height: 26px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.accordion-fwd .checkbox-wrap input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	top: 0px;
	left: 0px;
}

.accordion-fwd .checkbox-wrap .checkmark{
	position: absolute;
	top: 2px;
	left: 0;
	height: 25px;
	width: 25px;
	background: rgba(0, 0, 0, 0);
	border: 2px solid var(--clr-grey-2);
	transition: background 0.15s ease;
}

.accordion-fwd .checkbox-wrap:hover input ~ .checkmark{
	background: var(--clr-grey-2) !important;
	transition: background 0.3s ease;
}

.accordion-fwd .checkbox-wrap input:checked ~ .checkmark{
	background: none;
}

.accordion-fwd .checkbox-wrap .checkmark:after{
	content: "";
	position: absolute;
	display: none;
}

.accordion-fwd .checkbox-wrap input:checked ~ .checkmark:after{
	display: block;
}

.accordion-fwd .checkbox-wrap .checkmark:after{
	left: 10px;
	top: -5px;
	width: 12px;
	height: 23px;
	border-width: 0 4px 4px 0;
	
	border: solid #49a641;
	border-width: 0 4px 4px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* === GMap & Box === */

#gmap{
	width: 100%;
	height: 600px;
	border-radius: 15px;
	overflow: hidden;
}

#gmap img{
	width: auto;
	border-radius: 0;
	max-width: none;
}

#gmap .infowindow{
	padding: 8px;
	min-width: 200px;
}

#gmap .infowindow .iw-head{
	margin-bottom: 15px;
}

#gmap .infowindow .iw-head a{
	font-size: 18px;
	font-weight: 700;
	color: var(--clr-grey-5);
}

#gmap .infowindow .iw-body p{
	font-size: 16px;
	line-height: 22px;
	color: var(--clr-grey-5);
	margin-bottom: 10px;
}

#gmap .infowindow .iw-body p:last-child{
	margin-bottom: 0;
	padding-top: 5px;
}

.gmap-container .gm-style-iw > button{
	top: 0px !important;
	right: 0px !important;
	opacity: 0.25 !important;
	-webkit-transition: opacity 0.15s ease;
	-o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
}

.gmap-container .gm-style-iw > button:hover{
	opacity: 1 !important;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.gmap-container .gm-style-iw > button > span{
	display: none !important;
}

.gmap-container .gm-style-iw > button::before{
	content: '\f00d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.box-gmapbox{
	padding: 10px 25px 10px 10px;
	font-family: var(--fnt-fam-1);
	max-width: 480px;
	max-height: 340px;
	overflow-y: auto;
}

.box-gmapbox .slick-list{
	padding: 0px !important;
}

.box-gmapbox .slideshow-ingmap{
	padding-top: 35px;
}

.box-gmapbox .slideshow-ingmap.single-slider{
	padding-top: 0px;
}

.box-gmapbox .slideshow-ingmap .slick-arrow{
	top: 5px;
	width: 24px;
	height: 24px;
}

.box-gmapbox .slideshow-ingmap .slick-prev{
	left: -5px;
}

.box-gmapbox .slideshow-ingmap .slick-next{
	right: auto;
	left: 25px;
}

.box-gmapbox .slideshow-ingmap .slick-arrow svg{
	width: auto;
	height: 24px;
	margin: 0 auto;
	display: block;
}

.box-gmapbox .slideshow-ingmap .slick-arrow svg path{
	fill: var(--clr-theme-4);
}

.box-gmapbox .slideshow-ingmap .slick-arrow.slick-disabled svg path{
	fill: var(--clr-grey-2);
}

.box-gmapbox .slideshow-ingmap .slick-arrow::before{
	display: none;
}

.box-gmapbox .title{
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

.box-gmapbox .address,
.box-gmapbox .jobdetails,
.box-gmapbox .tags{
	padding-bottom: 10px;
}

.box-gmapbox .readmore{
	padding-top: 25px;
}

.box-gmapbox .address:last-child,
.box-gmapbox .jobdetails:last-child,
.box-gmapbox .contact:last-child{
	margin-bottom: 0px;
}

.box-gmapbox .iconblock{
	font-size: 16px;
	line-height: 20px;
}

/* === com_eventbooking === */

#page > .eb-container{
	max-width: 1400px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#eb-event-list .filters{
	background: none;
	padding: 0px;
	margin-bottom: 20px;
}

#eb-event-list .filter-search{
	width: 100%;
}

#eb-event-list .filters .btn-group:last-child{
	margin-top: 20px;
}

.mod-eb-minicalendar-wrap{
	margin-bottom: 20px;
	padding: 15px 15px 10px 15px;
	border-radius: 15px;
	background-color: var(--clr-grey-1);
	font-size: 18px;
}

.mod-eb-minicalendar-wrap .headline-wrap{
	font-size: 24px;
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 20px;
}

.mod-eb-minicalendar,
.mod-eb-search,
#eb-category-page-default,
#eb-search-result-page,
#eb-event-page{
	max-width: 1400px;
	margin: 0 auto 40px auto;
}

#eb-event-page img{
	border-radius: 20px;
}

.mod_eb_minicalendar_link a, .mod_eb_minicalendar_link i, .mod_eb_minicalendar_link i::before, a.mod_eb_minicalendar_link{
	color: #000000 !important;
}

#eb_search_form .eb-form-control{
	margin-bottom: 15px;
}

#extcalendar .topmenu_calendar .input-group{
	margin-bottom: 20px;
}

#eb-message .row{
	margin-bottom: 0px;
}

#eb-message .row > .form-control-label{
	font-weight: 700;
	color: var(--clr-grey-4);
}

.event-booking-form .form-actions{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.event-booking-form .form-actions .btn-submit{
	margin-left: 10px;
	margin-right: 20px;
}

.eb-search-bar-container > div > *:first-child{
	margin-left: 0px !important;
}

.eb-search-bar-container #filter_duration,
.eb-search-bar-container #location_id{
	margin-left: 0px !important;
}

.eb-search-bar-container .eb-btn-search{
	margin-top: 10px;
}

.eb-calendar-daily .filter-calendar-day{
	max-width: 320px;
}

/* --- Module Upcoming Events --- */

.content-right .mod-eb-events{
	padding-bottom: 10px;
}

.mod-eb-events .ebm-upcoming-events .ebm-event-link{
	font-size: 18px;
	line-height: 22.5px;
	display: block;
	margin-bottom: 5px;
	font-weight: 400;
}

.mod-eb-events .ebm-upcoming-events li,
.mod-eb-events .ebm-upcoming-events > div{
	line-height: 1.4;
	border-bottom: 1px solid #eeeeee;
}

.mod-eb-events .fa-calendar{
	color: var(--clr-grey-3);
	position: absolute;
	left: 0px;
	top: 2px;
}

.mod-eb-events .ebm-event-date{
	display: block;
	padding-left: 26px;
	position: relative;
}

/* === over-view table === */

.overview-table .ot-headers{
	border-bottom: 1px solid var(--clr-grey-3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 10px;
	color: var(--clr-grey-3);
}

.overview-table .ot-headers{
	border-bottom: 1px solid var(--clr-grey-3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 10px;
	color: var(--clr-grey-3);
}

.overview-table .ot-header{
	padding-left: 20px;
	padding-right: 20px;
}

.overview-table .ot-item{
	padding: 32px 0;
	background: var(--clr-white);
	
}

.overview-table .ot-item:nth-child(2n){
	background: var(--clr-grey-1);
}

.overview-table .ot-item__top{
	padding: 0 20px 20px 20px;
}

.overview-table .ot-item__top .ot-item__title{
	font-size: 20px;
}

.overview-table .ot-item__top .ot-item__shortdescription{
	margin-top: 10px;
	margin-bottom: 0px;
}

.overview-table .ot-item__top .ot-item__shortdescription strong{
	font-size: 16px;
	font-weight: 700;
}

.overview-table .ot-item__bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.overview-table .ot-item__bottom > div{
	padding-left: 20px;
	padding-right: 20px;
}

.overview-table .ot-stat.actions{
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.overview-table .ot-stat .btn{
	padding: 6px 12px;
	font-size: 16px;
}

.overview-table .ot-stat__lbl{
	font-size: 16px;
	font-weight: 700;
}

.overview-table .ot-header.actions,
.overview-table .ot-stat.actions{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(155px + 40px);
	margin-left: auto;
}

.overview-table .ot-header.veranstaltungen,
.overview-table .ot-stat.veranstaltungen{
	-webkit-box-flex: 0;
	-ms-flex: 0 1 20%;
	flex: 0 1 20%;
}

.overview-table .ot-header.ort,
.overview-table .ot-stat.ort{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33.33333%;
	flex: 1 1 33.33333%;
}

.overview-table .ot-header.dozent,
.overview-table .ot-stat.dozent{
	-webkit-box-flex: 0;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
}

.overview-table-fwd .ot-header.description,
.overview-table-fwd .ot-stat.description{
	-webkit-box-flex: 0;
	-ms-flex: 0 1 41.6666667%;
	flex: 0 1 41.6666667%;
}

.overview-table-fwd .ot-header.place,
.overview-table-fwd .ot-stat.place{
	-webkit-box-flex: 0;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
}

.overview-table-fwd .ot-header.date,
.overview-table-fwd .ot-stat.date{
	-webkit-box-flex: 0;
	-ms-flex: 0 1 16.6666667%;
	flex: 0 1 16.6666667%;
}

.overview-table-fwd .ot-header.actions,
.overview-table-fwd .ot-stat.actions{
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 16.6666667%;
	flex: 0 1 16.6666667%;
}

.overview-table-fwd .btn.btn-outlined{
	min-width: 100px;
}

.overview-table-fwd .ot-item__title{
	color: var(--clr-theme-4);
}

/* --- Registration --- */

.eb-checkboxes-container .form-check-input{
	position: absolute;
	left: 0px;
	top: 0px;
}

.eb-checkboxes-container .checkbox{
	position: relative;
	padding-left: 25px;
}

#eb-group-billing .form-actions,
#eb-individual-registration-page .form-actions{
	margin-top: 30px;
}

/* === Topscroller === */

#topscroller{
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 5px;
	width: 40px;
	height: 40px;
	background: var(--clr-grey-3);
	z-index: 900;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);
	cursor: pointer;
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

#topscroller:hover{
	background: var(--clr-theme-5);
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

#topscroller::after{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #ffffff;
	position: absolute;
	left: 10px;
	top: 13px;
	content: '';
	display: inline-block;
}

/* === Visforms === */

#content .visforms .row{
	margin-bottom: 5px;
}

.visforms .input-group .btn{
	height: 100%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.visforms .setCurrentPage{
	display: none;
}

/* === JS-Calendar === */

.js-calendar .btn-prev-year,
.js-calendar .btn-next-year,
.js-calendar .btn-prev-month,
.js-calendar .btn-next-month{
	width: 100%;
	display: block;
}

.js-calendar .btn{
	padding: 5px;
	border-radius: 5px;
	font-size: 16px;
	line-height: 20px;
	background-color: var(--clr-theme-4, var(--clr-red-4));
	border-color: var(--clr-theme-4, var(--clr-red-4));
	color: var(--clr-white);
}

.js-calendar .btn:hover{
	background-color: var(--clr-theme-5, var(--clr-red-5));
	border-color: var(--clr-theme-5, var(--clr-red-5));
	color: var(--clr-theme-text, var(--clr-red-text));
}

.js-calendar .btn-group > .btn-group:not(:last-child) > .btn,
.js-calendar .btn-group > .btn.dropdown-toggle-split:first-child,
.js-calendar .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.js-calendar .btn-group > .btn-group:not(:first-child) > .btn,
.js-calendar .btn-group > .btn:nth-child(n+3),
.js-calendar .btn-group > :not(.btn-check) + .btn{
	border-radius: 5px;
}

#content .js-calendar table{
	-webkit-box-shadow: none;
	box-shadow: none;
}

#content .js-calendar table td{
	background-color: var(--bs-table-bg);
	padding: 8px 0px;
}

#content .js-calendar td.day.selected,
#content .js-calendar td.day:hover{
	color: var(--clr-theme-main, var(--clr-red-main));
}

.js-calendar .calendar-container td.today::after{
	background-color: var(--clr-theme-main, var(--clr-red-main)) !important;
}

#extcalendar .today{
	padding: 8px 0px !important;
}

/* === Articles Image Gallery === */

.article-image-gallery{
	display: flex;
	align-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

#content .article-image-gallery img{
	width: 100%;
	max-width: 250px;
	display: inline-block;
}


/* === Overrides === */

.form-control:focus{
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* === DSGVO GMAP === */

#gmap_optin{
	background-image: url(../img/placeholders/gmaps_blurred.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 600px;
	position: relative;
	border-radius: 16px;
}

#gmap_optin > .inner{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	padding: 25px;
	border-radius: 16px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#gmap_optin > .inner > div{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	background: #ffffff;
	-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .21);
	box-shadow: 0 15px 15px rgba(0, 0, 0, .21);
	padding: 25px;
	border-radius: 16px;
	max-width: 700px;
}

/* === Form Validation === */

.eb-form-control{
	position: relative;
}

.eb-form-control .formError{
	left: 20px !important;
	top: 0px !important;
}

.formError .formErrorContent,
.formError .formErrorArrow div{
	border: none !important;
}

.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2{
	background: none !important;
}

/* === Inhaltsverzeichnis === */

.content-right #inhaltsverzeichnis{
	position: sticky;
	top: 20px;
	max-height: calc(100vh - 40px);
}

#iv-toggler{
	display: none;
	padding: 10px;
	cursor: pointer;
	margin-left: auto;
}

#iv-toggler .fa{
	color: var(--clr-grey-4)
}

#iv-toggler.alive .fa{
	color: var(--clr-theme-5);
}

/*
#iv-toggler{
	display: none;
	padding: 10px;
	width: 44px;
	height: 40px;
	cursor: pointer;
	margin-left: auto;
	margin-right: 15px;
}
#iv-toggler .bar{
	display: block;
	width: 24px;
	height: 3px;
	background: var(--clr-black);
	margin-bottom: 4px;
	line-height: 0px;
	border-radius: 2px;
	-webkit-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	transition: background 0.15s ease;
}

#iv-toggler .bar:last-child{
	margin-bottom: 0px;
}

#iv-toggler.alive .bar{
	background: var(--clr-theme-5);
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}*/

#iv-nav{
	overflow-y: auto;
	max-height: calc(100vh - 126px);
	padding-right: 5px;
}

#iv-nav a{
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
	transition: all 0.15s ease;
	display: inline-block;
	flex: 1 1 1%;
	width: auto;
	color: var(--clr-grey-5);
}

#iv-nav a:hover,
#iv-nav a.active{
	color: var(--clr-theme-main);
	transition: all 0.3s ease;
}

#iv-nav ol{
	padding-left: 0px;
	list-style-type: none;
	counter-reset: iv-nav;
	flex: 0 1 100%;
}

#iv-nav ol > li{
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#iv-nav ol > li::marker{
	display: none;
}

#iv-nav ol > li::before{
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: var(--clr-theme-5);
	counter-increment: iv-nav;
	content: counters(iv-nav, ".") ") ";
	margin-right: 8px;
}

#iv-nav ol > li > ol{
	padding-left: 10px;
	width: 100%;
	display: block;
}

#iv-nav ol > li > ol > li:first-child{
	margin-top: 7.5px;
}

#iv-nav ol > li > ol > li::before{
	color: var(--clr-grey-3);
}

.content-view-iv .fulltext h2,
.content-view-iv .fulltext h3{
	margin: 40px 0px 15px 0px;
}

.content-view-iv .fulltext h4,
.content-view-iv .fulltext h5{
	margin: 20px 0px 8px 0px;
}

@media(max-width: 1399.98px){
	.content-view-iv .box-info,
	.content-view-iv .infobox{
		padding: 18px 15px;
	}
	
	.content-view-iv .box-info .iconblock__val,
	.content-view-iv .infobox .iconblock__val,
	.content-view-iv .box-info .iconblock__icon,
	.content-view-iv .infobox .iconblock__icon{
		font-size: 16px;
		line-height: 24px;
	}
}

@media(max-width: 1199.98px){
	#iv-nav a,
	#iv-nav ol > li,
	#iv-nav ol > li::before{
		font-size: 14px;
		line-height: 20px;
	}
}

@media(max-width: 991.98px){
	.content-right #inhaltsverzeichnis{
		position: relative;
		top: auto;
		max-height: none;
	}
	
	#iv-toggler{
		display: inline-block;
	}
	
	#iv-nav{
		display: none;
		overflow: auto;
		max-height: none;
		padding-right: 0px;
	}
	
	.content-view-iv .box-info,
	.content-view-iv .infobox{
		padding: 15px 25px 15px 20px;
	}
	
	.content-view-iv .box-info .iconblock__val,
	.content-view-iv .infobox .iconblock__val,
	.content-view-iv .box-info .iconblock__icon,
	.content-view-iv .infobox .iconblock__icon{
		font-size: 18px;
		line-height: 26px;
	}
	
	.content-view-iv .fulltext h2,
	.content-view-iv .fulltext h3,
	.content-view-iv .fulltext h4,
	.content-view-iv .fulltext h5{
		margin: 20px 0px 8px 0px;
	}
	
}

.com-content-categories__item{
	border: 0px;
}

/* ≡≡≡ Responsive ≡≡≡ */

@media (max-width: 1399.99px){
	
	.row-large-gaps{
		--bs-gutter-x: 40px;
	}
	
	.mobile-page-space,
	#eb-individual-registration-page,
	#eb-group-registration-form{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	
	#navbar,
	#einrichtung > .einrichtung__section,
	#einrichtung-content > .einrichtung-content__section{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	body > .module{
		padding-left: 35px;
		padding-right: 35px;
	}
	
	.spacing-top-1{
		padding-top: 20px !important;
	}
	
	.spacing-top-2{
		padding-top: 30px !important;
	}
	
	.spacing-top-3{
		padding-top: 30px !important;
	}
	
	.spacing-top-4{
		padding-top: 45px !important;
	}
	
	.spacing-top-5{
		padding-top: 55px !important;
	}
	
	.spacing-top-6{
		padding-top: 70px !important;
	}
	
	.spacing-top-7{
		padding-top: 90px !important;
	}
	
	.spacing-top-8{
		padding-top: 110px !important;
	}
	
	.spacing-top-9{
		padding-top: 135px !important;
	}
	
	.spacing-bot-1{
		padding-bottom: 20px !important;
	}
	
	.spacing-bot-2{
		padding-bottom: 30px !important;
	}
	
	.spacing-bot-3{
		padding-bottom: 30px !important;
	}
	
	.spacing-bot-4{
		padding-bottom: 45px !important;
	}
	
	.spacing-bot-5{
		padding-bottom: 55px !important;
	}
	
	.spacing-bot-6{
		padding-bottom: 70px !important;
	}
	
	.spacing-bot-7{
		padding-bottom: 90px !important;
	}
	
	.spacing-bot-8{
		padding-bottom: 110px !important;
	}
	
	.spacing-bot-9{
		padding-bottom: 135px !important;
	}
	
	#logo svg{
		width: 60px;
	}
	
	#logo .text{
		font-size: 18px;
		line-height: 24px;
		margin-left: 15px;
		padding-left: 15px;
	}
	
	#logo .text::before{
		top: calc(50% - 23px);
		height: 46px;
		width: 1px;
	}
	
	#mainmenu .lv-1 > li{
		padding: 15px 15px 35px 15px;
		text-align: center;
	}
	
	#mainmenu .lv-1 > li > .nav-link{
		font-size: 16px;
		line-height: 22px;
	}
	
	#mainmenu .lv-1 > li > .megamenu{
		left: -20px;
		right: -20px;
		text-align: left;
		padding: 20px;
	}
	
	#mainmenu .lv-2 > li{
		text-align: left;
	}
	
	#mainmenu .lv-2 > li > .nav-link{
		font-size: 16px;
		line-height: 22px;
	}
	
	#mainmenu .lv-2::after{
		left: 303px;
		top: 20px;
		bottom: 20px;
	}
	
	#mainmenu .lv-2 > li.megamenu-starter > .sub-megamenu{
		padding-right: 60px;
	}
	
	#mainmenu .sub-megamenu{
		left: 325px;
		right: 0px;
		top: 20px;
	}
	
	#mainmenu .megamenu-starter .title{
		font-size: 24px;
		line-height: 30px;
	}
	
	#mainmenu .megamenu-starter .text{
		margin-top: 20px;
		font-size: 18px;
		line-height: 24px;
	}
	
	#mainmenu .lv-3{
		width: 100%;
	}
	
	#mainmenu .lv-3 > li > .nav-link{
		font-size: 16px;
		line-height: 22px;
		max-width: 50%;
	}
	
	#mainmenu .sub-megamenu > .leftside{
		width: 100%;
		max-width: none;
	}
	
	#mainmenu .sub-megamenu .item-featured{
		display: none;
	}
	
	.awo-header-slideshow .slick-dots{
		left: 36px;
	}
	
	.teaser-classic .title{
		padding: 20px 50px 20px 30px
	}
	
	.teaser-classic .title span{
		font-size: 22.5px;
	}
	
	.teaser-classic .title::after{
		top: calc(50% - 10px);
		border-top: 10px solid transparent;
		border-left: 16px solid var(--clr-white);
		border-bottom: 10px solid transparent;
	}
	
	.teaser-classic .image img{
		height: 300px;
	}
	
	.button-grid{
		--bs-gutter-x: 30px;
		--bs-gutter-y: 22px;
	}
	
	.button-grid .btn{
		font-size: 22px;
		line-height: 32px;
		min-height: 80px;
	}
	
	.newsflash .item:first-child{
		margin-right: 50px;
	}
	
	.newsflash.newsflash-ic-3 .item{
		margin-right: 25px;
	}
	
	.newsflash.newsflash-ic-3 .item:last-child{
		margin-right: 0px;
	}
	
	.newsflash .item .content{
		padding: 25px 25px;
	}
	
	.kundenmeinungen .slide-inner{
		display: block;
	}
	
	.kundenmeinungen .item{
		max-width: none;
		margin-bottom: 60px;
	}
	
	.kundenmeinungen .item:last-child{
		margin-bottom: 0px;
	}
	
	.blog-list .item a{
		font-size: 20px;
	}
	
}

@media (max-width: 1199.99px){
	
	body{
		font-size: 18px;
	}
	
	h1, .h1{
		font-size: 36px;
	}
	
	h2, .h2{
		font-size: 30px;
	}
	
	h3, .h3{
		font-size: 26px;
	}
	
	h4, .h4,
	h5, .h5,
	h6, .h6{
		font-size: 22px;
	}
	
	.row-large-gaps{
		--bs-gutter-x: 40px;
	}
	
	.btn{
		font-size: 18px;
		padding: 6px 18px;
	}
	
	.spacing-top-1{
		padding-top: 15px !important;
	}
	
	.spacing-top-2{
		padding-top: 25px !important;
	}
	
	.spacing-top-3{
		padding-top: 30px !important;
	}
	
	.spacing-top-4{
		padding-top: 40px !important;
	}
	
	.spacing-top-5{
		padding-top: 50px !important;
	}
	
	.spacing-top-6{
		padding-top: 60px !important;
	}
	
	.spacing-top-7{
		padding-top: 80px !important;
	}
	
	.spacing-top-8{
		padding-top: 100px !important;
	}
	
	.spacing-top-9{
		padding-top: 115px !important;
	}
	
	.spacing-bot-1{
		padding-bottom: 15px !important;
	}
	
	.spacing-bot-2{
		padding-bottom: 25px !important;
	}
	
	.spacing-bot-3{
		padding-bottom: 30px !important;
	}
	
	.spacing-bot-4{
		padding-bottom: 40px !important;
	}
	
	.spacing-bot-5{
		padding-bottom: 50px !important;
	}
	
	.spacing-bot-6{
		padding-bottom: 60px !important;
	}
	
	.spacing-bot-7{
		padding-bottom: 80px !important;
	}
	
	.spacing-bot-8{
		padding-bottom: 100px !important;
	}
	
	.spacing-bot-9{
		padding-bottom: 115px !important;
	}
	
	body > .module{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#topbar .fas{
		font-size: 20px;
	}
	
	#topbar .btn{
		font-size: 16px;
		padding: 5px 16px;
	}
	
	#navbar > .inner{
		display: block;
	}
	
	#navbar .logo-wrap{
		margin-right: 0px;
	}
	
	#navbar .mainmenu-wrap{
		margin-right: 0px;
	}
	
	#mainmenu .lv-1{
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	
	#mainmenu .lv-1 > li{
		padding: 10px 15px 20px 15px;
	}
	
	#mainmenu .lv-1 > li > .nav-link{
		font-size: 16px;
		line-height: 22px;
	}
	
	#mainmenu .megamenu-starter .subtitle{
		margin-bottom: 5px;
	}
	
	#mainmenu .megamenu-starter .title{
		font-size: 22px;
		line-height: 28px;
	}
	
	#mainmenu .megamenu-starter .text{
		margin-top: 15px;
		font-size: 16px;
		line-height: 22px;
	}
	
	#mainmenu .lottie{
		height: 220px;
	}
	
	#mainmenu .lottie svg{
		max-height: none;
	}
	
	.cta__imageblock{
		width: 300px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 300px;
		flex: 0 0 300px;
	}
	
	.cta__textblock{
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	.cta__text{
		font-size: 36px;
		line-height: 42px;
	}
	
	.cta-img-left .cta__textblock{
		padding-right: 60px;
	}
	
	.button-grid .btn{
		font-size: 20px;
		line-height: 30px;
		min-height: 75px;
	}
	
	.newsflash .slideshow{
		padding-bottom: 50px;
	}
	
	.newsflash .item .image,
	.newsflash.newsflash-ic-3 .item .image{
		height: 200px;
	}
	
	.newsflash .item .title{
		font-size: 20px;
		line-height: 26px;
	}
	
	.newsflash.newsflash-ic-3 .item{
		width: calc(33.33333% - 6px);
	}
	
	.newsflash.newsflash-ic-3 .item:first-child,
	.newsflash.newsflash-ic-3 .item{
		margin-right: 8px;
	}
	
	.newsflash .slick-dots > li{
		margin-right: 20px;
	}
	
	.newsflash .slick-dots button,
	.kundenmeinungen .slick-dots button{
		width: 24px;
		height: 24px;
	}
	
	#footerbar{
		padding-bottom: 0px;
	}
	
	#footerbar .module-content p{
		font-size: 16px;
		line-height: 26px;
	}
	
	#footerbar .inner > .row > div{
		padding-top: 0px;
		padding-bottom: 30px;
	}
	
	#module-119 p{
		text-align: center !important;
	}
	
	#module-119 img{
		margin: 0 auto;
	}
	
	#legalsmenu ul{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	#legalsmenu ul > li{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
	.mod-breadcrumbs{
		padding-top: 35px;
	}
	
	.mod-breadcrumbs ol > li::before{
		top: 4px;
	}
	
	#page{
		font-size: 16px;
	}
	
	.box-grey > p:first-child,
	.location-box > p:first-child{
		font-size: 18px;
	}
	
	.content-right .module .module-headline,
	.blog-right .module .module-headline{
		font-size: 22px;
	}
	
	.content-right .module,
	.blog-right .module{
		font-size: 16px;
	}
	
	.blog-default .item .image,
	.blog-default .item .image img{
		max-width: 360px;
		max-height: 360px;
	}
	
	.pagination .page-item{
		margin-right: 18px;
	}
	
	.pagination .page-link{
		font-size: 16px;
		line-height: 22px;
		min-width: 42px;
	}
	
	.card-contact .card-header,
	.card-contact .contact-data{
		font-size: 16px;
	}
	
	.card-contact .contact-name span{
		font-size: 20px;
	}
	
	.accordion-item{
		margin-bottom: 12px;
	}
	
	.accordion-button{
		padding: 10px 50px 10px 15px;
		font-size: 18px;
	}
	
	.accordion-button::before, .accordion-button::after{
		width: 3px;
		height: 20px;
	}
	
	.accordion-button::before{
		right: 30px;
		-webkit-transform-origin: 2px 13px;
		-ms-transform-origin: 2px 13px;
		transform-origin: 2px 13px;
	}
	
	.accordion-button::after{
		top: calc(50% - 11px);
		right: 26px;
	}
	
	.accordion-body{
		padding: 15px;
	}
	
	#einrichtungen-list .headlines,
	#joboffers-list .headlines{
		display: none;
	}
	
	#einrichtungen-list .items,
	#joboffers-list .items{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#einrichtungen-list .items .item,
	#joboffers-list .items .item{
		background: none;
		padding: 20px 0px;
		width: calc(33.3333% - 20px);
		margin-right: 20px;
		display: block;
		border: 1px solid var(--clr-grey-2);
		margin-bottom: 20px;
		-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
	}
	
	#einrichtungen-list .items .item:nth-child(2n),
	#joboffers-list .items .item:nth-child(2n){
		background: none;
		padding-right: 0px;
	}
	
	#einrichtungen-list .items .item:nth-child(3n),
	#joboffers-list .items .item:nth-child(3n){
		margin-right: 0px;
	}
	
	#einrichtungen-list .items .item > div,
	#joboffers-list .items .item > .inner > div{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#einrichtungen-list .items .item > div:last-child,
	#joboffers-list .items .item > .inner > div:last-child{
		margin-bottom: 0px;
	}
	
	#joboffers-list .items .title-wrap{
		font-size: 18px;
	}
	
	#joboffers-list .items .inner{
		font-size: 16px;
	}
	
	#einrichtungen-list .items .image,
	#einrichtungen-list .items .actions,
	#joboffers-list .items .actions{
		text-align: center;
	}
	
	#joboffers-list .items .inner{
		display: block;
	}
	
	.overview-table .ot-headers{
		display: none;
	}
	
	.overview-table .ot-items{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.overview-table .ot-item{
		margin-right: 20px;
		width: calc(50% - 20px);
		background: none !important;
		
		padding: 20px 0px;
		display: block;
		border: 1px solid var(--clr-grey-2);
		margin-bottom: 20px;
		-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
		
	}
	
	.overview-table .ot-item:nth-child(2n){
		margin-right: 0px;
	}
	
	.overview-table .ot-item__bottom{
		display: block;
	}
	
	.overview-table .ot-stat{
		margin-bottom: 10px;
	}
	
	.overview-table .iconblock__stat br{
		display: none;
	}
	
	.overview-table .ot-stat.actions{
		margin-right: auto;
		margin-bottom: 0px;
		margin-top: 20px;
	}
	
}

@media (max-width: 991.99px){
	
	body{
		font-size: 16px;
	}
	
	body > .module{
		padding-left: 18px;
		padding-right: 18px;
	}
	
	h1, .h1{
		font-size: 34px;
	}
	
	h2, .h2{
		font-size: 28px;
	}
	
	h3, .h3{
		font-size: 24px;
	}
	
	h4, .h4,
	h5, .h5,
	h6, .h6{
		font-size: 20px;
	}
	
	.h1-icon::before{
		top: -3px;
		left: -12px;
		width: 30px;
		height: 30px;
	}
	
	.h2-icon::before{
		top: -3px;
		left: -12px;
		width: 30px;
		height: 30px;
	}
	
	.btn{
		font-size: 16px;
		padding: 5px 16px;
	}
	
	.spacing-top-1{
		padding-top: 15px !important;
	}
	
	.spacing-top-2{
		padding-top: 25px !important;
	}
	
	.spacing-top-3{
		padding-top: 25px !important;
	}
	
	.spacing-top-4{
		padding-top: 35px !important;
	}
	
	.spacing-top-5{
		padding-top: 45px !important;
	}
	
	.spacing-top-6{
		padding-top: 50px !important;
	}
	
	.spacing-top-7{
		padding-top: 70px !important;
	}
	
	.spacing-top-8{
		padding-top: 90px !important;
	}
	
	.spacing-top-9{
		padding-top: 95px !important;
	}
	
	.spacing-bot-1{
		padding-bottom: 15px !important;
	}
	
	.spacing-bot-2{
		padding-bottom: 25px !important;
	}
	
	.spacing-bot-3{
		padding-bottom: 25px !important;
	}
	
	.spacing-bot-4{
		padding-bottom: 35px !important;
	}
	
	.spacing-bot-5{
		padding-bottom: 45px !important;
	}
	
	.spacing-bot-6{
		padding-bottom: 50px !important;
	}
	
	.spacing-bot-7{
		padding-bottom: 70px !important;
	}
	
	.spacing-bot-8{
		padding-bottom: 90px !important;
	}
	
	.spacing-bot-9{
		padding-bottom: 95px !important;
	}
	
	.box-info, .infobox{
		padding: 15px 25px 15px 20px;
		border-left: 15px solid var(--clr-theme-main, var(--clr-red-main));
		border-radius: 12px;
	}
	
	.box-info-awopeople,
	.infobox.--awo-people{
		padding-right: 200px;
		margin-top: 30px;
	}
	
	.accordion-button{
		font-size: 16px;
		padding: 8px 40px 8px 12px;
	}
	
	.accordion-button::before, .accordion-button::after{
		width: 2px;
		height: 16px;
	}
	
	.accordion-button::before{
		top: calc(50% - 12px);
		right: 26px;
	}
	
	.accordion-button::after{
		top: calc(50% - 8px);
		right: 20px;
	}
	
	.table-wrap{
		width: 100%;
		overflow: auto;
		margin-bottom: 20px;
	}
	
	#content table{
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-bottom: 0px;
	}
	
	ul{
		padding-left: 20px;
	}
	
	ul > li::before{
		left: -20px;
		width: 10px;
		height: 10px;
		border-radius: 2px;
	}
	
	#topbar .ticker-wrap{
		display: none;
	}
	
	#topbar .leftside-wrap,
	#topbar .rightside-wrap{
		width: 50%;
	}
	
	#navbar{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#navbar .logo-wrap{
		padding-left: 15px;
	}
	
	#logo{
		position: relative;
		z-index: 2;
	}
	
	#logo svg{
		width: 60px;
	}
	
	#logo .text{
		font-size: 18px;
		line-height: 24px;
		margin-left: 15px;
		padding-left: 15px;
	}
	
	#logo .text::before{
		top: calc(50% - 23px);
		height: 46px;
		width: 1px;
	}
	
	#navbar .mainmenu-wrap{
		margin-top: -47px;
		text-align: right;
		position: relative;
		z-index: 1;
	}
	
	#mainmenu-toggler{
		display: inline-block;
		padding: 10px;
		width: 44px;
		height: 40px;
		cursor: pointer;
		margin-left: auto;
		margin-right: 15px;
	}
	
	#mainmenu-toggler .bar{
		display: block;
		width: 24px;
		height: 3px;
		background: var(--clr-black);
		margin-bottom: 4px;
		line-height: 0px;
		border-radius: 2px;
		-webkit-transition: background 0.15s ease;
		-o-transition: background 0.15s ease;
		transition: background 0.15s ease;
	}
	
	#mainmenu-toggler .bar:last-child{
		margin-bottom: 0px;
	}
	
	#mainmenu-toggler.alive .bar{
		background: var(--clr-theme-5);
		-webkit-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	
	#mainmenu,
	#mainmenu .lv-2,
	#mainmenu .lv-3{
		display: none;
	}
	
	#mainmenu .megamenu-starter{
		display: none !important;
	}
	
	#mainmenu li{
		margin: 0px;
	}
	
	#mainmenu li::before{
		display: none;
	}
	
	#mainmenu .lv-1{
		border-top: 1px solid #efefef;
		padding-left: 0px;
		text-align: left;
		background: #fbfbfb;
		margin-bottom: 0px;
	}
	
	#mainmenu .lv-1 > li{
		padding: 0px;
		text-align: left;
		border-bottom: 1px solid #efefef;
	}
	
	#mainmenu .lv-1 > li > .nav-link{
		font-size: 18px;
		line-height: 26px;
		padding: 8px 8px 8px 12px;
		color: var(--clr-grey-4);
	}
	
	#mainmenu .lv-1 > li.parent > .nav-link{
		padding-right: 50px;
		position: relative;
	}
	
	#mainmenu .lv-1 > li.parent > .nav-link::after{
		content: '\f077';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		position: absolute;
		right: 24px;
		top: 10px;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: -webkit-transform 0.15s ease;
		transition: -webkit-transform 0.15s ease;
		-o-transition: transform 0.15s ease;
		transition: transform 0.15s ease;
		transition: transform 0.15s ease, -webkit-transform 0.15s ease;
	}
	
	#mainmenu .lv-1 > li.parent.opened > .nav-link::after{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		-o-transition: transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	
	#mainmenu .lv-1 > li:hover > .nav-link,
	#mainmenu .lv-1 > li.active > .nav-link,
	#mainmenu .lv-1 > li.current > .nav-link{
		color: var(--navlink-color);
	}
	
	#mainmenu .lv-1 > li > .megamenu{
		padding: 0px;
	}
	
	#mainmenu .lv-2{
		padding-left: 0px;
		text-align: left;
		background: #f4f4f4;
		border-top: 1px solid #efefef;
	}
	
	#mainmenu .lv-2 > li{
		border-bottom: 1px solid #efefef;
	}
	
	#mainmenu .lv-2 > li:nth-last-child(2){
		border-bottom: 0px;
	}
	
	#mainmenu .lv-2 > li > .nav-link{
		font-size: 16px;
		line-height: 24px;
		padding: 6px 6px 6px 28px;
		color: var(--clr-grey-4);
	}
	
	#mainmenu .lv-2 > li.parent > .nav-link{
		padding-right: 50px;
		position: relative;
	}
	
	#mainmenu .lv-2 > li.parent > .nav-link::after{
		content: '\f077';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		position: absolute;
		right: 24px;
		top: 8px;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: -webkit-transform 0.15s ease;
		transition: -webkit-transform 0.15s ease;
		-o-transition: transform 0.15s ease;
		transition: transform 0.15s ease;
		transition: transform 0.15s ease, -webkit-transform 0.15s ease;
	}
	
	#mainmenu .lv-2 > li:hover > .nav-link,
	#mainmenu .lv-2 > li.active > .nav-link,
	#mainmenu .lv-2 > li.current > .nav-link{
		color: var(--navlink-color);
	}
	
	#mainmenu .lv-2 > li.parent.opened > .nav-link::after{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		-o-transition: transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	
	#mainmenu .lv-3{
		padding-left: 0px;
	}
	
	#mainmenu .lv-3 > li > .nav-link{
		font-size: 16px;
		line-height: 22px;
		padding: 6px 6px 6px 50px;
		max-width: none;
		position: relative;
		color: var(--clr-grey-4);
	}
	
	#mainmenu .lv-3 > li > .nav-link::before{
		position: absolute;
		left: 33px;
		top: 11px;
		width: 8px;
		height: 10px;
		border-left: 2px solid var(--clr-grey-2);
		border-bottom: 2px solid var(--clr-grey-2);
		content: '';
		display: inline-block;
	}
	
	#mainmenu .lv-3 > li:hover > .nav-link,
	#mainmenu .lv-3 > li.active > .nav-link,
	#mainmenu .lv-3 > li.current > .nav-link{
		color: var(--navlink-color);
	}
	
	.awo-contactbox .title{
		font-size: 18px;
		line-height: 22px;
	}
	
	.awo-contactbox .sub-title{
		font-size: 16px;
		line-height: 22px;
	}
	
	.awo-header{
		height: 300px;
	}
	
	.awo-header .aligner{
		min-height: 1px;
	}
	
	.awo-header .textblock{
		padding: 16px 25px 10px 25px;
	}
	
	.awo-header .textblock .title-wrap > .title{
		margin-bottom: 16px;
	}
	
	.mission-tabs .mobile-nav-link{
		display: block;
		width: 100%;
		font-size: 20px;
		background: var(--clr-theme-main);
		color: var(--clr-theme-text);
		padding: 5px 23px;
		border-radius: 15px 15px 0px 0px;
	}
	
	.mission-tabs .same-height.tab-content{
		display: block;
	}
	
	.same-height.tab-content > .tab-pane{
		margin-right: 0px;
		visibility: visible !important;
		opacity: 1 !important;
		border-radius: 0px 0px 15px 15px;
	}
	
	.teaser-classic .title{
		padding: 15px 50px 15px 25px;
	}
	
	.cta__imageblock{
		width: 270px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 270px;
		flex: 0 0 270px;
	}
	
	.cta__text{
		font-size: 32px;
		line-height: 36px;
	}
	
	.cta-img-left .cta__textblock,
	.cta-double .cta__textblock{
		padding-right: 40px;
	}
	
	.cta__button{
		padding-top: 28px;
	}
	
	.cta-double .cta__imageblock-b{
		display: none;
	}
	
	.newsflash{
		padding-top: 30px;
	}
	
	.newsflash .item{
		width: calc(50% - 13px);
	}
	
	.newsflash .item:first-child{
		margin-right: 24px;
	}
	
	.newsflash.newsflash-ic-3 .item{
		margin-right: 0px !important;
		width: 100%;
		max-width: none;
		margin-bottom: 30px;
	}
	
	.newsflash.newsflash-ic-3 .slide-inner{
		display: block;
	}
	
	.newsflash.newsflash-ic-3 .item .image{
		height: 240px;
	}
	
	.mod-si-home-karriere .image{
		text-align: center;
	}
	
	.mod-si-home-karriere img{
		margin: 0 auto;
	}
	
	.mod-si-home-mission .container-fluid{
		padding: 0px;
	}
	
	.mod-si-home-mission .row-large-gaps{
		--bs-gutter-x: 0px;
	}
	
	.mod-breadcrumbs{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.mod-breadcrumbs ol > li::before{
		top: 4px;
	}
	
	.blog-default .item .title{
		display: inline-block;
	}
	
	#einrichtungen-list .items .item,
	#joboffers-list .items .item{
		padding: 15px 0px;
		width: calc(50% - 15px);
		margin-right: 15px;
		margin-bottom: 20px;
	}
	
	#einrichtungen-list .items .item:nth-child(2n),
	#joboffers-list .items .item:nth-child(2n){
		background: none;
		padding-right: 0px;
		margin-right: 0px;
	}
	
	#gmap{
		height: 400px;
	}
	
	#calendar_result{
		margin: 0 auto;
	}
	
	.overview-table .ot-item{
		padding: 15px 0px;
		width: 100%;
		margin-right: 0px;
	}
	
	.overview-table .ot-item__top .ot-item__title{
		font-size: 18px;
	}
	
	.overview-table .ot-item__bottom > div{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#eb-event-list > .inner > .col-12{
		padding: 0px;
	}
	
	#gmap_optin{
		min-height: 400px;
	}
	
	#cta-ani-a-location{
		width: 220px;
	}
	
	#fwd-listing .volunteer-data,
	#fwd-listing .volunteer-data__message{
		font-size: 18px;
		line-height: 28px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#fwd-listing .volunteer-data strong,
	#fwd-listing .volunteer-data__counter.state-1,
	#fwd-listing .volunteer-data__counter.state-2{
		font-size: 22px;
		line-height: 28px;
	}
	
	.accordion-fwd .checkbox-wrap{
		font-size: 20px;
	}
	
}

@media (max-width: 767.99px){
	
	h1, .h1{
		font-size: 30px;
	}
	
	h2, .h2{
		font-size: 26px;
	}
	
	h3, .h3{
		font-size: 22px;
	}
	
	.box-info-awopeople,
	.infobox.--awo-people{
		padding-right: 150px;
		margin-top: 1rem;
	}
	
	.box-info-awopeople::before,
	.infobox.--awo-people::before{
		right: 20px;
		width: 120px;
		height: 154px;
		bottom: -22px;
	}
	
	.spacing-top-1{
		padding-top: 10px !important;
	}
	
	.spacing-top-2{
		padding-top: 15px !important;
	}
	
	.spacing-top-3{
		padding-top: 25px !important;
	}
	
	.spacing-top-4{
		padding-top: 35px !important;
	}
	
	.spacing-top-5{
		padding-top: 40px !important;
	}
	
	.spacing-top-6{
		padding-top: 45px !important;
	}
	
	.spacing-top-7{
		padding-top: 60px !important;
	}
	
	.spacing-top-8{
		padding-top: 70px !important;
	}
	
	.spacing-top-9{
		padding-top: 85px !important;
	}
	
	.spacing-bot-1{
		padding-bottom: 10px !important;
	}
	
	.spacing-bot-2{
		padding-bottom: 15px !important;
	}
	
	.spacing-bot-3{
		padding-bottom: 25px !important;
	}
	
	.spacing-bot-4{
		padding-bottom: 35px !important;
	}
	
	.spacing-bot-5{
		padding-bottom: 40px !important;
	}
	
	.spacing-bot-6{
		padding-bottom: 45px !important;
	}
	
	.spacing-bot-7{
		padding-bottom: 60px !important;
	}
	
	.spacing-bot-8{
		padding-bottom: 70px !important;
	}
	
	.spacing-bot-9{
		padding-bottom: 85px !important;
	}
	
	.mission-tabs .tab-content{
		font-size: 16px;
	}
	
	.cta-single,
	.cta-double{
		padding-top: 220px;
	}
	
	.cta__inner{
		display: block;
		text-align: center;
		position: relative;
	}
	
	.cta__textblock{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.cta__imageblock{
		position: static;
		width: 100%;
	}
	
	.cta__imageblock-a,
	.cta__imageblock.--left{
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	
	.cta__imageblock img{
		height: 220px;
		margin: 0 auto;
		bottom: 100%;
		width: auto;
	}
	
	.cta__imageblock .cta__lottie-a{
		margin: 0 auto;
		bottom: 100%;
		width: auto;
	}
	
	.cta__imageblock .cta__lottie-a .lottie{
		width: auto !important;
		height: 220px !important;
	}
	
	.cta__imageblock-b{
		display: none;
	}
	

	.cta-small.cta-single{
		padding-top: 180px;
	}
	
	.cta-small .cta__imageblock .cta__lottie-a .lottie{
		height: 160px !important;
	}
	
	.cta-small .cta__text{
		font-size: 26px;
		line-height: 36px;
	}
	
	.cta-small .cta__textblock{
		padding: 20px !important;
	}
	
	.newsflash .slide-inner{
		display: block;
	}
	
	.newsflash .item{
		max-width: none;
		width: 100%;
	}
	
	.newsflash .item:first-child{
		margin: 0px 0px 30px 0px;
	}
	
	.newsflash .item > .inner{
		display: block;
		width: auto;
		height: auto;
	}
	
	.newsflash .item .image{
		height: 300px;
	}
	
	.newsflash .item .content{
		padding: 20px;
	}
	
	.newsflash .item .readmore{
		padding-top: 20px;
	}
	
	.content-right img,
	.blog-right img{
		margin: 0 auto;
	}
	
	#content .fulltext .row > div{
		margin-bottom: 20px;
	}
	
	#content .fulltext .row > div:last-child{
		margin-bottom: 0px;
	}
	
	.pagination .page-item{
		margin-right: 10px;
	}
	
	.pagination .page-link{
		padding: 5px;
		min-width: 32px;
	}
	
	.card-contact{
		margin-bottom: 10px;
	}
	
	.card-contact .contact-name span{
		font-size: 18px;
	}
	
	#einrichtungen-list .items .item,
	#joboffers-list .items .item{
		margin-right: 0px;
		width: 100%;
	}
	
	#einrichtungen-list .items .item > div,
	#joboffers-list .items .item > .inner > div{
		padding-left: 12px;
		padding-right: 12px;
	}
	
	#eb-event-info table{
		font-size: 14px;
	}
	
	#eb-event-info .table > :not(caption) > * > *{
		padding: 5px;
	}
	
	.awo-header .aligner{
		display: block;
	}
	
	.awo-header .textblock{
		max-width: none;
		width: 100%;
	}
	
}

@media (max-width: 575.99px){
	
	h1, .h1{
		font-size: 28px;
	}
	
	h2, .h2{
		font-size: 24px;
	}
	
	.btn{
		font-size: 16px;
		padding: 4px 12px;
	}
	
	.spacing-top-1{
		padding-top: 10px !important;
	}
	
	.spacing-top-2{
		padding-top: 15px !important;
	}
	
	.spacing-top-3{
		padding-top: 20px !important;
	}
	
	.spacing-top-4{
		padding-top: 25px !important;
	}
	
	.spacing-top-5{
		padding-top: 30px !important;
	}
	
	.spacing-top-6{
		padding-top: 40px !important;
	}
	
	.spacing-top-7{
		padding-top: 50px !important;
	}
	
	.spacing-top-8{
		padding-top: 60px !important;
	}
	
	.spacing-top-9{
		padding-top: 75px !important;
	}
	
	.spacing-bot-1{
		padding-bottom: 10px !important;
	}
	
	.spacing-bot-2{
		padding-bottom: 15px !important;
	}
	
	.spacing-bot-3{
		padding-bottom: 20px !important;
	}
	
	.spacing-bot-4{
		padding-bottom: 25px !important;
	}
	
	.spacing-bot-5{
		padding-bottom: 30px !important;
	}
	
	.spacing-bot-6{
		padding-bottom: 40px !important;
	}
	
	.spacing-bot-7{
		padding-bottom: 50px !important;
	}
	
	.spacing-bot-8{
		padding-bottom: 60px !important;
	}
	
	.spacing-bot-9{
		padding-bottom: 75px !important;
	}
	
	.box-info, .infobox{
		padding: 15px;
	}
	
	.box-info-awopeople,
	.infobox.--awo-people{
		padding-right: 15px;
		padding-bottom: 154px;
	}
	
	.box-info-awopeople::before,
	.infobox.--awo-people::before{
		right: 10%;
		width: 145px;
	}
	
	#navbar{
		padding-top: 20px;
	}
	
	#navbar .logo-wrap{
		padding-top: 0px;
	}
	
	.awo-header{
		background: var(--clr-grey-1);
	}
	
	.awo-header,
	.awo-header-slideshow div,
	.awo-header .aligner{
		height: auto;
		min-height: 1px;
	}
	
	.awo-header .background{
		position: relative;
		height: 200px;
	}
	
	.awo-header .textblock{
		padding: 0px;
		background: none !important;
	}
	
	.awo-header .aligner{
		padding-top: 25px;
		padding-bottom: 5px;
	}
	
	.awo-header .textblock-grey{
		background: rgba(255, 255, 255, 0.75);
	}
	
	.awo-header .textblock-grey,
	.awo-header .textblock-grey .sub-title,
	.awo-header .textblock-grey .description-wrap *{
		color: var(--clr-grey-4);
	}
	
	.awo-header .textblock-grey .title{
		color: var(--clr-grey-5);
	}
	
	.awo-header-slideshow .slick-dots{
		display: none !important;
	}
	
	.teaser-classic .title{
		padding: 15px 35px 15px 15px
	}
	
	.teaser-classic .title span{
		font-size: 18px;
	}
	
	.teaser-classic .title::after{
		top: calc(50% - 8px);
		border-top: 8px solid transparent;
		border-left: 10px solid var(--clr-white);
		border-bottom: 8px solid transparent;
	}
	
	.cta-single,
	.cta-double{
		padding-top: 220px;
	}
	
	.cta__imageblock img{
		height: 180px;
	}
	
	.cta__text{
		font-size: 24px;
		line-height: 30px;
	}
	
	.cta-img-left .cta__textblock{
		padding: 20px;
	}
	
	.cta-small .cta__text{
		font-size: 24px;
		line-height: 32px;
	}
	
	.cta-small .cta__textblock{
		padding: 15px !important;
	}
	
	
	#content-footer{
		display: block;
	}
	
	#content-footer > div{
		margin-bottom: 20px;
		margin-left: 0px;
	}
	
	#content-footer > div:last-child{
		margin-bottom: 0px;
	}
	
	#content-footer .footer-form{
		margin-left: 0px;
	}
	
	#gmap_optin{
		min-height: 470px;
	}
	
	#gmap_optin > form{
		position: relative;
	}
	
	.mod-breadcrumbs ol{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	
	.mod-breadcrumbs ol > li:first-child{
		margin-left: 0px;
	}
}