/*
Theme Name: UNIPLUS LAK - Hessen
Author: UNIPLUS Software GmbH
Author URI: https://uniplus.de
Description: UNIPLUS LAK - Hessen
Requires at least: WordPress 5.0.0
Version: 0.1
License:
License URI: LICENSE
Text Domain: UNIPLUS LAK - Hessen
*/

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 200;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 300;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 500;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 600;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 700;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 800;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}
@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 900;
	src: url("lib/fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-display: fallback;
}

#header-logo {
	background-image: url('/wp-content/themes/uni-ak-demo/img/lakhessen_logo.png') !important;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

:root {
	--pure-white: #FFFFFF;
	--white: #FEFEFE;
	--grey: #F5F5F5;
	--gray: #F5F5F5;
	--dark-gray: #c3c5c5;
	--black: #3e3e3e;
	--primary-light: #E5343A;
	--primary-dark: #bb060d;
	--link_color: #E5343A;
	--link_hover_color: #6a6e94;
	--body-background-color: #fdfbff;
	--footer-background-color: #004c8c;
}

html, body {
	overflow-x: hidden;
}
body {
	position: relative;
}

body {
	font-family: "Source Sans 3", sans-serif;
	font-size: 18px;
	color: #000;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	min-height: 100vh;
	overflow-y: scroll;
}

.color-primary-light {
	color: var(--primary-light);
}

/* @font-face {
	font-family: "Roboto";
	src: url("fonts/Roboto-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Black";
	src: url("fonts/Roboto-Black.ttf");
	font-weight: 400;
	font-style: normal;
} */

@media (min-width: 1600px) {
	.container, .container-md, .container-lg {
		max-width: 1600px;
	}
}


body {
	margin: 0;
	padding: 0;
	height: 100vh;
	color: var(--text_color_dark);
	/*background-color: var(--body-background-color);*/
	min-height: 100%;
}

p {
	font-size: 20px;
	color: #484848;
	margin-bottom: 30px;
	letter-spacing: 0.7px;
}

div.site {
	/*display: flex;*/
	/*flex-flow: column nowrap;*/
	/*justify-content: space-between;*/
	min-height: 100vh;
}

a {
	color: var(--link_color);
}

a:hover {
	color: var(--link_hover_color);
	text-decoration: none !important;
}

label {
	font-weight: bold;
}

.site-content {
	padding-top: 40px;
	padding-bottom: 20px;
	flex: 1 0 auto;
}

figcaption {
	text-align: center;
	font-size: 8px;

}

/* ========== Header ========== */

header {
	background-color: var(--primary_color_1);
}

@media (min-width: 576px) {
	@supports ((position: -webkit-sticky) or (position: sticky)) {
		header {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			z-index: 1020;
		}
	}
}

a[data-target="#collapse-search-form"] {
	display: none;
}

#logo {
	width: 233px;
	height: auto;
	transition: 0.2s;
}

#logo_sm {
	width: 150px;
	height: auto;
	transition: 0.2s;
}

.custom-logo {
	width: auto;
	height: 160px;
	transition: 0.2s;
}

#uni_search_login_line {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
}

#search {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	width: 100%;
}


h1, h2, h3, h4, h5, h6 {
	margin-bottom: 13px;
	letter-spacing: 0.8px;
	color: var(--black);
}

h1, .h1 {
	font-size: 1.75rem;
	color: #E5343A;
	margin-bottom: 0.75em;
}
@media screen and (min-width: 992px) {
	h1, .h1 {
		margin-bottom: 1em;
	}
}

h2, .h2 {
	font-size: 1.75rem;
	color: #E5343A;
	margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
	h2, .h2 {
		margin-bottom: 1em;
	}
}

h3, .h3 {
	font-size: 1.5rem;
	color: #E5343A;
	margin-bottom: 0.5em;
}

h4, .h4 {
	font-size: 1.25rem;
	color: #E5343A;
	margin-bottom: 0.5em;
}

h5, .h5 {
	font-size: 1rem;
	color: #E5343A;
	margin-bottom: 0.5em;
}


.has-white-color h1, .has-white-color h2, .has-white-color h3, .has-white-color h4,
.has-white-color p, .has-white-color a {
	color: unset;
}

h5 {
	font-size: 0.75rem;
}

h6 {
	font-size: 0.6rem;
}

.teaser-subtitle {
	padding-bottom: 25px;
}

#footer-container {
	margin-bottom: 10px;
}

#footertext {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.menu-footer-menu-container a {
	font-size: 10px;
}


.uni-calendargroup .table th, .uni-calendargroup .table td {
	padding: unset;
}


.form-control {
	border: none;

	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	border-radius: 5px;
	width: 100%;
}

.form-control::placeholder {
	color: var(--dark-gray)
}

.form-control.search-text-input {
	/* border-radius: unset; */
	/* border-top-left-radius: 25px; */
	/* border-bottom-left-radius: 25px; */
}

.form-control:focus {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#member_menu {
	background-color: var(--primary_color_2);
}

#member_menu a {
	color: var(--primary_color_1);
}

#main_navigation {
	background-color: var(--primary_color_1);
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.25);

}

#main_navigation a {
	color: var(--primary_color_2);
}

#member_menu li.highlight {
	background-color: var(--secondary_color_1);
}

#member_menu li.highlight a {
	color: var(--text_color_light);
}

#main_navigation li.highlight {
	background-color: var(--secondary_color_1);
}

#main_navigation li.highlight a {
	color: var(--text_color_light);
}

#social_menu {
	margin: 0.5em 0;
}

#social_menu ul {
	display: flex;
	flex-flow: row-reverse nowrap;
	padding: 0;
	margin: 0;
}

#social_menu li {
	list-style-type: none;
	margin-left: 1em;
}

#social_menu a {
	color: var(--primary_color_2);
	text-decoration: none;
}

#social_menu a:hover {
	color: var(--secondary_color_2);
}

/* ========== Suche ========== */

#datafetch {
	align-self: flex-start;
	position: absolute;
	top: 45px;
	z-index: 3;
	width: calc(100% - 30px);
	background-color: white;
	border: 1px solid var(--primary_color_2);
	box-shadow: 0px 5px 5px 0px #999;
}

#datafetch ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#datafetch li {
	padding: 2px 5px;
	border-bottom: 1px solid var(--primary_color_1);
}

#datafetch li:last-of-type {
	border-bottom: none;
}

#datafetch li:hover {
	background-color: var(--primary_color_1);
}

/* .search_excerpt {
	padding-left: 1em;
} */

/* ========== Mega Menu ========== */

.megamenu {}

.megamenu:hover .megamenu-box {
	/* display: block; */
	visibility: visible;
	transform: translateY(0%) scaleY(1);
	transition: visibility 0s, transform 0.2s;
}

.megamenu-title {
	/*position: relative;*/
}

.megamenu-box {
	/*display: none;*/
	visibility: hidden;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 100;
	margin: 0;
	padding: 0.5em 0;
	border: none;
	border-radius: unset;
	background-color: var(--secondary_color_2_unsaturated);
	/*#F8F4F4;*/
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.25);
	transform: translateY(-50%) scaleY(0);
	transition: visibility 0s 0.2s, transform 0.2s;
}

