/* GLOBAL defined colors */
:root {
	--color-primary: #e30613; /* red */
	--color-secondary: #000000;
	--color-default-text: #5d5d5d; /* light black */
	--bg-ma-navigation: #e2e8f0;
	--bg-white: #ffffff;
	--bg-btn-blue: #8da4cb; /* dark blue */
	--bg-btn-dunkel-blau: #c4cfe2;
	--bg-black: #000000;
	--bg-bu-neutral: #f1f3f9; /* light gray */
	--bg-bu-frei: #d7ecc3;
	--bg-bu-noch: #fff0a5;
	--bg-bu-gebucht: #ef7e67;
}
/* FONTS start */

/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* FONTS --- end */

.php_details_zum_kurs {
	margin-top: 10px;
	color: #575756;
	font-weight: bold;
	font-size: 16px;
}

.openedDetails {
	margin-top: 13px;
}

.openedDetails > .customFdbArrowDown {
	transform: rotate(225deg);
}

.openedDetails > .customFdbArrow {
	margin: 0px 0px 0px 5px;
}

.customFdbArrow {
  border: solid #575756;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
	margin: 4px 0px 4px 5px;
}

.customFdbArrowDown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.openedDetails > svg {
	transform: rotate(-180deg);
}

/* Show mumad navigation dev */
#mumad_navigation {
	max-width: 1160px;
    margin: 10px auto 0px auto;
    padding: 20px 10px 30px 10px;
    background-color: var(--bg-ma-navigation);
}

#mumad_navigation .mumad_nav_logo {
	display: block;
	float: left;
	width: 110px;
	margin: 0 20px;
}

#mumad_navigation .mumad_nav_logo img {
	width: 100%;
}

#mumad_navigation .mumad_menu_wrapper {
	display: block;
	float: left;
	padding-top: 42px;
}

#mumad_navigation .mumad_menu_wrapper .mumad_menu_item {
	display: inline-block;
	margin: 0 10px;
	padding: 0px;
}

#mumad_navigation .mumad_menu_wrapper .mumad_menu_item a {
	color: #8d98b7;
	font-size: 18px;
}

#mumad_navigation .mumad_menu_wrapper .menu-active a {
	color: var(--color-primary);
	font-weight: bold;
}

#mumad_navigation .mumad_menu_wrapper .mumad_menu_item a:hover,
#mumad_navigation .mumad_menu_wrapper .mumad_menu_item a:focus,
#mumad_navigation .mumad_menu_wrapper .mumad_menu_item a:active {
	color: #e43228;
}

/* Header kundenverwaltung - eventuell auch kursverwaltung */
.header-wrapper {
	text-align: center;
	padding: 25px 20px;
	margin: 0px 10px;
	background-color: var(--bg-white);
}

.header-wrapper .titel-container {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.header-wrapper .tc-main-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
} /* Wrapper container titel */

.header-wrapper .circle-container {
	display: inline-block;
	float: right;
	margin: 15px 0px 0px 0px;
}

/* zum test, danach loeschen 

.header-test-klasse {
	margin: 0px 10px 5px 0px;
	padding: 0px;
}

.clear-all-lines,
.clear-all-borders {
	outline: none;
	box-shadow: none;
	text-align: center;
}

*/

/* */
#search_header {
	max-width: 1160px;
	margin: 0px auto;
	padding: 0px 10px 12px 10px;
	background-color: var(--bg-ma-navigation);
}

#scroll_to_current_filter {
	margin-right: 15px;
}

.icon_video_tutorial,
.icon_new_customer,
.icon_import,
.icon_new_course,
.icon_wiedermeldungs_assistent,
.icon_pdf {
	display: inline-block;
	float: left;
}

.reset_filter {
	float: right;
	position: relative;
	right: 10px;
	margin: 20px 0px 0px 0px;
}

/* General style */
.fl_r {
	float: right;
}

.fl_l {
	float: left;
}

.cw-custom-top {
	margin-top: 23px;
}
.cw-custom-top-12 {
	margin-top: 12px;
}
.cw-custom-top-15 {
	margin-top: 15px;
}
.cw-custom-top-18 {
	margin-top: 18px;
}
.cw-custom-top-21 {
	margin-top: 21px;
}
.cw-custom-top-24 {
	margin-top: 24px;
}
.cw-custom-top-27 {
	margin-top: 27px;
}
.cw-custom-top-30 {
	margin-top: 30px;
}

.mt-n-15 {
	margin-top: -15px;
}

.mt-3 {
	margin-top: 3px;
}


/* Icons style */

.circle {
	display: inline-block;
	background-color: #c1c3d3;
	border-radius: 100%;
	margin-right: 5px;
	cursor: pointer;
}

.circle:hover {
	background-color: #e2e8f0;
}

.circle img {
	width: 100%;
	height: 100%;
}

.circle-big {
	width: 30px;
	height: 30px;
}

.circle-small {
	width: 25px;
	height: 25px;
}

.circle-mini {
	width: 15px;
	height: 15px;
}

#kunden_ausgabe {
	max-width: 1180px;
	margin: 0 auto;
	clear: both;
}

