@charset "UTF-8";
/*
Theme Name: UNIPLUS KH-WAF
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: UNIPLUS Software GmbH
Author URI: https://uniplus.de
Description: UNIPLUS Base Theme
Requires at least: WordPress 4.9.6
Version: 0.1
License:
License URI: LICENSE
Text Domain: UNIPLUS Base
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

body {
	font-family: 'Roboto', sans-serif;
}

@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;
}

body {
	margin: 0;
	padding: 0;
	height: 100vh;
	color: var(--text_color_dark);
	min-height: 100%;
}

h1, h2, h3 {
	font-family: 'Roboto-Black', sans-serif;

}

p {
	line-height: 1.6;
}

div.site {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	min-height: 100%;
}

a {
	color: var(--link_color);
}

a:hover {
	color: var(--link_hover_color);
}

label {
	font-weight: bold;
}

.site-content {
	padding-top: 40px;
	padding-bottom: 20px;
	flex: 1 0 auto;
}

/* ========== 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;
	/*color: var(--primary_color_2);*/
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.25rem;
}

h4 {
	font-size: 1rem;
}

h5 {
	font-size: 0.75rem;
}

h6 {
	font-size: 0.6rem;
}

.h4.teaser-title {
	font-size: 1.15rem;
}

.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;
}

.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);
}

.navbar {
	padding: 0 1em;
}

.form-control {
	border: none;
	border: 1px solid #efeff0;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 25px;

}

.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: 15px 0;
}

.uni-breadcrump-item {
	font-size: 14px;
}

/* ========== Search results (search.php) ========== */

#searchresults .tab-content {
	background-color: unset;
	padding: 0px;
}

/* ========== Footer ========== */

footer {
	background-color: #5c575a;
	color: #ffffff;
	padding-top: 55px;
	font-size: 14px;
}

.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-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-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-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;
}

.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;
}

.kurs-list-item a:hover {
	text-decoration: none;
}

.kurs-list-item .teaser-text {
	padding: 10px;
	min-height: 250px;
	max-height: 250px;
}

.kurs-list-item .teaser-date {
	font-weight: bold;
	color: #005fac;
}

.kurs-list-item .teaser-text h4 {
	font-size: 1.2em;
	font-weight: bold;
}

/* Bootstrap Buttons */

.btn {
	border-radius: unset;
}

.btn-primary {
	color: #fff;
	background-color: var(--link_color);
	border-color: var(--link_color);
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--link_hover_color);
	border-color: var(--link_hover_color);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--link_hover_color);
	border-color: var(--link_hover_color);
}

.btn:focus, .btn.focus {
	box-shadow: none;
}

.btn-primary:focus, .btn-primary.focus {
	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-link {
	color: var(--link_color);
}

.btn-link:hover {
	color: var(--link_hover_color);
}

/* Pagination */

ul.pagination {
	margin: 16px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

li.pagination-item {
	text-align: center;
	color: var(--primary_color_1);
	margin-right: 2px;
}

li.pagination-item:before {
	content: '\00a0';
}

li.pagination-item:after {
	content: ' / ';
}

li.pagination-item:last-child:after {
	content: '';
}

li.pagination-item.active {
	color: #005fac;
}

a.page-numbers {
	color: var(--primary_color_2);
}

/* Kurs- und Seminarsuche */

.uni-form {
	padding-top: 10px;
}

.search-button-input .btn {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.search_block {
	/*padding: 15px;*/
}

.nav-tabs {
	margin: 0;
}

.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 {
	color: white;
	background-color: var(--secondary_color_1);
}

.tab-content {
	/*background-color: var(--primary_color_1);*/
	padding: 20px;
}

.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: #EEE;
	/* background-color: var(--primary_color_1, #EEE); */
}

.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;
}


/* Seminarsuche */

.fas.gruen {
	color: green;
}

.fas.gelb {
	color: #ffdd00;
}

.fas.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);
}

.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: 3px;
	background-color: white;
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.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 {
	color: #428bca;
}

.bs-callout-success {
	border-left-color: #5cb85c;
}

.bs-callout-success h4 {
	color: #5cb85c;
}

.bs-callout-danger {
	border-left-color: #d9534f;
}

.bs-callout-danger h4 {
	color: #d9534f;
}

.bs-callout-warning {
	border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
	color: #f0ad4e;
}

.bs-callout-info {
	border-left-color: var(--primary_color_2);
}

.bs-callout-info h4 {
	border-left-color: var(--primary_color_2);
}

/* 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(--primary_color_1);
	border: 1px solid var(--primary_color_2);
	box-shadow: 0px 5px 5px 0px #999;
}

.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: var(--primary_color_2);
}

.text-between-lines {
	margin-top: 15px;
	margin-bottom: 15px;
}

.text-between-lines p:before,
.text-between-lines p:after {
	background-color: var(--link_color);
	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;*/
}

/* ==================================================== */

/* 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: 0;
	background-color: var(--primary_color_2);
	border: 0;
	border-radius: 0.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: 0;	
	background-color: var(--primary_color_2);	
	border: 0;
	border-radius: 0.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: 0px 0px 0 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;
	cursor: -webkit-grabbing;
	outline: none;
}


/* ==================================================== */

/* FAQ */

.faq .faq-acc {
	margin-bottom: 10px;
}

.faq .faq-c {
	border: 1px solid var(--primary_color_1_darker);
	border-radius: 0rem;
	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: 0rem;
	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: 0rem;
	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: 2px 4px 2px -2px rgba(0, 0, 0, 0.25);
}

.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;
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: #ccc;
	border: 1px solid #eee;
}

.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: #f2f2f2;
}

.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;
}

.teaser-box.uni-kachel {
    margin-top: 10px;
    margin-bottom: 10px;
	background-color: #3e8bcc;
    overflow: hidden;
	padding: 35px 15px 35px 35px;
	min-height: 175px;
	background-image: url('/wp-content/themes/uni-khwaf/img/mitarbeiterinnen.svg');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

@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: 35px 15px 35px 95px;
	}
}

@media (min-width: 1200px) {
	.teaser-box.uni-kachel {
		padding: 55px 15px 55px 120px;
	}
}


.kh-waf-kontakt {
	font-size: 12px;
}

.kh-waf-kontakt a {
	font-weight: bold;
	letter-spacing: 1.1px;
}

.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 {
	color: white;
}

.teaser-box .teaser-url-chevron {
	display: none;
}

.navbar-brand {
	width: 180px;
	min-width: 180px;
	height: 60px;
}
@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: 15px 0 5px 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: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 {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	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;
}

/* https://wordpress.org/support/topic/6-6-update-caused-underline-on-all-links/ */
:root :where(a:where(:not(.wp-block-navigation))),:root :where(a:where(:not(.wp-element-button))) {text-decoration: initial !important;}


/* Seminarwesen: Belegungen */

.uni-sem-bel-headline {
	font-weight: bold;
}

.uni-sem-bel-bel label {
	font-style: italic;
	margin: 0;
}

.uni-sem-bel-date {
	font-weight: bold;
	color: white;
	background-color: var(--secondary_color_1);
	padding-left: 0.25em;
	padding-right: 0.5em;
}

.uni-sem-bel-date::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f0d8";
	float: right;
}

a.collapsed > .uni-sem-bel-date::after {
	content: "\f0d7";
}

.uni-sem-bel-pause .uni-sem-bel-thema {
	font-style: italic;
}

.uni-sem-bel-time {
	font-weight: bold;
}

.uni-sem-bel-thema {
	font-weight: bold;
}

.uni-sem-bel-day-simple:nth-child(odd) {
	background-color: lightblue;
}