.megamenu-box a {
	text-decoration: none;
}

.mm_top_row {
	padding-top: 1em;
}

.mm_top_description {
	padding-top: 0.5em;
	padding-bottom: 1em;
	color: var(--primary_color_2);
}

.mm_top_right {
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-left: 1px solid var(--secondary_color_2);
}

.mm_top_icon {
	margin: 0 0.5em 0 0;
}

.mm_top_link {
	display: inline-block;
	vertical-align: middle;
}

.mm_top_title {
	color: var(--secondary_color_2);
}

.mm_top_text {
	font-size: 80%;
	color: var(--primary_color_2);
}

.mm_middle {
	border-top: 1px solid var(--secondary_color_2);
}

.mm_bottom_row {
	padding: 1em 0;
	width: 100%;
}

.mm_entry {
	font-size: 80%;
}

.mm_entry a {
	color: var(--primary_color_2) !important;
}

.mm_entry_title {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.mm_entry_text {
	margin-bottom: 1em;
}

.uni-breadcrump-menu {
	margin: 5px 0 10px 0;
}

.uni-breadcrump-item {
	font-size: 14px;
}

.uni-breadcrump-menu p {
	margin: unset !important;
	padding: unset !important;
}

/* ========== Search results (search.php) ========== */

#searchresults .tab-content {
	background-color: unset;
	padding: 0px;
}

/* ========== Footer ========== */

footer {
	color: #ffffff;
	padding-top: 55px;
	/*font-size: 14px;*/
	margin-top: 25px;
}

.footer-header {
	color: black;
	font-size: 1.625rem;
	font-weight: 600;
	text-align: center;
	padding-top: 2.5rem;
}

footer h5 {
	color: var(--primary-light);
}

.footer-navigation ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	float: right;
}

.footer-navigation ul li {
	list-style-type: none;
	display: inline;
}

.footer-navigation ul li:after {
	content: ' | ';
}

.footer-link {
	color: white;
	font-size: 18px;
}

footer .footer-link:hover {
	color: white;
	text-decoration: underline !important;
}
.footer-navigation ul li:last-child:after {
	content: '';
}

.footer-navigation ul li a, .footer-social-menu-item {
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1.1px;
}
footer .icon-wrapper {
	font-size: 2rem;
	margin-right: 1rem;
}

.footer-texte {
	font-size: 18px;
	font-weight: 400;
}

.text-decoration-underline {
	text-decoration: underline;
}

.footer-navigation ul li a {
	text-transform: uppercase;
}

.footer-navigation ul li a:hover, .footer-navigation ul li a:active,
.footer-social-menu-item:hover, .footer-social-menu-item:active {
	color: #ffffff;
	text-decoration: none;
}

footer .footer {

}

footer .footer-phone .text-wrapper {
	font-size: 1.625rem;
}
.footer-kacheln {
	background-color: #efeff0;
	padding: 65px 0;
}

.kurs-list-item {
	/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	/* margin: 25px 0; */
}

.bg-light {
	background-color: #EFF0F5 !important;
}

.bg-primary {
	background-color: #E5343A !important;
}

.kurs-list-item .teaser-image {
	border-bottom: 1px solid #efeff0;
	height: 220px;
}
.kurs-list-item .teaser-image-info {
	color: #ffffff;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 50px;
}

.kurs-list-item a {
	/* color: unset; */
	width: 100%;
	text-transform: uppercase;
	font-size: small;
	font-weight: bold;
	letter-spacing: 2px;
}

.kurs-list-item a:hover {
	text-decoration: none;
}

.kurs-list-item .teaser-text {
	/* padding: 10px; */
	/*min-height: 390px;*/
	/*max-height: 390px;*/
}

input:not([type=radio]), select, textarea, .form-control, .form-select {
	font-size: 1.125rem;
	padding: 0.375rem 1rem;
	border-radius: 2rem;
	border-color: rgb(209.2153846154, 212.0769230769, 226.3846153846);
}

.kurs-list-item .teaser-date {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 70%;
	/* color: #005fac; */
}

.kurs-list-item .teaser-text h4 {
	font-size: 1.2em;
}



/* Pagination */

ul.pagination {
	margin: 16px 0;
	display: flex;
	align-items: center;
	justify-content: end;
}

li.pagination-item {
	text-align: center;
	color: var(--primary_color_1);
}

li.pagination-item:last-child:after {
	content: '';
}

a.page-numbers {
	color: var(--primary_color_2);
}

/* Kurs- und Seminarsuche */

.uni-form {
	background-color: var(--pure-white);
	border-radius: 5px;
	padding: 1rem 1.25rem;
	margin-bottom: 3rem;
	box-shadow: 0 3px 8px 0 rgba(17, 17, 17, 0.15);
}

.uni-form h2 {
	font-size: 24px;
	padding: 20px 0 10px 0;
	margin: 0;
}

.uni-form h3 {
	font-size: 22px;
	padding: 20px 0 10px 0;
	margin: 0;
}

.uni-form h4 {
	font-size: 20px;
	padding: 20px 0 10px 0;
	margin: 0;
}

.search-button-input .btn {
	/* border-top-right-radius: 25px; */
	/* border-bottom-right-radius: 25px; */
}

.search_block {
	/*padding: 15px;*/
}

.nav-tabs {
	margin: 0;
	border: unset;
}

.navbar-nav .nav-item {
	font-size: 15px;
}

.nav-tabs .nav-item {
	margin-bottom: 0px;
	border-bottom: none;
}

.nav-tabs .nav-link {
	border: none;
	border-radius: 0;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	background-color: white;
}

.nav-tabs .nav-link.active {
	color: white;
	background-color: var(--secondary_color_1);
}

.tab-content {
	/*background-color: var(--primary_color_1);*/
	padding: 15px;
}

.swipe-horizontal li a {
	position: relative;
	display: block;
	padding: 10px 20px;
}

.single-search-result .list-group-item {
	border: unset;
	padding: 0;
}

.single-search-result .list-group {
	border-bottom: 1px solid #efeff0;
	padding: 0;
}

.single-search-result .listgroup-intro {
	margin-top: 25px;
}

.single-search-result p {
	margin: 5px 0;
}

#warenkorb .btn.btn-link.btn-danger {
	color: red;
	background-color: unset;
	border: none;
}

#warenkorb .btn.btn-link.btn-danger:active:focus {
	box-shadow: none;
}

.uni-warenkorb-item:nth-child(odd), .uni-warenkorb-participant:nth-child(odd) {
	background-color: #ffffff;
}

.uni-warenkorb-bgcolor {
	background-color: #ffffff;
	/*background-color: var(--primary_color_1, #EEE);*/
}

.single-search-result {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Modulsuche */

.searchhit-icon {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 15px;
	font-size: 2em;
	min-height: 50px;
}

.searchhit-icon .gruen {
	color: green;
}

.searchhit-icon .gelb {
	color: #ffdd00;
}

.searchhit-icon .rot {
	color: red;
}

/* further classes */

#searchresults .nav-tabs {
	margin: 10px 0;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: var(--primary_color_1);
}