#kurs_ausgabe,
#seminar_ausgabe {
	max-width: 1180px;
	margin: 0 auto;
}

/* Table styles, for kundenverwaltung and kursverwaltung */
.table-cell-frame {
	background-color: #ffffff;
	margin-bottom: 5px;
	padding: 5px 10px;
}


/* BUTTONS start */
.btn-custom-blue {
	background-color: #8d97b6;
    color: #ffffff;
    border: 1px solid #8d97b6;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
	white-space: nowrap;
	cursor: pointer;
}

.btn-custom-blue:hover {
	background-color: #ffffff;
	color: #8d97b6;
}

/* BUTTONS end */

.filter_role .active-part {
	outline: none;
	box-shadow: none;
}


/* INPUTS start */
#search_field,
#filter_kurs,
#filter_aktiv,
#filter_role,
#filter_state
/*#filter_zahlungsstatus*/ {
	height: 26px;
	border: 1px solid var(--color-primary);
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
}

#search_field::placeholder,
#filter_kurs,
#filter_aktiv,
#filter_role,
#filter_state
/*#filter_zahlungsstatus*/ {
	color: var(--color-primary);
	opacity: 1; 
}

#filter_kurs {
	width: 300px;
	padding-left: 100px;
}

#filter_kurs:focus,
#filter_kurs:active {
	color: #000000;
	padding-left: 10px;
}

#filter_aktiv:focus,
#filter_aktiv:active,
#filter_role:focus,
#filter_role:active,
#filter_state:focus,
#filter_state:active
/*
#filter_zahlungsstatus:focus,
#filter_zahlungsstatus:active*/ {
	color: #000000;
}

#filter_kursart,
#filter_kursortname,
#filter_kursort,
#filter_kursleitung,
#filter_jahr_kursstart,
#filter_seminarort,
#filter_seminartyp,
#filter_ext_coursetypes,
#filter_termine_anzeigen,
#filter_eigene_termine_anzeigen {
	color: var(--color-primary);
	width: 115px;
	height: 28px;
	border: 1px solid var(--color-primary);
	text-align: left;
	font-size: 14px;
	border-radius: 5px;
}

#filter_kursart:focus,
#filter_kursortname:focus,
#filter_kursort:focus,
#filter_kursleitung:focus,
#filter_jahr_kursstart:focus,
#filter_seminarort:focus,
#filter_seminartyp:focus,
#filter_ext_coursetypes:focus,
#filter_termine_anzeigen:focus,
#filter_eigene_termine_anzeigen:focus {
	color: #000000;
}


/* INPUTS end */

/* TABLES start */
.table-container {
	color: var(--color-default-text);
}

#table_sort_header {
	max-width: 1160px;
	padding: 30px 5px 5px 5px;
	margin: 10px auto;
}

a.sort-table-heading,
a.link-table-heading {
	color: var(--bg-btn-blue);
	font-size: 14px;
	padding-left: 5px;
}

a.seminar-link-table-heading {
	color: var(--bg-btn-blue);
	font-size: 14px;
}


#kunden_ausgabe div.table-container,
#kurs_ausgabe div.table-container,
#trainer_ausgabe div.table-container,
#seminar_ausgabe div.table-container, {
	margin-top: 7px;
}

#kunden_ausgabe div.table-container td.class_name_mama,
#kunden_ausgabe div.table-container td.class_name_mama a,
#seminar_ausgabe div.table-container td.class_name_mama,
#seminar_ausgabe div.table-container td.class_name_mama a {
	font-size: 14px;
	color: var(--color-default-text);
}

#kurs_ausgabe div.table-container {
	padding-left: 5px;
	font-size: 12px;
}

.np-span-container {
	display: block;
	float: left;
	padding: 3px 0px 0px 5px;
}

.np-span-container .status-kreis {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border-radius: 100%;
	margin-right: 20px;
	vertical-align: middle;
}

.bu-green .status-kreis {
	background-color: var(--bg-bu-frei);
}

.bu-orange .status-kreis {
	background-color: var(--bg-bu-noch);
}

.bu-red .status-kreis {
	background-color: var(--bg-bu-gebucht);
}

.np-span-container .status-nummer {
	display: inline-block;
	vertical-align: middle;
}

.np-span-container .status-nummer .number_participants {
	color: var(--color-default-text) !important;
	font-size: 14px;
	font-weight: bold;
}

.kursort_location_cell {
	max-width: 250px;
}

.additional-class-table {
	outline: none;
	box-shadow: none;
	text-decoration: none;
	border: none;
}

/* TABLES end */

/* mumad startseite - start */

.nav_category {
  margin: 15px 10px;
  cursor:pointer;
  padding:5px 10px;
  background-color: var(--bg-btn-dunkel-blau);
  position:relative;
  min-width: 310px;
}

.nav_category h2 {
	color: var(--color-default-text);
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
}

.nav_category h2:hover,
.nav_selected h2 {
	color: var(--color-primary);
}

.nav_item_selected {
	outline: none;
	text-decoration: none;
}

