@charset "UTF-8";
/*
Theme Name: UNIPLUS Base
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 {
	margin: 0;
	padding: 0;
	height: 100vh;
	color: var(--text_color_dark);
	min-height: 100%;
}

div.teaser-tile a.teaser-link {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: #CCC;
	opacity: 0;
	left: 0;
}

.hidden {
	display: none !important;
}

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);
}

.site-content {
	padding-top: 20px;
	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;
		}
	}
}

#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-top: 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;
}

footer {
	background-color: var(--primary_color_1);
	padding-bottom: 0;
}

#footer-container {
	margin-bottom: 40px;
}

#footertext {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.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-radius: 0;
	border-bottom: 1px solid gray;
}

.form-control:focus {
	color: #495057;
	background-color: #ffffff;
	border-color: gray;
	outline: 0;
	box-shadow: none;
	/*box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.25);*/
}

#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.1);

}

#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;
}

/* ========== Search results (search.php) ========== */

#searchresults .tab-content {
	background-color: unset;
	padding: 0px;
}

/* ========== Footer ========== */

footer {
	background-color: var(--primary_color_1);
}

.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 {
	color: var(--primary_color_2);
	text-decoration: none;
}

.footer-navigation ul li a:hover, .footer-navigation ul li a:active {
	color: var(--primary_color_2);
	text-decoration: none;
}

/* Bootstrap Buttons */

.btn-primary {
	color: #fff;
	background-color: var(--secondary_color_1);
	border-color: var(--secondary_color_1);
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--secondary_color_1_darker);
	border-color: var(--secondary_color_1_darker);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--secondary_color_1_darker);
	border-color: var(--secondary_color_1_darker);
}

.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;
}

li.pagination-item {
	width: 26px;
	text-align: center;
	background-color: var(--primary_color_1);
	border: 1px solid var(--primary_color_2);
	margin-right: 2px;
}

li.pagination-item.active {
	background-color: var(--secondary_color_1);
	color: white;
}

a.page-numbers {
	color: var(--primary_color_2);
}

/* Kurs- und Seminarsuche */

.uni-form {
	background-color: var(--primary_color_1);
	padding: 5px 15px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.search_block {
	padding: 15px;
}

.nav-tabs {
	margin: 0;
}

.navbar-nav .nav-item {
	font-size: 15px;
}

.nav-tabs .nav-item {
	margin-bottom: 0px;
	border: 2px solid var(--secondary_color_1);
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.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;
}

#warenkorb .btn.btn-link.btn-danger {
	color: red;
	background-color: unset;
	border: none;
}

#warenkorb .btn.btn-link.btn-danger:active:focus {
	box-shadow: none;
}

.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;
}

.uni-partnerprofile .input-group h4 {
	padding: unset;
	margin: 3px 0 0 0;
}

.uni-partnerprofile p  {
	margin: 3px 0 0 0;
}

.searchhit-icon i.fas {
	font-size: 1em;
}

.searchhit-icon .gruen {
	color: green;
}

.searchhit-icon .gelb {
	color: #ffdd00;
}

.searchhit-icon .rot {
	color: red;
}


/* 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;
}


/* 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;
}

.form-check-label {
	padding-left: 0.5rem;
}

/* 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;
}

/* Punktekonto */
.uni-apo-pkt-statusfilter {
	border-radius: 5px;
}

/* 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 */

#primary .main-col {
	overflow: hidden;
}


/* ==================================================== */

/* Site-Block */

#main h1 {
	font-size: 3rem;
	margin-bottom: 2rem;
	/*margin-left: 1rem;*/
	color: var(--secondary_color_1_transparent);
}

/* ==================================================== */

/* 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);
}


/* ==================================================== */


/* M E D I A  Q U E R I E S */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

@media (max-width: 950px) {

}

/* ================================================ */
/* 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 {
    padding: 18px;
}

.teaser-box.business-card img {
    margin-bottom: 15px;
}

.teaser-box.business-card {
    display: block !important;
}

.teaser-box {
    margin-top: 10px;
    margin-bottom: 10px;
	background-color: #fff;
    box-shadow: 1px 1px 6px rgb(127 127 127 / 30%);
    overflow: hidden;
}

.teaser-text {
	padding: 15px;
}

.teaser-url-chevron {
	text-align: right;
	padding: 15px;
}

.uni-login-form .uni-form {
	box-shadow: unset;
}

@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1240px;
	}
}

.uni-taetigkeitsbericht-eintrag .nav-link {
	font-size: 12px;
	white-space: nowrap;
}

.no-break {
	white-space: nowrap;
}

.arrow {
	border: solid #004d91;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}
.arrow_right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/* ==================================================================================================== */

/* UNIPLUS Gesellenprüfung */

#uni-vue-gp-ergebniserfassung
{
    & #uni-vue-gp-ergebniserfassung-prueflinge {
        & table.bewertung {
            & tbody {
                box-shadow: none;
                border-color: color-mix(in srgb, var(--secondary_color_1) 20%, white);
            }

            & .form-control {
                background-color: color-mix(in srgb, var(--primary_color_1) 30%, white);

                &:focus {
                    background-color: color-mix(in srgb, var(--primary_color_1) 20%, white);
                }
            }
        }

        & .gesamt-pkt {
            background-color: color-mix(in srgb, var(--primary_color_1) 30%, white);
        }
    }
}