.table tr th {
	border-top: unset;
}

.alignleft {
	display: block;
	margin-left: 0;
	margin-right: auto;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	display: block;
	margin-left: auto;
	margin-right: 0;
}

/* related to warenkorb */
.table-nostripes tr {
	background-color: initial !important;
}

.table-nostripes tr:first-child td {
	border-top: none;
}

.module-table-without-coursename {
	margin-top: -1.1rem;
}

.kurs-logo-wrapper {
	background-color: white;
	text-align: right;
	margin-bottom: 32px;
}

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 5px;
	background-color: white;
}

.bs-callout h4, .bs-callout h5 {
	font-size: 1rem;
	margin-top: 0;
	margin-bottom: 5px;
}

.bs-callout p {
	font-size: 18px;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code {
	border-radius: 3px;
}

.bs-callout+.bs-callout {
	margin-top: -5px;
}

.bs-callout-default {
	border-left-color: #777;
}

.bs-callout-default h4 {
	color: #777;
}

.bs-callout-primary {
	border-left-color: #428bca;
}

.bs-callout-primary h4,
.bs-callout-primary h5 {
	color: #428bca;
}

.bs-callout-success {
	border-left-color: #5cb85c;
}

.bs-callout-success h4,
.bs-callout-success h5 {
	color: #5cb85c;
}

.bs-callout-danger {
	border-left-color: #d9534f;
}

.bs-callout-danger h4,
.bs-callout-danger h5 {
	color: #d9534f;
}

.bs-callout-warning {
	border-left-color: #f0ad4e;
}

.bs-callout-warning h4,
.bs-callout-warning h5 {
	color: #f0ad4e;
}

.bs-callout-info {
	border-left-color: var(--primary-light);
}

.bs-callout-info h4,
.bs-callout-info h5 {
	border-left-color: var(--primary-light);
}

/* Formulare */

.form-control.is-invalid {
	background-color: #fdd;
}

/* Kundenportal */

.uni-login-nav>ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8px;
}

.uni-dropdown-menu {
	min-width: 250px;
	z-index: 3;
	background-color: var(--white);
	border: 1px solid var(--grey);
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.uni-dropdown-menu .uni-form {
	box-shadow: unset;
	padding: 0;
}

.uni-dropdown-menu>.dropdown-item:hover {
	background-color: inherit;
}

.uni-dropdown-menu>.dropdown-item:active {
	color: inherit;
	text-decoration: inherit;
	background-color: inherit;
}

.uni-dropdown-menu>.dropdown-item:focus {
	color: inherit;
	text-decoration: inherit;
	background-color: inherit;
}

.uni-dropdown-item {
	padding: 0px;
}

.uni-dropdown-item-logged-in {
	padding: 0px 0px 0px 10px;
}

/* Kacheln */

.bg-container {
	border: solid 4px var(--secondary_color_1);
	margin: 5px;
	min-height: 180px;
	max-height: 180px;
	overflow: hidden;
}

.bg-image {
	/* Add the blur effect */
	filter: blur(2px);
	-webkit-filter: blur(2px);
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Position text in the middle of the page/image */

.bg-text {
	background-color: var(--secondary_color_1_transparent);
	/* Fallback color */
	/* background-color: rgba( 68, 141, 222, 0.7); */
	/* Black w/opacity/see-through */
	color: white;
	font-weight: bold;
	/*border: 3px solid #f1f1f1;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 75%;
	padding: 20px;
	text-align: center;
}

.text-between-lines p {
	overflow: hidden;
	text-align: center;
	margin: 0 !important;
	padding: 0;
	font-size: 12px;
	color: black;
}

.text-between-lines {
	margin-top: 15px;
	margin-bottom: 15px;
}

.text-between-lines p:before,
.text-between-lines p:after {
	background-color: var(--primary-dark);
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.text-between-lines p:before {
	right: 0.5em;
	margin-left: -50%;
}

.text-between-lines p:after {
	left: 0.5em;
	margin-right: -50%;
}

/* ==================================================== */

/* Color classes                                        */

.text_color_dark {
	color: var(--text_color_dark);
}

.text_color_light {
	color: var(--text_color_light);
}

.link_color {
	color: var(--link_color);
}

.link_hover_color {
	color: var(--link_hover_color);
}

.primary_color_1 {
	color: var(--primary_color_1);
}

.bgc_primary_color_1 {
	background-color: var(--primary_color_1);
}

.primary_color_1_darker {
	color: var(--primary_color_1_darker);
}

.primary_color_2 {
	color: var(--primary_color_2);
}

.primary_color_2_lighter {
	color: var(--primary_color_2_lighter);
}

.secondary_color_1 {
	color: var(--secondary_color_1);
}

.secondary_color_1_darker {
	color: var(--secondary_color_1_darker);
}

.secondary_color_1_transparent {
	color: var(--secondary_color_1_transparent);
}

.secondary_color_2 {
	color: var(--secondary_color_2);
}

.secondary_color_2_unsaturated {
	color: var(--secondary_color_2_unsaturated);
}

/* ==================================================== */

/* Comments */


#comments ul {
	list-style: none;
	padding-inline-start: 20px;
}
#comments > ul {
	padding-inline-start: 0px;
}

#comments li.odd {
	border-left: 5px solid var(--primary_color_1);
}
#comments li.even {
	border-left: 5px solid var(--primary_color_1_darker);
}

#comments li.odd > article {
	margin: 5px 0;
	padding: 0 5px;
	background-color: white;
}
#comments li.even > article {
	padding: 5px;
	background-color: var(--primary_color_1);
}

#comments footer {
	/* overwrite color of site footer */
	background-color: inherit;
}

#comments textarea {
	width: 100%;
}

.no-margin {
	margin: 0px !important;
}

.no-padding {
	padding: 0px !important;
}


/* ==================================================== */

/* Site-Block */


/* ==================================================== */

/* Site-Block */

#main h1 {
	font-size: 2rem;
	margin-bottom: 2rem;
	/*margin-left: 1rem;*/
}

main {
	min-height: 470px;
}

/* ==================================================== */

/* Side Menu */

#uni-base-side-menu-ul {
	background-color: var(--primary_color_1);
	overflow-x: hidden;
	list-style-type: none;
	margin: 0;
	border-bottom: 1px solid var(--text_color_dark);
	padding: 0;
}

/* Style the sidenav links and the dropdown button */
.uni-base-side-menu-item, .uni-base-side-menu-dropdown-btn {
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	/* font-size: 20px; */
	color: var(--text_color_dark);
	display: block;
	border: none;
	background: none;
	width:100%;
	text-align: left;
	cursor: pointer;
	outline: none !important;
}

/* On mouse-over */
#uni-base-side-menu-ul a:hover, .uni-base-side-menu-dropdown-btn:hover {
	background-color: var(--primary_color_1_darker);
	color: var(--text_color_dark);
	text-decoration: none;
}