.info_amount {
	float: left;
    border: solid white 2px;
    border-radius: 100%;
    color: var(--color-default-text);
    font-weight: bold;
    padding: 2px 8px;
    background-color: #ffffff;
    margin-top: 12px;
    margin-left: 12px;
    position: absolute;
    bottom: 10px;
    right: 5px;
    cursor: default;
    height: 17px;
    padding-top: 4.5px;
    font-size: 14px;
}

.outer_startpage{
  margin: 5px 10px;
  padding:10px;
  float:left;
}

/* STARTSEITE */
.home-daten-wrapper {
	margin-bottom: 50px;
	max-width: 1200px;
}
.ma-start-white {
	background-color: var(--bg-white);
}
.ma-start-blue {
	background-color: var(--bg-ma-navigation);
}
.msw-kursort {
	padding: 20px 40px;
}
.msb-kursleitung,
.msw-kontaktdaten,
.msb-lizenzgebiet {
	padding: 15px 40px;
}

/* opened window kundenverwaltung */
.kd-open {
	background-color: var(--bg-ma-navigation) !important;
	border: none !important;
	border-radius: 0px !important;
}

.kd-baby-circle {
	border-radius: 100%;
	border: none !important;
	box-shadow: none !important;
	background-color: #ffffff !important;
	height: 100px;
	padding-top: 20px !important;
}
.kd-baby-date {
	color: #000000 !important;
}

.kd-booking-wrapper {
	background: #ffffff !important;
	border: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}
.ks-booking-overwrite {
	background: #ffffff !important;
	box-shadow: none !important;
	border: none !important;
	color: var(--color-default-text);
}

.kw-rebooking-title {
	color: var(--color-primary);
	background-color: #ffffff;
	position: absolute;
	bottom: 0px;
	right: 0px;
	cursor:help;
	padding:5px;
	margin:5px;
	float:right;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
.kw-booking-title-wrap {
	border-top: 1px solid #8da4cb;
	border-bottom: 1px solid #8da4cb;
	padding: 10px 0px 20px 0px;
	position: relative;
}

/* Buchungen status */
.rowBooking-circle {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 100%;
}

.titleBOOKING td:first-child {
	padding: 5px 10px;
}

.ROW-bR-bu-anfrage .fahne-status {
	background-color: #FFF0D0;
	margin: 5px;
}

.ROW-bR-bu-warteliste .fahne-status {
	background-color: #E1E1E1;
	margin: 5px;
}

.ROW-bR-bu-reservierung .fahne-status {
	background-color: #c0cff0;
	margin: 5px;
}

.ROW-bR-bu-reservierung-freigegeben .fahne-status {
	background-color: #f59542;
	margin: 5px;
}

.ROW-bR-bu-buchung .fahne-status {
	background-color: #CCFFCC;
	margin: 5px;
}

.ROW-bR-bu-storno .fahne-status {
	background-color: #FFCCCC;
	margin: 5px;
}

.ROW-bR-bu-vorbehalt .fahne-status {
	background-color: #E0FFD0;
	margin: 5px;
}

.ROW-bR-bu-buchung .fahne-status {
	background-color: #CCFFCC;
	margin-bottom: 5px;
}

.ma_startseite_content_wrapper {
	background-color:#ffffff;
	border: none;
	text-align:center;
	border-radius: 0px;
	box-shadow: none !important;
	display:none;
}

/* mumad startseite - end */

.mt-css-overwrite {
	margin-top: 4px !important;
}

.mt-css-overwrite-ad-class {
	box-shadow: none;
}

.weiter-line-container {
	max-width: 1160px;
    margin: 30px auto;
    height: 30px;
    padding: 15px 20px 0px 30px;
	background-color: var(--bg-ma-navigation);
}

.weiter-line-container a.weiter {
	color: var(--color-primary) !important;
	background: none !important;
	font-size: 14px;
	line-height: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}

.plz-in-startseite {
	font-weight: bold;
	margin-right: 4px;
}

.pb-none {
	padding-bottom: 0px !important;
}

.kursort-gebietname-span {
	color: var(--color-default-text);
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.tagung-titel {
	color: var(--color-primary);
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

.tagung-titel-helper {
	color: var(--color-default-text);
    font-weight: bold;
    font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
}

.form-margin-divider {
	margin: 0px 10px;
}

.box-cleaner-new {
	border: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	background-color: #ffffff !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

/* MOBILE DESIGN */
@media only screen and (max-width: 500px) {
	/* HEADING */
	.header-wrapper {
		min-height: 120px;
		margin: 0px;
	}
	.header-wrapper .titel-container {
		display: block;
		width: fit-content;
	}
	.header-wrapper .circle-container {
		float: none;
	}
	
	#search_header .search_elem {
		width: 100%;
		margin: 0px;
	}
	
	#search_header .search_elem #search_field,
	#search_header .search_elem #filter_kurs,
	#search_header .search_elem #show_all,
	#search_header .search_elem #show_advanced_filters	{
		width: 100%;
	}
	
	/* MUMAD startseite */
	.nav_category {
		min-width: 100px;
	}
	
	.weiter-line-container {
		padding-bottom: 20px;
	}
	
}