.uni-base-side-menu-active {
	background-color: var(--secondary_color_1);
	color: var(--text_color_light);
}

.uni-base-side-menu-dropdown-container {
	display: none;
	padding-left: 0px;
}

.uni-base-side-menu-caret-container {
	float: right;
	padding-right: 8px;
}

/* Different levels */
.uni-base-side-menu-item.lvl-0, .uni-base-side-menu-dropdown-btn.lvl-0 {
	border-top: 1px solid var(--text_color_dark);
	padding-left: 4px;
	font-size: 110%;
	font-weight: 500;
}
.uni-base-side-menu-item.lvl-1, .uni-base-side-menu-dropdown-btn.lvl-1 {
	border-top: 1px solid var(--text_color_dark);
	padding-left: 8px;
}
.uni-base-side-menu-item.lvl-2, .uni-base-side-menu-dropdown-btn.lvl-2 {
	padding-left: 12px;
	font-size: 90%;
	color: var(--sec)
}


/* ==================================================== */

/* Side Bar */

.side-bar-box {
	background-color: var(--primary_color_1);
}

/* ==================================================== */

/* Member Menu */

#member_menu .dropdown-toggle:after {
	vertical-align: 0.1em;
}

#member_menu .nav-link:hover {
	background-color: var(--primary_color_2_lighter);
}

.dropdown {
	position: relative;
}

.dropdown:hover .uni-member-dm {
    display: block;
}

.dropdown-submenu>a.dropdown-toggle:after {
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.dropdown .uni-member-dm {
	top: 100%;
    left: 0%;
	min-width: 0;
	padding: 0;
	margin-top: 0px;
	margin-left: 0px;
	color: unset;
	background-color: var(--primary_color_2);
	border: 0;
	border-radius: 0;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu:hover .uni-member-dsm {
	display: block;
}

.dropdown-submenu>a.dropdown-toggle:after {
	border-top: 0.3em solid transparent;
	border-right: 0;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid;
}

.dropdown-submenu .uni-member-dsm {
	top: 0%;
    left: 100%;
	min-width: 0;
	padding: 0;
	margin-top: 0px;
	margin-left: 0px;
	color: unset;
	background-color: var(--primary_color_2);
	border: 0;
	border-radius: 0;
}

.uni-member-di {
	display: block;
	width: 100%;
	clear: both;
	font-weight: 400;
	line-height: 1.5;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.uni-member-di:hover {
	background-color: var(--primary_color_2_lighter);
}

.searchhit-text-item-key {
	font-weight: bold;
}


/* ==================================================== */

/* filter-letter */

#main .filter-letter {
	position: relative;
	display: flex;
	margin-bottom: 2rem;
}

.filter-letter .filter-letter-item {
	text-decoration: none !important;
	outline: none;
	min-width: 27px;
	min-height: 27px;
}

.filter-letter #filter-letter-item-alle {
	min-width: 40px;
}

.filter-letter-container {
	position: relative;
	background: var(--primary_color_1);
	max-width: 100%;
	outline: none;
}

.filter-letter-list {
	position: relative;
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	outline: none;

	-ms-overflow-style: none;	/* Disable scrollbar IE 11 */
    scrollbar-width: none;	/* Disable scrollbar Firefox 64 */
}

.filter-letter-list::-webkit-scrollbar {
	display: none;	/* Disable scrollbar Chrome/Safari/Webkit */
}

.filter-letter-list.active, .filter-letter-list:active {
	outline: none;
}

.filter-letter-item {
	position: relative;
    border: 1px solid transparent;
	border-radius: 0;
    padding: 0.15rem 0.2em;
	color: var(--secondary_color_1);
	background: transparent;
	outline: none;
}

.filter-letter-item:hover {
	background-color: var(--secondary_color_1_transparent);
    color: var(--secondary_color_2_unsaturated);
	outline: none;
}

.filter-letter-item.active, .filter-letter-item:active {
	background-color: var(--secondary_color_1_transparent);
    color: var(--secondary_color_2_unsaturated);
	cursor: default;
	outline: none;
}

.filter-letter-item.disabled {
	color: var(--primary_color_1_darker);
	cursor: default;
	outline: none;
}

.filter-letter-list:active .filter-letter-item {
	cursor: grabbing;
	outline: none;
}


/* ==================================================== */

/* FAQ */

.faq .faq-acc {
	margin-bottom: 10px;
}

.faq .faq-c {
	border: 1px solid var(--primary_color_1_darker);
	border-radius: 0;
	box-shadow: 2px 4px 2px -2px rgba(0, 0, 0, 0.25);
}

.faq .faq-ch {
	background-color: var(--primary_color_1);
	padding: 0rem 0rem 0.5rem 0rem;
	border-bottom: 0;
}

.faq .faq-btn {
	text-decoration: none;
}

.faq .faq-cb {
	padding: 1rem;
}

/* ==================================================== */

/* Live-Search */

#faq-search {
	width: 100%;
	font-size: 18px;
	padding: 0.5rem;
	border: 2px solid var(--primary_color_1_darker);
	border-radius: 0;
	margin-bottom: 2rem;
}

/* ==================================================== */

/* Glossar */

.glossar-table {
	width: 100%;
	margin: 2rem 0;
}

.glossar-table thead th {
	font-size: 1.5rem;
	color: var(--secondary_color_1_transparent);
}

.glossar-table tbody {

}

.glossar-table tbody tr{
	border-top: 1px solid var(--primary_color_1_darker);

}

.glossar-table tbody tr td{
    padding: 0.4rem 0;
}

.glossar-table .glossar-begriff{
	vertical-align: top;
	width: 10rem;
}


/* ==================================================== */

/* Smallshop */

.smsh-caret {
	margin-left: 0.2rem;
    font-size: 0.8rem;
}

.smsh-btn-flex-wrapper, .smsh-flex-wrapper{
	display: flex;
	justify-content: center;
}

/* shop */

.smsh-shop {
	padding-bottom: 25rem;
}

.smsh-shop hr {
	display: block;
	margin-top: 0rem;
	margin-bottom: 0rem;
	margin-left: 1rem;
	margin-right: 1rem;
	border-top: 1px solid rgba(0, 0, 0, 0.25);
	max-width: 100%
}

.smsh-shop .hr-medium {
	padding: 0;
    margin-left: 0;
}

.smsh-shop .hr-medium>hr {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0rem;
    margin-right: 0rem;
    border-top: 1px solid rgba(45, 111, 164, 0.2);
	max-width: 100%;
	width: 100%;
	border-width: medium;
}

.smsh-item-block {
	border-radius: 0;
	box-shadow: 2px 4px 2px -2px rgba(0, 0, 0, 0.25);
	margin-bottom: 1rem;
}

.smsh-item-block .row {
	margin: 0rem;
}

.smsh-item-thumbnail {
	padding-top: 0.5rem;
	padding-left: 0rem;
}

.smsh-item-excerpt {
	padding-right: 0rem;
	padding-left: 0rem;
	padding-bottom: 0rem;
	padding-top: 0.5rem;
}

.smsh-item-desc-btn {
	padding: 0.75rem;
	padding-left: 1.25rem;
}

.smsh-item-desc {

}

.smsh-item_num-price {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.smsh-item_num-price p{
	margin: 0rem;
}

.smsh-item_num {

}

.smsh-item_price {
	text-align: right;
}

.smsh-cart-item_input {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.smsh-cart-item_num {
	max-width: inherit;
}

.smsh-cart-additem-btn {
	padding: 0rem;
}

.smsh-cart-additem-btn>i {
	color: var(--secondary_color_1);
}

.smsh-cart-info {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 0rem;
	text-align: center;
}

/* warenkorb */

.smsh-warenkorb {
	padding-bottom: 0rem;
}

.smsh-warenkorb .card {
	border-radius: 0;
}

.smsh-warenkorb .card-header {
	display: flex;
	justify-content: center;
	padding: 0rem;
	padding-top: 0.25rem;
	padding-bottom: 0.2rem;
}

.smsh-warenkorb .card-header div{
	display: flex;
	justify-content: center;
}

.smsh-warenkorb .card-header div:nth-child(1){
	justify-content: left;
}

.smsh-warenkorb .card-header div:nth-child(2){
	padding-top: 0.35rem;
}

.smsh-warenkorb .card-footer {
	display: flex;
	justify-content: center;
}

.smsh-warenkorb-btn {
	border: 0;
	padding: 0;
}

.smsh-warenkorb-btn>i {
	color: var(--secondary_color_1);
	font-size: 2.5rem;
}

.smsh-warenkorb-title {
	margin: 0rem;
	padding: 0rem;
	padding-right: 0.3rem;
	padding-left: 1.375rem;
}

.smsh-warenkorb-item {
	margin: 0rem;
	padding: 0rem;
}

.smsh-warenkorb-item>h4 {
	margin: 0rem;
	padding: 0rem;
	line-height: unset;
	text-align: left;
}

.smsh-warenkorb-item>p {
	margin: 0rem;
	padding: 0rem;
}

.smsh-warenkorb-item_num_selected {
	text-align: right;
}

.smsh-warenkorb-item_price {
	text-align: right;
}

.smsh-warenkorb-rem {
	text-align: center;
}

.smsh-warenkorb-rem-btn {
	border: 0;
	margin: 0rem;
	padding: 0rem;
	vertical-align: unset;
}

.smsh-warenkorb-rem-btn>i {
	color: var(--danger);
}

.smsh-warenkorb-sum {
	text-align: right;
}

.smsh-warenkorb .btn-to-del_adress {
	margin-top: 1rem;
}

/* delivery_address */

.smsh-delivery_address .form-control {
	border: 1px solid var(--primary_color_1_darker);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.smsh-delivery_address .form-input-label {
	margin-bottom: 0.1rem;
}

.smsh-delivery_address-b-btns {
	display: flex;
	justify-content: space-between;
	margin: 0rem;
	margin-top: 1.5rem;
}

.smsh-delivery_address .required-field::after {
	content: "*";
	color: red;
	margin-left:2px
}

/* sum_up */

.smsh-sum_up .hr-thin {
	padding: 0;
    margin-left: 0;
}

.smsh-sum_up .hr-thin>hr {
	display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
	margin-left: 0rem;
	margin-right: 0rem;
	border-top: 1px solid rgba(0, 0, 0, 0.25);
	max-width: 100%;
	border-width: thin;
}

.smsh-sum_up .hr-medium {
	padding: 0;
    margin-left: 0;
}

.smsh-sum_up .hr-medium>hr {
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0rem;
    margin-right: 0rem;
    border-top: 1px solid rgba(45, 111, 164, 0.2);
	max-width: 100%;
	width: 100%;
	border-width: medium;
}

.smsh-sum_up-buyer-address {

}

.smsh-sum_up-list {

}

.smsh-sum_up-list .list-group-item {
	border: 0;
	padding: 0;
}

.smsh-sum_up-products-table {

}

.smsh-sum_up-products-table>h3 {
	margin-top: 0;
	margin-bottom: 1rem;
}

.smsh-sum_up-table {
	margin: 0;
}

.smsh-sum_up-table-head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.smsh-sum_up-table-head tr th {
	padding: 0rem 0rem 0.5rem 0rem;
	text-align: right;
	width: 20%;
}

.smsh-sum_up-table-head tr th:first-child {
	text-align: left;
	width: 60%;
}

.smsh-sum_up-table-body tr td {
	padding: 0.3rem 0rem 0rem 0rem;
	text-align: right;
}

.smsh-sum_up-table-body tr th {
	padding: 0.3rem 0rem 0rem 0rem;
	text-align: left;
	font-weight: normal;
}

.smsh-sum_up-table-body tr:first-child td {
	padding: 0.5rem 0rem 0rem 0rem;
}

.smsh-sum_up-table-body tr:first-child th {
	padding: 0.5rem 0rem 0rem 0rem;
}

.smsh-sum_up-table-end {
	display: flex;
}

.smsh-sum_up-table-end p {
	padding: 0;
	margin: 0;
}

.smsh-sum_up-table-end p:nth-child(2) {
	text-align: right;
}

.smsh-sum_up-b-btns {
	display: flex;
	justify-content: space-between;
	margin: 0rem;
}

/* thanks */

.smsh-thanks p{
	margin-left: 1rem;
}


/* ==================================================== */


.list-group .list-group-item .listgroup-image {
	float: left;
	margin-right: 5%;
	width: 20%;
}

.wp-block-separator {
	max-width: unset !important;
	height: 0px !important;
	border-width: 1px !important;
    border-bottom: 1px solid #d1e3f6 !important;
}

.nav-item-vue-lvt {
	border: none !important;
}

.nav-link-vue-lvt.active {
	background-color: var(--secondary) !important;
	color: var(--white) !important;
}

.nav-link-vue-lvt {
	color: var(--text_color_dark) !important;
}

/* ==================================================== */

/* Rezeptsammelstellen-Plugin */

.rss-list > div {
	border: 1px solid var(--primary_color_1);
}



/* ================================================ */
/* General */
.cursor-pointer {
	cursor: pointer;
}

.site-content img {
	width: 100%;
	height: auto;
}

.searchhit {
	padding-left: 1rem;
}

.uni-breadcrump-menu span.glyphicon.glyphicon-chevron-right::before {
	content: "\00b7";

}

.items-iteration {
	padding: 15px 15px 15px 15px;
	box-radius: 2px;

}

.items-iteration:nth-of-type(2n) {
	background-color: var(--grey);
}

.uni-form .teaser-box,
.tab-pane .teaser-box {
    background-color: unset;
    box-shadow: unset;
    margin-left: unset;
    margin-right: unset;
    height: unset;
    overflow: hidden;
}

.uni-form .teaser-box.business-card,
.tab-pane .teaser-box.business-card {
     display: block;
     padding: unset;
}

.teaser-box.business-card {

}

.teaser-box.business-card img {
    margin-bottom: 15px;
}

.teaser-box.business-card {
    display: block !important;
	background-color: var(--pure-white);
    color: white;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.teaser-box.business-card p.uni-kontakt {
	padding: unset;
}

.teaser-box.business-card h2 {
	font-size: 22px;
}

.teaser-box.business-card h3 {
	font-size: 20px;
}

.teaser-box.business-card h4 {
	font-size: 18px;
}

.teaser-box div.pt-3 {
	display: none;
}

.teaser-single-link:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	content: " \f101";
}

.teaser-box.uni-kachel a {
	color: white;
}

.uni-kachel .teaser-title {

}

.teaser-box .teaser-url-chevron {
	display: none;
}
@media (max-width: 577px) {
	.container, .container-sm {
		max-width: 540px;
	}
}
.navbar-brand {
	min-width: 180px;
	width: 230px;
	height: 70px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

@media screen and (max-width: 991px) {
	.navbar-brand {
		width: auto;
		height: 50px;
	}
}


@media (max-width: 576px) {
	.navbar-collapse .nav-item {
		padding-left: 15px;
	}
}



@media (max-width: 991px) {
	.navbar .navbar-brand {
		margin-left: 15px;
	}

}

.header {
	background-color: #ffffff;
	border-bottom: 1px solid  rgba(84, 87, 90, .2);
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #54575a;
}

.header a {
	color: #54575a;
	padding: 0 10px;
	font-size: 12px;
}

.navbar {
	background-color: #ffffff;
	padding: 0px 0 0px 0;
}

.nav-link {
	color: #54575a;
	font-weight: bold;
}

.header-image {
	width: 100%;
	height: 180px;
	display: flex;
	flex-direction: column;
}

.header-image-search {
	margin-top: auto;
	margin-left: auto;
	background-color: rgba(0, 95, 172, 0.8);
	color: #ffffff;
	font-size: 25px;
	padding: 10px 125px 10px 15px;
}

.header-image-search:hover, .header-image-search:active {
	text-decoration: none;
	color: #ffffff;
}

.navbar-toggler {
	font-size: 22px;
	padding: 8px 0 0 0;
}

.navbar-toggler:focus,
.navbar-toggler:focus-visible
{
	border: 0 solid white !important;
}

.navbar-toggler-icon {
	color: #54575a;
}


.wp-block-button__link {
	border-radius: 0;
}

.table-kurs-details th, .table-kurs-details td {
	border: unset;
	padding: 10px 10px 10px 0;
}

.table-kurs-details .box {
	border-radius: 5px;

	padding: 15px;
	text-align: center;
}

.table-kurs-details .kurs-button-wrapper {
	text-align: center !important;
}

.table-kurs-details .weitere-kurse {
	text-align: center;
	margin-top: 25px;
}

/* ==================================================== */


/* M E D I A  Q U E R I E S */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.header-image {
		height: 250px;
	}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	.header-image {
		height: 350px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.header-image {
		height: 350px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


ul br.uni-cr-br {
	display: none;
}

ul + br.uni-cr-br + br.uni-cr-br {
	display: none;
}

/* ===== Main Navigation ===== */



/* ----- general ----- */

header > nav {
	background-color: white;
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
}

#header2 {
	background-color: var(--pure-white);
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

#navbar1 {
	/* background-color: var(--gray); */
	justify-content: flex-end;
}

#main-navigation-container ul {
	list-style-type: none;
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.main-navigation-inner-1 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 1em;
	/* Display flex for use with icons */
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--primary-light);
}

.main-navigation-inner-1 i {
	color: var(--primary-light);
	font-size: 2em;
	padding-bottom: 0.5em;
}

.main-navigation-item-2 {
	color: var(--link_color);
	margin-bottom: 5px;
}
.main-navigation-item-2:hover {
	color: black;
}

.lak-search-form > div {
	position: relative;
	margin: auto;
}
.lak-search-form button {
	position: absolute;
	right: 13px;
	top: 4px;
	height: 30px;
	width: 30px;
	padding: 0;
}

#dropdownMenuButton {
	color: var(--primary-light);
}

/* ----- mobile ----- */

#main-navigation-mobile {
	padding-bottom: 1em;
}

#main-navigation-mobile .main-navigation-item {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	/*align-items: center;*/
}

#main-navigation-mobile .main-navigation-item-0 {
	margin-left: 15px;
	margin-right: 15px;
	padding: .5em 0 .5em 0;
	border-bottom: 1px solid #B8B8B8;
}

#main-navigation-mobile .main-navigation-item-0 > button {
	font-size: 1.2em;
	/*width: calc(100% + 30px);*/
	/*border-radius: 0;*/
}
#main-navigation-mobile .main-navigation-item-0 > button[aria-expanded="true"] {
	color: var(--primary-light);
	background-color: white;
}

#main-navigation-mobile .main-navigation-item-1 {
	margin-top: 1em;
}

.lak-search-form {
	/* background-color: var(--gray); */
	padding: 2em 0 1.5em 0;
}

@media screen and (max-width:991px) {

	.main-navigation-inner-1 i {
		padding-top: 0.5em;
		width: 100px;
		text-align: center;
		border-top: 1px solid darkgray;
	}
	.main-navigation-item-1:first-of-type .main-navigation-inner-1 i {
		border-top: none;
		padding-top: 0;
	}
}

/* ----- deskktop ----- */

#main-navigation .main-navigation-list-1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
}
#main-navigation .main-navigation-list-1 > * {
	flex: 1 1 auto;
}

#main-navigation .main-navigation-item-1, #main-navigation .main-navigation-list-2 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

#main-navigation .main-navigation-item-1 {
	margin: 3em 0em;
	padding: 0em 1em;
	border-right: 2px solid lightgray;
}
#main-navigation .main-navigation-item-1:last-of-type {
	border-right: none;
}

@media screen and (min-width:992px) {
	.lak-search-form {
		background-color: unset;
		padding: 0;
	}
}


/* ===== Header Slider / Carousel ===== */

#carouselExampleIndicators {
	margin: 0 -15px;
}

.carousel-item {
	min-height: 400px;
	/* max-height: 400px; */

}

.carousel-item h2 {
	color: var(--white);
	margin-bottom: 10px;
	font-size: 25px;
}

.carousel-item p {
	color: var(--white);
}

.carousel-item a:hover {
	text-decoration: none !important;
}

.carousel-item > div > div {
	padding-left: 0;
	padding-right: 0;
}

.carousel-content {
	height: 400px;
	padding: 40px 40px 30px 110px;
	background-color: var(--primary-light);
	color: white;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}

/* .carousel-content p {

} */

.carousel-indicators {
	justify-content: unset;
	margin-left: 90px;
	padding-bottom: 25px;
}

.carousel-indicators li {
	border: 3px solid var(--link_color);
	border-radius: 50px;
	background: rgba(255, 122, 89, .005);
}

.carousel-image {
	height: 400px;
}


.uni-slider .uni-slider-title {
	font-size: 20px;
	font-weight: bold;
}

.uni-slider .uni-slider-subtitle {
	font-size: 18px;
}

.uni-slider .uni-slider-excerpt {
	font-size: 20px;
	display: none;
}

.uni-slider .uni-slider-link {
	font-size: 10px;
	display: none;
}

.carousel-indicators li {
	padding: 5px;
	width: 15px;
	height: 15px;
}


/* ===== Footer ===== */
.sitemap {
	list-style-type: none;
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	line-height: 1.7;
}
.sitemap i {
	display: none;
}
.sitemap a {
	color: white;
}
.sitemap-item-1 {
	font-weight: bold;
	margin-top: 1rem;
}



.bg-color-gray {
	background-color: var(--gray);
}



/* ===== Breadcrumb / Breadcrump ===== */
.breadcrumb {
	background-color: white;
	text-transform: uppercase;
	font-size: 70%;
	padding: 0.75rem 0;
}

.breadcrumb a {
	color: darkgray;
}

.breadcrumb li:not(:first-child):before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f30b";
	color: darkgray;
	padding: 0 0.5em;
}


/* ===== Buttons ===== */

.btn, .wp-block-button__link {
	border-radius: 5px;
	padding-left: 1rem;
	padding-right: 1rem;
}
.btn:focus, .btn.focus, .wp-block-button__link.focus, .wp-block-button__link:focus {
	box-shadow: none;
}

/* ----- primary ----- */
.btn-primary {
	color: #fff;
	background-color: var(--primary-light);
	border-color: var(--primary-light);
	border-radius: 20px;
}
.btn-primary:hover {
	color: #fff;
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--primary-dark);
	border-color: var(--primary-dark);
}
.btn-primary:focus, .btn-primary.focus {
	background-color: var(--primary-light);
	border-color: var(--primary-light);
	box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #ccc;
	border: 1px solid #eee;
}

/* ----- outline primary ----- */
.btn-outline-primary {
	color: var(--primary-light);
	background-color: white;
	border-color: var(--primary-light);
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--primary-dark);
	border-color: var(--primary-dark);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
	color: #fff;
	background-color: var(--primary-light);
	border-color: var(--primary-light);
	box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	background-color: transparent;
	border: 1px solid #ccc;
	color: #ccc;
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
	background-color: #ccc;
	color: white;
	border-color: #eee;
}

/* ----- link ----- */
.btn-link {
	color: var(--link_color);
}
.btn-link:hover {
	color: var(--link_hover_color);
}



/* .btn-outline-success {
	color: var(--secondary_color_1);
	border-color: var(--secondary_color_1);
}

.btn-outline-success:hover {
	color: white;
	background-color: var(--secondary_color_1);
	border-color: var(--secondary_color_1);
}

.btn-outline-success:focus, .btn-outline-success.focus {
	box-shadow: 0 0 0 0.2rem var(--secondary_color_1_darker);
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show>.btn-outline-success.dropdown-toggle {
	color: white;
	background-color: var(--secondary_color_1);
	border-color: var(--secondary_color_1);
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--secondary_color_1_darker);
} */



/* ===== teaser / Kachel ===== */

.teaser-box.uni-kachel {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: var(--pure-white);
	overflow: hidden;
	padding: 20px;
	min-height: 175px;
	border-radius: 5px;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

@media (min-width: 576px) {
	.teaser-box.uni-kachel {

	}
}

@media (min-width: 768px) {
	.teaser-box.uni-kachel {
	}
}

@media (min-width: 992px) {
	.teaser-box.uni-kachel {
		padding: 25px;
	}
}

@media (min-width: 1200px) {
	.teaser-box.uni-kachel {
		padding: 30px;
	}
}

.teaser-url:hover {
	text-decoration: none;
}

/* ----- Kundenportal-Kachel ----- */

.teaser-box {
	background-color: var(--pure-white);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem 1.25rem;
	margin-bottom: 3rem;
	box-shadow: 0 3px 8px 0 rgba(17, 17, 17, 0.15);
}

.teaser-image {
	max-height: 200px;
	max-width: 100%;
	overflow: hidden;
}

.teaser-icon {
	color: var(--primary-light);
}

.teaser-text {
	padding: 0px;
	width: 100%;
	/*text-align: center;*/
	overflow: hidden;
}

.teaser-title {
	color: var(--primary-light);
}

.teaser-box .teaser-icon {
	font-size: 40px;
}

.teaser-url {
	/* color: #212529 !important; */
}

.teaser-url:hover {
	text-decoration: unset;
}

.teaser-url-chevron {
	/* display: none; */
}

.uni-kundenportal p {
	font-size: 16px;
}

.uni-kundenportal h4, .card-content h4 {
	font-size: 16px;
	text-align: center;
	padding: 10px;
}


.uni-kundenportal h3, .card-content h3 {
	font-size: 20px;
	margin: 20px 0 10px 0;
}

.uni-kundenportal h2, .card-content h2 {
	font-size: 24px;
	margin: 20px 0 10px 0;
}

.uni-kundenportal .teaser-box {
	padding: 0;
}

.uni-kundenportal .teaser-box.business-card.uni-ansprechpartner {
	padding: 10px;
}

.uni-kundenportal-links {
	border: 1px solid #F5F5F5;
	padding: 8px;
	border-radius: 5px;
	background-color: var(--pure-white);
	color: white;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.uni-kundenportal-links p {
	margin: 0 !important;
	padding: 5px 0;
}

/* ----- Kurssuche-Kachel ----- */

.kurs-list-item .teaser-box {
	align-items: stretch;
}

.kurs-list-item .teaser-text {
	text-align: left;
	overflow: hidden; /* XXX Suboptimale Lösung. Besser die feste Höhe von teaser-text durch responsive Lösung (flex oder grit) ersetzen. */
}

.kurs-list-item .teaser-text hr {
	margin-top: 0;
	margin-bottom: 0;
}

.kurs-list-item .teaser-icon {
	margin-bottom: 10px;
}

.kurs-list-item .parameters {
	align-items: center;
}

.kurs-list-item .key {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 70%;
}

.kurs-list-item .value {

}

.kurs-list-item .teasercontent {
	color: gray;
}

/* ===== list-group ===== */

.list-group {
	background-color: var(--gray);
	border-radius: 5px;
	padding: 0 15px;
}

a.list-group-item {
	color: black;
}
a.list-group-item:hover {
	text-decoration: none;
}

.list-group-item {
	background-color: var(--gray);
	padding: 1rem 0;
	border: unset;
	border-bottom: 1px solid lightgray;
}
.list-group-item:last-child {
	border-bottom: none;
}



/* ===== Formulare ===== */

.control-label-uni-form {
	text-transform: uppercase;
	font-size: 70%;
}

/* ----- Login-Formular ----- */
.uni-login-form {
	margin: 0 1em;
}

.uni-login-form div.form-group {
	margin-bottom: 1em;
}

.uni-login-form button {
	width: 100%;
}

/* ===== Cards ===== */
.card {
	border-radius: 5px;
}

.card h2 {
	font-size: 22px;
}

.card h3 {
	font-size: 20px;
}

.card h4 {
	font-size: 18px;
}

.card-body {
	padding: 10px;
}

.card-header:first-child {
	border-radius: 5px 5px 0 0;
}
.card-content .list-group {

}


.card-header h2 {
	font-size: 22px;
	padding: 0;
	margin: 0;
}

.card-body h2 {
	font-size: 22px;
	padding: 0px 0 10px 0;
	margin: 0;
}

.card-body h3 {
	font-size: 20px;
	padding: 0px 0 10px 0;
	margin: 0;
}

.card-body h4 {
	font-size: 18px;
	padding: 0px 0 10px 0;
	margin: 0;
}


/* ===== Listen / Ergebnisse der Suche ===== */
.search-panel sup.search-result-number-circle {
    background-color: var(--primary-light);
    color: #fff;
    border-radius: 5px;
    padding: 0 5px;
}

.searchhit-type-headline {
	text-align: center;
	margin-top: 45px;
}

.searchhit-item > .uni-item {
	padding: 15px;
}
.searchhit-item:nth-of-type(even) > .uni-item {
	background-color: var(--gray);
	border-radius: 5px;
}

.searchhit-header h3 {
	font-size: 1.75rem;
	margin-bottom: 0;
}

.dropdown-menu {
	border: unset !important;
}

/* ===== Diverses ===== */
@media (min-width: 768px) {
	.uni-apotheken-karte .sticky {
		position: fixed;
		top: 36px;
		width: 46%;
	}
}

.text-primary {
	color: var(--primary-light) !important;
}
a.text-primary:hover, a.text-primary:focus {
	color: var(--primary-light) !important;
}

.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img {
	border-radius: 5px;
}

.uni-news-feed-block .teaser-tile {
	margin-bottom: 15px;
}

.no-gap {
	gap: unset !important;
}

.pull-footer {
	margin-bottom: -25px;
}

.no-margin {
	margin: 0px !important;
}

.no-padding {
	padding: 0px !important;
}

.lak-schnelleinstieg {
	width: 100%;
	background-color: var(--white) !important;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.lak-schnelleinstieg .lak-search-form {
	position: relative;
	bottom: 19px;
}

.lak-schnelleinstieg .items {
	text-align: center;
	padding-top: 19px;
	padding-bottom: 38px;
}

.lak-schnelleinstieg .item {
	border-right: 1px solid  var(--wp--preset--color--grey);
}

.lak-schnelleinstieg .item:last-child {
	border-right: unset;
}

.lak-schnelleinstieg .item i {
	font-size: 32px;
}

.lak-schnelleinstieg .item p {
	margin-bottom: 15px;
}

.uni-partnerprofile input {
	margin-bottom: 15px;
}

.uni-partnerprofile h4 {
	padding: 0;
	font-weight: bold;
}

.uni-partnerprofile p {
	font-size: 18px;
}

.apotheken-verwaltung .list-group-item {
	margin: 10px;
	padding: 10px;
	background-color: unset;
	border: unset;
	width: unset;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.apotheken-verwaltung .list-group-item.show-more {
	box-shadow: unset;
}


.select2-selection {
	border: none !important;
}

.select2-selection__rendered {
	border: 1px solid #efeff0;
	box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	border-radius: 5px;
	padding: 0.375rem 0.75rem;
}

.break-out {
	width: 100vw;
	position: relative;
	background-color: lightgreen;
	left: calc(-1 * (100vw - 100%) / 2);
	color: rgba(0,0,0,.6);
}

.uni-kundenportal .uni-news-feed-block {
	background-color: var(--pure-white);
	color: white;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.teaser-tile div.teaser-image.hidden-xs {
	display: block !important;
}

.teaser-tile .teaser-chevron {
	display: block !important;
	text-align: right;
	width: 100%;
	padding: 0 5px 5px 0;
}

.teaser-tile .teaser-text h3.h4 {
	margin-top: unset;
}

.teaser-tile p.small {
	font-size: 80%;
}

.uni-news-feed-block div.pt-5 {
	padding-top: 15px !important;
}

.teaser-text h4 {
	margin: unset;
}

.teaser-text p.small:empty {
	display: none !important;;
}

.uni-news-feed-archive .teaser-image-info {
	display: none;
}

.uni-news-feed-archive .teaser-box-date {
	font-size: 0.75rem;
	color: var(--primary-light);
	padding-bottom: 5px;
}

.uni-news-feed-archive h2.h4 {
	font-size: 0.85rem;
	padding: unset !important;
	margin: unset !important;
}

.uni-news-feed-archive .teaser-box {
	padding: unset;
}

.uni-news-feed-archive .teaser-text {
	padding: 10px;
}

.uni-news-feed-archive p.teaser-box-excerpt {
	margin-bottom: 10px !important;
}

.uni-news-feed-archive .teaser-link {
	padding-bottom: 5px;
}

.uni-lvt .uni-form.mb-5 {
	margin-bottom: 0 !important;
}

.uni-lvt .card-header {
	background-color: unset;
	border: unset;
	padding: 0;
	margin: 0;
}

.uni-gematik-form table th small {
	font-weight: bold;
}

.uni-gematik-form table th,
.uni-gematik-form table td {
	margin-bottom: 0;
	padding-bottom: 0;
}

.uni-gematik-form table td {
	border-top: unset;
}


.uni-kundenportal .teaser-text {
	hyphens: auto;
}

footer .text-white * {
	color: white;
}

#main-nav {
	color: #000;
}

#main-nav a:hover {
	color: #00457D;
}

.text-black {
	color: black;
}

.font-size-20 {
	font-size: 20px;
}

@media screen and (max-width: 991px) {
	nav .navbar-collapse {
		width: 100%;
		padding: 1rem 0.75rem;
		background-color: white;
		transform: translateY(100%);
		position: absolute;
		left: 0;
		bottom: 0;
		height: calc(100vh - 50px);
	}
}

#top {
 	color: white;
	font-size: 3rem;
	position: relative;
	top: -20px;
}

.footer-link:first-child {
	padding-left:0;
}

.footer-link {
	padding: 1rem 2rem;
}

footer .footer-navigation a {
	font-size: 0.875rem;
	text-align: left;
	padding: 1rem 2rem;
}

@media screen and (min-width: 992px) {
	footer .footer-navigation a:first-child   {
		padding-left: 0;
	}
	footer .footer-navigation a:last-child {
		padding-right: 0;
	}
}

footer .copyright {
	font-size: 0.875rem;
}

.uni-breadcrump-menu .uni-breadcrump-item  {
	font-weight: 600;
	text-decoration: none;
	color: #00457D;
}

.uni-breadcrump-menu {
	font-size: 0.75rem;
	margin-bottom: 2rem;
}

.module-suche-form input, .module-suche-form button{
	border-radius: 5px !important;
}

select.form-control {
	padding-right: 30px;
}

.pagination .pagination-item.active {
	color: white;
	background-color: #E5343A;
	border-color: #E5343A;
}

.pagination-item {
	position: relative;
	display: block;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	color: #000;
	text-decoration: none;
	border: 1px solid #EFF0F5;
	border-color: #EFF0F5;
}