@font-face {
  font-family: 'GenosGFG';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/GenosGFG-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/GenosGFG-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GenosGFG-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GenosGFG-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/GenosGFG-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/GenosGFG-Regular.svg') format('svg'); 
}

@font-face {
  font-family: 'GenosGfg-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/GenosGFG-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/GenosGFG-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GenosGFG-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GenosGFG-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/GenosGFG-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/GenosGFG-Bold.svg') format('svg'); 
}

@font-face {
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../../fontawesome/webfonts/fa-regular-400.ttf');
}

:root {

	/* Avatar */
	--Avatar-Extra-Large-Width: 48px;
	--Avatar-Extra-Large-Height: 48px;	
	--Avatar-Large-Width: 40px;
	--Avatar-Large-Height: 40px;
	--Avatar-Extra-Large-Radius: 48px;
	--Avatar-Large-Radius: 40px;
	--Avatar-Medium-Width: 32px;
	--Avatar-Medium-Height: 32px;
	--Avatar-Medium-Radius: 40px;
	--Avatar-Small-Width: 24px;
	--Avatar-Small-Height: 24px;
	--Avatar-Small-Radius: 24px;

	/* Border */
	--Surface-Border-Default: #CCC;

	/* Color */
	--Black-100: rgba(12, 12, 13, 0.05);
	--Black-200: rgba(12, 12, 13, 0.10);
	--Black-500: rgba(12, 12, 13, 0.70);
	--Brand-Nacht-1000: #002D67;
	--Surface-Border-Default: #CCC;
	--Surface-Border-Error: #F2A0AE;
	--Surface-Border-Success: #9FCDB5;
	--Surface-Brand-Primary: #F9B000;
	--Surface-Brand-Secondary: #002D67;
	--Surface-Brand-Secondary-Hover: #45648D;
	--Surface-Brand-Secondary-Pressed: #173F74;
	--Surface-Default-Default: #FFF;
	--Surface-Default-Default-Hover: #F2F2F2;
	--Surface-Default-Disabled: #E6E6E6;
	--Surface-Default-Secondary: #F2F2F2;
	--Surface-Default-Tertiary-Pressed: #757575;
	--Surface-Error-Button: #B20E2A;
	--Surface-Error-Default: #DE1135;
	--Surface-Error-Default-Pressed: #590715;
	--Surface-Error-Tertiary: #FCE7EB;
	--Surface-Info-Default: #0062B9;
	--Surface-Info-Tertiary: #F7F8FA;
	--Tag-Blau: #45648D;
	--Tag-Blau-2: #B6D4E1;
	--Tag-Orange: #B55B00;
	--Tag-Orange-2: #F4D5B7;
	--Tag-Violett: #6940A5;
	--Tag-Violett-2: #D2C6E4;
	--Text-Disabled: #999;
	--Text-Error: #B20E2A;
	--Text-High-Emphasis: #333;
	--Text-Link: #002D67;
	--Text-Link-Hover: #45648D;
	--Text-Medium-Emphasis: #757575;
	--Text-Inverted: #FFF;
	--Text-On-Primary: #002D67;
	--Text-On-Secondary: #FFF;
	--Text-Success: #0B6937;
	--Text-Warning: #956A00;

	/* Depth */
	--Depth-0: 0px;
	--Depth-25: 1px;
	--Depth-100: 4px;
	--Depth-400: 16px;

	/* Font-Family */
	--Font-Family: 'GenosGFG';
	--font-family-Title-Hero: 'GenosGFG';
	--body-strong-font-family: 'GenosGfg-Bold';

	/* Font-Size */
	--Size-xs: 12px;
	--Size-md: 16px;
	--Size-lg: 20px;
	--Size-2xl: 32px;

	/* Font-Weight */
	--heading-strong-font-weight: 700;

	/* Gap */
	--gap-none: 0px;
	--Gap-Tight: 4px;
	--Gap-Grouped: 8px;
	--Gap-Default: 16px;
	--Gap-Section: 32px;

	/* Line-Height */
	--Line-height-xs: 16px;
	--Line-height-sm: 20px;
	--Line-height-md: 26px;
	--Line-height-xl: 40px;

	/* Padding */
	--Padding-None: 0px;
	--Padding-S: 4px;
	--Padding-M: 8px;
	--Padding-L: 12px;
	--padding-xl-default: 16px;
	--Padding-2XL: 24px;
	--Padding-3Xl: 32px;
	--Padding-Desktop-Margin: 24px;

	/* Radius */
	--Radius-Small: 4px;
	--radius-medium-default: 8px;
	--Radius-XLarge: 16px;
	--Radius-Full: 999px;
}

body {
  font-family: var(--Font-Family, 'GenosGFG'), sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1400px) {
	.container {
		max-width: 1440px;
	}
}

.row > * {
	padding-left: var(--Padding-M, 8px);
	padding-right: var(--Padding-M, 8px);
}

/* Ueberschriften */

/* neue Version */
h1 {
	color: #000;
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-2xl, 32px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px); /* 125% */
	letter-spacing: -0.64px;
	margin-bottom: var(--Gap-Section, 32px);
}

h2 {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xl, 24px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px); /* 166.667% */
	margin-bottom: 0;
}

h3 {
	color: #000;
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-md, 26px); /* 125% */
}

/* Links */
a:not(.quickaction, .button, .dropdown-item, .nav-link, .smb_user_settings_button, .smb_menu_icons_link, .social_media_pill) {
	color: var(--Text-Link, #002D67);
	font-weight: 700;
	text-decoration: none;
}

a:not(.quickaction, .button, .dropdown-item, .nav-link, .btn, .social_media_pill):hover {
	color: var(--Text-Link-Hover, #45648D);
	text-decoration: underline;
}

/* Farben */
.color_delete {
	color: var(--Text-Error, #B20E2A) !important;
}

/* Navigation */
.container-navigation {
	display: flex;
	width: 100%;
	padding: var(--Padding-L, 12px) var(--Padding-None, 0px);
	align-items: center;
	gap: var(--Gap-Default, 16px);
	border-bottom: 1px solid var(--Surface-Border-Default, #CCC);
	margin-bottom: var(--Gap-Section, 32px);
}

.smb_logo {
  color: var(--Surface-Brand-Secondary, #002d67);
  text-align: left;
  font-family: var(--heading-strong-font-family, "GenosGfg-Bold", sans-serif);
  font-size: var(--Size-lg, 20px);
  line-height: var(--Line-height-md, 26px);
  font-weight: var(--heading-strong-font-weight, 700);
  position: relative;
  background: var(--Surface-Default-Default, #FFF);
  cursor: pointer;
}

.smb_menu {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	gap: var(--Gap-Grouped, 8px);
	flex: 1 0 0;
	flex-wrap: wrap;
}

.smb_menu .navbar {
	padding: 0;
}

@media (min-width: 576px) {
  .smb_menu .navbar-nav {
  	flex-flow: row wrap;
    justify-content: center;
  }
}

.smb_menu .navbar-nav > li {
/*	margin-right: 8px;*/
	/*margin-bottom: 8px;*/
}

.smb_menu .dropdown-menu,
.smb_service .dropdown-menu,
.btn-group .dropdown-menu,
.entry_card_open_menu .dropdown-menu,
.calendar_day .dropdown-menu,
.creator_categories .dropdown-menu,
.channel_card .dropdown-menu,
.button_categories .dropdown-menu {
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px var(--Depth-400, 16px) var(--Depth-400, 16px) -8px var(--Black-200, rgba(12, 12, 13, 0.10));
	padding: var(--Padding-None, 0px);
	width: auto;
	margin-top: 0;
	border-color: transparent;
}

.smb_menu .dropdown-item,
.smb_service .dropdown-item,
.btn-group .dropdown-item,
.entry_card_open_menu .dropdown-item,
.calendar_day .dropdown-item,
.creator_categories .dropdown-item,
.channel_card .dropdown-item,
.button_categories .dropdown-item {
	display: flex;
	padding: var(--Padding-M, 8px) var(--padding-xl-default, 16px);
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	align-self: stretch;
	color: var(--Surface-Brand-Secondary, #002D67);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.smb_menu .dropdown-item a,
.creator_categories .dropdown-item a,
.channel_card .dropdown-item a,
.button_categories .dropdown-item a {
	color: var(--Surface-Brand-Secondary, #002D67);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}

.creator_categories .button {
	/*display: inline-flex;*/
	margin-right: 8px;
	margin-bottom: 8px;
}

.smb_menu .dropdown-item:hover,
.smb_menu .dropdown-item:active,
.smb_service .dropdown-item:hover,
.smb_service .dropdown-item:active,
.btn-group .dropdown-item:hover,
.btn-group .dropdown-item:active,
.entry_card_open_menu .dropdown-item:hover,
.entry_card_open_menu .dropdown-item:active,
.calendar_day .dropdown-item:hover,
.calendar_day .dropdown-item:active,
.creator_categories .dropdown-item:active,
.channel_card .dropdown-item:hover,
.channel_card .dropdown-item:active,
.button_categories .dropdown-item:hover,
.button_categories .dropdown-item:active {
	background-color: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.smb_menu .dropdown-item:not(:last-child),
.smb_service .dropdown-item:not(:last-child),
.btn-group .dropdown-item:not(:last-child),
.entry_card_open_menu .dropdown-menu li:not(:last-child),
.calendar_day .dropdown-menu li:not(:last-child),
.dropend .dropdown-item:not(:last-child),
.creator_categories .dropdown-menu li:not(:last-child),
.channel_card .dropdown-menu li:not(:last-child),
.button_categories .dropdown-menu li:not(:last-child) {
	border-bottom: 1px solid var(--Surface-Border-Default, #CCC);
}

.smb_menu .dropdown-item i {
	margin-right: 8px;
}

.dropdown-menu .dropend:last-child a {
	border-bottom: 0;
}

.smb_menu .dropend .dropdown-toggle,
.button_categories .dropend .dropdown-toggle {
	padding-right: 48px;
}

.smb_menu .dropend .dropdown-toggle::after,
.button_categories .dropend .dropdown-toggle:after {
	border-left: 0;
	font-family: 'Font Awesome';
	font-size: 12px;
	content: '\f054';
	position: absolute;
  right: var(--padding-xl-default, 16px);
}

.smb_menu .dropdown-item.not_booked {
	padding-right: 48px;
}

.smb_menu .dropdown-item.not_booked a {
	color: rgba(0, 45, 103, 0.5);
}

.smb_menu .dropdown-item.not_booked::after {
	border-left: 0;
	font-family: 'Font Awesome';
	font-size: 12px;
	content: '\f023';
	position: absolute;
  /*right: var(--padding-xl-default, 16px);*/
  right: 14px;
  color: rgba(0, 45, 103, 0.5);
}

.button.not_booked::after {
	display: inline-block;
  margin-left: .255em;
  border: none !important;
  font-family: 'Font Awesome';
  content: '\f023';
  width: 20px;
  height: 20px;
}
	

.smb_menu_icons {
	flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  cursor: pointer;
}

.smb_menu_icons a {
	color: var(--Text-Medium-Emphasis, #757575);
	padding: 4px;
	border-radius: 8px;
}

.smb_menu_icons a:hover {
	color: var(--Surface-Brand-Secondary, #002D67);
}

.smb_menu_icons a:focus-visible {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.smb_service {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Default, 16px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.smb_user_settings {
	display: flex;
  flex-direction: row;
/*  gap: var(--Gap-Grouped, 8px);*/
	gap: var(--Gap-Tight, 4px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

./*smb_user_settings_button[aria-expanded="true"]:after,
.smb_user_settings_button[aria-expanded="false"]:after {
	content: none !important;
	width: 0;
	height: 0;
}*/

/* Avatare */
.avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.avatar.extra_large {
	width: var(--Avatar-Extra-Large-Width, 48px);
	height: var(--Avatar-Extra-Large-Height, 48px);
}

.avatar.large {
	width: var(--Avatar-Large-Width, 40px);
	height: var(--Avatar-Large-Height, 40px);
}

.avatar.medium {
	width: var(--Avatar-Medium-Width, 32px);
	height: var(--Avatar-Medium-Height, 32px);
}

.avatar.small {
	width: var(--Avatar-Small-Width, 24px);
	height: var(--Avatar-Small-Height, 24px);
}

.avatar .image {
	flex-shrink: 0;
	background-color: lightgray;
	background-size: contain;
	background-repeat: no-repeat;
}

.avatar.small .image {
	width: var(--Avatar-Small-Width, 24px);
	height: var(--Avatar-Small-Height, 24px);
	border-radius: var(--Avatar-Small-Radius, 24px);
}

.avatar.medium .image {
	width: var(--Avatar-Medium-Width, 32px);
	height: var(--Avatar-Medium-Height, 32px);
	border-radius: var(--Avatar-Medium-Radius, 32px);
}

.avatar.large .image {
	width: var(--Avatar-Large-Width, 40px);
	height: var(--Avatar-Large-Height, 40px);
	border-radius: var(--Avatar-Large-Radius, 40px);
}

.avatar.extra_large .image {
	width: var(--Avatar-Extra-Large-Width, 48px);
	height: var(--Avatar-Extra-Large-Height, 48px);
	border-radius: var(--Avatar-Extra-Large-Radius, 48px);
}

/* Footer */
.container_footer {
	margin-top: auto;
}

footer {
	border-style: solid;
  border-color: var(--Surface-Border-Default, #CCC);
  border-width: 1px 0px 0px 0px;
  padding: var(--Padding-L, 12px) 0px var(--Padding-L, 12px) 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: var(--Gap-Section, 32px);
}

footer .claim {
	flex-shrink: 0;
  width: 200px;
  height: auto;
  position: relative;
  object-fit: cover;
}

.smb_footer_menu {
	/*display: flex;
  flex-direction: row;
  gap: var(--Gap-Default, 16px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;*/
  display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--Gap-Grouped, 8px);
	flex: 1 0 0;
	flex-wrap: wrap;
}

.footer .logo {
	flex-shrink: 0;
  width: 200px;
  height: auto;
  position: relative;
  overflow: hidden;
}

/* Begruessungszeile Dashboard */
.dashboard_header {
	padding: var(--Padding-3XL, 32px) 0px var(--Padding-3Xl, 32px) 0px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.dashboard_header_welcome {
	display: flex;
  flex-direction: row;
  gap: var(--gap-default, 16px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.dashboard_header_welcome_1,
.dashboard_header_welcome_1_1 {
	display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.dashboard_header_welcome_headline {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-2xl, 32px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px); /* 125% */
	letter-spacing: -0.64px;
  align-self: stretch;
}

.dashboard_header_welcome_subheadline {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-md, 26px); /* 162.5% */
}

.dashboard_message {
	padding: var(--Padding-3XL, 32px) 0px var(--Padding-3Xl, 32px) 0px;
}

/* Quick-Actions */
.container_quickactions {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Default, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: var(--Gap-Section, 32px);
  flex-wrap: wrap;
}

a.quickaction {
	display: inline-flex;
	border-radius: var(--radius-medium-default, 8px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default, #FFF);
	color: var(--Surface-Brand-Secondary, #002D67);
	text-decoration: none !important;
}

div.quickaction {
	display: inline-flex;
	padding: var(--padding-xl-default, 16px) var(--Padding-2XL, 24px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
}

a.quickaction:hover,
a.quickaction:focus-visible {
	border-radius: var(--radius-medium-default, 8px);
	border: 1px solid var(--Surface-Default-Default-Hover, #F2F2F2);
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	color: var(--Surface-Brand-Secondary, #002D67) !important;
}

.quickaction:active {
	border-radius: var(--radius-medium-default, 8px);
	border: 1px solid var(--Surface-Default-Secondary, #F2F2F2);
	background: var(--Surface-Default-Secondary, #F2F2F2);
}

.quickaction_icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	position: relative;
  overflow: visible;
}

.quickaction_title {
	/*display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--Gap-Grouped, 8px);*/
	text-align: center;
}

/* Sections Dashboard */
.accordion-item {
	border: none;
}

.accordion-button {
	width: auto;
}

.dashboard_section_header {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--Surface-Border-Default, #cccccc);
  padding: var(--Padding-L, 12px) 0px var(--Padding-L, 12px) 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  margin-top: var(--Gap-Section, 32px);
  margin-bottom: var(--Gap-Default, 16px);
}

.dashboard_section_header_left {
	display: flex;
  flex-direction: row;
  gap: var(--gap-default, 16px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.dashboard_section_header_right {
	display: flex;
  flex-direction: row;
  gap: var(--gap-grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.accordion-body {
	padding: 0;
}

.accordion-body .container_entry,
#container_calendar .container_entry,
#container_calendar_day .container_entry {
	display: flex;
	padding: var(--padding-xl-default, 16px);
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--padding-xl-default, 16px);
	flex: 1 0 0;
	border-radius: var(--Radius-XLarge, 16px);
	background: var(--Surface-Default-Secondary, #F2F2F2);
}

.accordion-body .container_tags {
	display: flex;
	padding: var(--padding-xl-default, 16px);
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--padding-xl-default, 16px);
	flex: 1 0 0;
}

#dashboard_container_idee .dashboard_entries .entry_card:not(:last-child),
#dashboard_container_entwurf .dashboard_entries .entry_card:not(:last-child),
#dashboard_container_freigabe .dashboard_entries .entry_card:not(:last-child),
#dashboard_container_freigegeben .dashboard_entries .entry_card:not(:last-child),
#dashboard_container_vorschlag .dashboard_entries .entry_card:not(:last-child)  {
	margin-bottom: var(--padding-xl-default, 16px);
}

.dashboard_more_entries {
	align-self: stretch;
	color: var(--Text-Medium-Emphasis, #757575);
	text-align: center;
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	width: 100%;
	cursor: pointer;
}

/* Beitragskarte */
.entry_card {
	display: flex;
	/*width: 306px;*/
	width: 306px;
	max-width: 100%;
	padding: var(--padding-xl-default, 16px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-100, rgba(12, 12, 13, 0.05));
	cursor: pointer;
}

.entry_card.multiselect {
	cursor: pointer;
}

.entry_card.small {
	width: auto;
	width: 157px;
	max-width: 157px;
}

.entry_card.active,
.channel_card.active {
	border: 2px solid var(--Surface-Brand-Primary, #F9B000);
}

.entry_card.state_2 {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.entry_card_header {
	display: flex;
	flex-direction: row;
  gap: var(--Gap-Grouped, 8px);
  align-items: flex-start;
 	justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.entry_card_header * {
	box-sizing: border-box;
}

.entry_card_icon {
	flex-shrink: 0;
/*  width: 20px;*/
  height: 20px;
  position: relative;
  overflow: visible;
 }

 .entry_card_icon i {
 	line-height: 20px;
 }

.entry_card_header_text {
 	display: flex;
 	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap-none, 0px);
	align-self: stretch;
	flex: 1;
	position: relative;
}

.entry_card_header_platform_title {
	align-self: stretch;
	position: relative;
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.entry_card_header_post_type {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
}

.entry_card.small .entry_card_header_post_type {
	display: none;
}

.entry_card_open_menu {
/*	flex-shrink: 0;*/
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  /*position: relative;
  overflow: visible;*/
}

.entry_card.small .entry_card_open_menu {
	text-align: right;
}

.entry_card_image {
	border-radius: var(--Radius-Small, 4px);
  align-self: stretch;
  flex-shrink: 0;
  /*height: 159px;*/
  /*min-width: 274px;*/
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

.entry_card.small .entry_card_image {
	height: 130px;
	min-width: 125px;
}

.entry_card_image_aspect_ratio {
	display: flex;
	flex-direction: row;
	align-items: center;
  position: absolute;
  left: var(--Gap-Grouped, 8px);
  bottom: var(--Gap-Grouped, 8px);
  z-index: 0;
	padding: var(--Padding-S, 4px) var(--Padding-M, 8px);
	justify-content: center;
	align-items: center;
	border-radius: var(--Radius-Small, 4px);
	background: var(--Black-500, rgba(12, 12, 13, 0.70));
}

.entry_card_image_aspect_ratio_text {
	color: var(--Text-Inverted, #FFF);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xs, 16px);
	position: relative;
}

.entry_card_caption {
	display: flex;
  flex-direction: column;
  gap: var(--Gap-Tight, 4px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}

.entry_card_caption_inner {
	display: flex;
  flex-direction: column;
  gap: var--Gap-Tight, 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.entry_card_caption_title {
	width: 100%;
	overflow: hidden;
	color: var(--Text-High-Emphasis, #333);
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-md, 26px); /* 130% */
}

.entry_card.small .entry_card_caption_title {
	font-size: var(--Size-md, 16px);
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.entry_card_caption_text {
	overflow: hidden;
	color: var(--Text-Medium-Emphasis, #757575);
	text-overflow: ellipsis;
/*	white-space: nowrap;*/
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	position: relative;
	align-self: stretch;
	max-height: 40px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.entry_card.small .entry_card_caption_text {
	display: none;
}

.entry_card_caption_date {
	display: flex;
  	flex-direction: row;
  	gap: var(--Gap-Grouped, 8px);
  	align-items: center;
  	justify-content: flex-start;
  	flex-shrink: 0;
  	position: relative;
}

.entry_card_caption_date {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xs, 16px); /* 133.333% */
}

.tag_status_group {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.tag_status {
	display: flex;
	padding: var(--Padding-S, 4px) var(--Padding-L, 12px);
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--Radius-Full, 999px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
}

.tag_status.clickable {
	cursor: pointer;
}

.tag_status.idee {
	border: 1px solid var(--Tag-Orange-2, #F4D5B7);
}

.tag_status.idee .ellipse {
	background: var(--Tag-Orange, #B55B00);
}

.tag_status.idee .tag_status_text {
	color: var(--Tag-Orange, #B55B00);
}

.tag_status.entwurf {
	border: 1px solid #E8BFD8;
}

.tag_status.entwurf .ellipse {
	background: #B2297B;
}

.tag_status.entwurf .tag_status_text {
	color: #B2297B;
}

.tag_status.freigabe {
	border: 1px solid var(--Tag-Violett-2, #D2C6E4);
}

.tag_status.freigabe .ellipse {
	background: var(--Tag-Violett, #6940A5);
}

.tag_status.freigabe .tag_status_text {
	color: var(--Tag-Violett, #6940A5);
}

.tag_status.freigegeben,
.tag_status.vorschlag {
	border: 1px solid var(--Tag-Blau-2, #B6D4E1);
}

.tag_status.freigegeben .ellipse,
.tag_status.vorschlag .ellipse {
	background: var(--Tag-Blau, #45648D);
}

.tag_status.freigegeben .tag_status_text,
.tag_status.vorschlag .tag_status_text {
	color: var(--Tag-Blau, #45648D);
}

.tag_status.veroeffentlicht {
	border: 1px solid var(--Surface-Border-Success, #9FCDB5);
}

.tag_status.veroeffentlicht .ellipse {
	background: var(--Text-Success, #0B6937);
}

.tag_status.veroeffentlicht .tag_status_text {
	color: var(--Text-Success, #0B6937);
}

.tag_status.error {
	border: 1px solid var(--Surface-Border-Error, #F2A0AE);
}

.tag_status.error .ellipse {
	background: var(--Text-Error, #B20E2A);
}

.tag_status.error .tag_status_text {
	color: var(--Text-Error, #B20E2A);
}

.ellipse {
  	background: var(--Text-Medium-Emphasis, #757575);
  	border-radius: 50%;
  	flex-shrink: 0;
  	width: 8px;
  	height: 8px;
  	position: relative;
}

.entry_card.small .ellipse {
	display: none;
}

.tag_status_text {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.tag_status_counter {
	color: var(--Text-Medium-Emphasis, #757575);
  text-align: left;
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  line-height: var(--Line-height-sm, 20px);
  font-weight: 400;
  position: relative;
}

/* Kalender */
.calendar_headline_container {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Section, 32px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

#calendar_headline {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xl, 24px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px); /* 166.667% */
}

#container_calendar {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	border-radius: var(--radius-medium-default, 8px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
	flex-wrap: wrap;
}

#container_calendar.week {
	border: none;
}

.calendar_week_row {
	display: flex;
  flex-direction: row;
  gap: var(--gap-none, 0px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.calendar_week_row:first-child .calendar_day:first-child {
	border-top-left-radius: var(--radius-medium-default, 8px);
}

.calendar_week_row:first-child .calendar_day:last-child {
	border-top-right-radius: var(--radius-medium-default, 8px);
}

.calendar_week_row:last-child .calendar_day:first-child {
	border-bottom-left-radius: var(--radius-medium-default, 8px);
}

.calendar_week_row:last-child .calendar_day:last-child {
	border-bottom-right-radius: var(--radius-medium-default, 8px);
}

.calendar_day {
	display: flex;
	min-height: 160px;
/*	padding: var(--Padding-M, 8px) var(--Padding-L, 12px);*/
	padding: var(--Padding-M, 8px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--Gap-Default, 16px);
	flex: 1 0 0;
	align-self: stretch;
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default, #FFF);
	flex-wrap: wrap;
	cursor: pointer;
}

.calendar_day.active {
	border: 2px solid var(--Surface-Brand-Primary, #F9B000);
	background: var(--Surface-Default-Default, #FFF);
}

.calendar_day .header_1 {
	display: flex;
  flex-direction: column;
/*  gap: var(--gap-grouped, 8px);*/
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  max-width: 100%;
}

.calendar_day .header_2 {
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
}

.calendar_day .day_month {
	display: flex;
  flex-direction: row;
  gap: var(--gap-grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.calendar_day .day,
.calendar_day .month {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.calendar_day .day.today {
	display: flex;
	min-width: 28px;
	padding: var(--Padding-S, 4px) var(--Padding-M, 8px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 99px;
	background: var(--Surface-Brand-Primary, #F9B000);
	color: var(--Text-On-Primary, #002D67);
}

.calendar_holiday {
	color: var(--Text-Medium-Emphasis, #757575);
  font-size: var(--Size-xs, 12px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
}

.calendar_day .day.disabled,
.calendar_day .month.disabled,
.calendar_day .calendar_holiday.disabled {
	color: var(--Text-Disabled, #999);
}

.calendar_day .body {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Tight, 4px);
  row-gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.calendar_plattform_counter {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
  flex-shrink: 0;
	padding: var(--Padding-S, 4px) var(--Padding-M, 8px);
	align-items: center;
	gap: var(--Gap-Tight, 4px);
	border-radius: var(--Radius-Full, 999px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
}

.calendar_plattform_counter .icon {
	font-size: var(--Size-md, 16px);
}

.calendar_plattform_counter.disabled .icon {
	color: var(--Text-Disabled, #999);
}

.calendar_plattform_counter .anzahl {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.calendar_plattform_counter.disabled .anzahl {
	color: var(--Text-Disabled, #999);
}

#container_calendar_day .headline,
.calendar_weekday_headline {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 400;
	/*line-height: 40px; 
	margin-bottom: var(--Gap-Default, 16px);*/
}

#container_calendar_day .plattforms {
	display: flex;
	flex-direction: row;
	gap: var(--Gap-Tight, 4px);
}

#col_container_calendar .container {
	display: flex;
  flex-direction: row-reverse;
  gap: var(--gap-default, 16px);
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  transform: rotate(180deg);
}

#container_calendar.week .container_entry {
	transform: rotate(180deg);
	min-width: 189px;
	margin-bottom: var(--padding-xl-default, 16px);
}

@media (min-width: 1440px) {
	#container_calendar.week .container_entry {
		margin-bottom: 0;
	}
}

/* Redaktionsprozess */
#selector_multiedit {
	width: 100%;
	max-width: 1416px;
	display: flex;
	padding: var(--padding-xl-default, 16px) var(--Padding-2XL, 24px);
	justify-content: space-between;
	align-items: center;
	border-radius: var(--Radius-Full, 999px);
	border: 2px solid var(--Surface-Brand-Primary, #F9B000);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: 0px var(--Depth-400, 16px) var(--Depth-800, 32px) -4px var(--Black-200, rgba(12, 12, 13, 0.10)), 0px 4px 4px -4px var(--Black-100, rgba(12, 12, 13, 0.05));
	position: fixed;
	bottom: var(--padding-xl-default, 16px);
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
}

#selector_multiedit_message {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-md, 26px); /* 130% */
}

/* Buttons */
.button,
.btn {
	display: inline-flex;
	padding: var(--Padding-M, 8px) var(--Padding-2XL, 24px);
	justify-content: center;
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--Radius-Full, 999px);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400 !important;
	line-height: var(--Line-height-sm, 20px);
	box-shadow: none;
}

/*.smb_user_settings_button {
	display: flex;
	padding: var(--Padding-M, 8px) var(--Padding-None, 0px);
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--Radius-Full, 999px);
	color: var(--Surface-Brand-Secondary, #002D67);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
	cursor: pointer;
}*/

.smb_user_settings_button {
	display: inline-flex;
	padding: var(--Padding-M, 8px);
	justify-content: center;
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--Radius-Full, 999px);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400 !important;
	line-height: var(--Line-height-sm, 20px);
	box-shadow: none;
	border: 1px solid transparent;
	color: var(--Text-Medium-Emphasis, #757575);
	background-color: transparent;
	text-decoration: none;
} 

.smb_user_settings_button[aria-expanded="false"]:after {
	border: none!important;
	font-family: 'Font Awesome';
	content: '\f078';
  width: 20px;
  height: 20px;
}

.smb_user_settings_button[aria-expanded="true"]:after {
	border: none!important;
	font-family: 'Font Awesome';
	content: '\f077';
  width: 20px;
  height: 20px;
}

.smb_user_settings_button:hover,
.smb_user_settings_button:focus-visible,
.smb_user_settings_button[aria-expanded="true"] {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	color: var(--Surface-Brand-Secondary, #002D67) !important;
	text-decoration: none !important;
}

.button i,
.btn i {
/*	font-size: 20px;*/
	font-size: var(--Size-md, 16px);
}

.button-group {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.button.multiselect {
	height: 56px;
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Border-Default, #CCC);
  box-shadow: none;
  background: var(--Surface-Default-Default, #FFF);
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  text-align: left;
}

.button.multiselect.invalid {
	border: 2px solid var(--Surface-Error-Default, #DE1135);
}

.button.multiselect:hover {
	border: 2px solid var(--Text-Medium-Emphasis, #757575);
}

.form-check_multiselect {
	padding: var(--Padding-M, 8px) var(--padding-xl-default, 16px);
}

.form-check_multiselect:not(:last-child) {
	border-bottom: 1px solid var(--Surface-Border-Default, #CCC);
}

.button.icon_only {
	display: flex;
	padding: var(--Padding-S, 4px);
	width: 30px;
  height: 30px;
}

.btn-group .button:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  padding-right: var(--Padding-M, 8px);
}

.btn-group .button:not(:first-child) {
	border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-left: var(--Padding-M, 8px);
}

a.button,
a.button:hover {
	text-decoration: none;
}

.button.navigation {
	border-radius: var(--radius-medium-default, 8px);
}

.button.primary {
	background: var(--Surface-Brand-Primary, #F9B000);
	color: var(--Text-On-Primary, #002D67);
	border: 1px solid var(--Surface-Brand-Primary, #F9B000);
}

.button.primary:hover,
.button.primary:focus-visible {
	border: 1px solid var(--Brand-Nacht-1000, #002D67);
	background: var(--Surface-Default-Default, #FFF);
}

.button.primary:active {
	border: 1px solid var(--Brand-Nacht-1000, #002D67);
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.button.primary:disabled {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Disabled, #E6E6E6);
	color: var(--Text-Disabled, #999);
}

.button.secondary {
	background: var(--Surface-Brand-Secondary, #002D67);
	color: var(--Text-On-Secondary, #FFF);
	border: 1px solid var(--Surface-Brand-Secondary, #002D67);
}

.button.secondary:hover,
.button.secondary:focus-visible {
	border: 1px solid var(--Surface-Brand-Secondary-Hover, #45648D);
	background: var(--Surface-Brand-Secondary-Hover, #45648D);
}

.button.secondary:active {
	border: 1px solid var(--Surface-Brand-Secondary-Pressed, #173F74);
	background: var(--Surface-Brand-Secondary-Pressed, #173F74);
}

.button.secondary:disabled {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Disabled, #E6E6E6);
	color: var(--Text-Disabled, #999);
}

.button.outline,
.btn-outline-secondary {
	background: var(--Surface-Default-Default, #FFF);
	color: var(--Surface-Brand-Secondary, #002D67);
	border: 1px solid var(--Surface-Brand-Secondary, #002D67);
}

.button.outline:hover,
.button.outline:focus-visible,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus-visible {
	border: 1px solid var(--Surface-Brand-Secondary, #002D67);
	background: var(--Surface-Brand-Secondary-Hover, #45648D);
	color: var(--Text-Inverted, #FFF) !important;
}

.btn-outline-secondary.active {
	background-color: var(--Surface-Brand-Secondary-Hover, #45648D) !important;
}

.button.outline:active,
.btn-outline-secondary:active {
	border: 1px solid var(--Surface-Brand-Secondary, #002D67);
	background: var(--Surface-Brand-Secondary-Pressed, #173F74);
	color: var(--Text-Inverted, #FFF);
}

.btn-group .btn-outline-secondary {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	border-radius: var(--radius-medium-default, 8px);
	color: var(--Text-Medium-Emphasis, #757575);
	background: var(--Surface-Default-Default, #FFF);
}

.btn-group .btn-outline-secondary:hover,
.btn-group .btn-outline-secondary:focus-visible {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	color: var(--Text-High-Emphasis, #333) !important;
	text-decoration: none;
}

.button.outline:disabled,
.btn-outline-secondary:disabled {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Disabled, #E6E6E6);
	color: var(--Text-Disabled, #999) !important;
}

.btn-group .btn-outline-secondary.active {
	background-color: var(--Surface-Default-Default, #FFF) !important;
	color: var(--Text-High-Emphasis, #333) !important;
	font-weight: 700 !important;
	border-color: var(--Surface-Border-Default, #CCC) !important;
}

.btn-group .btn-outline-secondary.active:hover {
	background: var(--Surface-Default-Default-Hover, #F2F2F2) !important;
}

.button.text {
/*	background: var(--Surface-Default-Default, #FFF);*/
/*	border: 1px solid var(--Surface-Default-Default, #FFF);*/
	border: 1px solid transparent;
	color: var(--Surface-Brand-Secondary, #002D67);
	background-color: transparent;
}

.button.text.text_destructive {
	color: var(--Surface-Error-Button, #B20E2A);
}

.smb_menu .button.text:not(.active),
.smb_footer_menu .button.text {
	color: var(--Text-Medium-Emphasis, #757575);
}

.smb_menu .button.text.not_booked {
	color: #99A0A8;
}

.smb_menu .button.text[aria-expanded="true"] {
	color: var(--Surface-Brand-Secondary, #002D67);
}

.button.text:hover,
.button.text:focus-visible,
.button.text[aria-expanded="true"] {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	color: var(--Surface-Brand-Secondary, #002D67);
}

.button.text:not(.icon_only)[aria-expanded="false"]:after,
.button.outline:not(.icon_only)[aria-expanded="false"]:after,
.button.secondary:not(.icon_only)[aria-expanded="false"]:after {
	border: none!important;
	font-family: 'Font Awesome';
	content: '\f078';
  width: 20px;
  height: 20px;
}

.button.multiselect:not(.icon_only)[aria-expanded="false"]:after {
	position: absolute;
  box-sizing: border-box;
  width: 0;
  height: 0;
  top: 50%;
  right: 0.75rem;
  border-width: 0.3rem;
  border-bottom-width: 0.3rem;
  border-bottom-width: 0;
  border-style: solid;
  border-color: currentColor transparent;
  transform: translateY(-50%);
  content: "";
}

.button.multiselect:not(.icon_only)[aria-expanded="true"]:after {
	position: absolute;
	box-sizing: border-box;
  width: 0;
  height: 0;
  top: 50%;
  right: 0.75rem;
  border-width: 0.3rem;
  border-bottom-width: 0.3rem;
  border-bottom-width: 0;
  border-style: solid;
  border-color: currentColor transparent;
  transform: translateY(-50%) rotate(-180deg);
  content: "";
}

/*.button.multiselect:not(.icon_only)[aria-expanded="true"]:after*/
.button.text:not(.icon_only)[aria-expanded="true"]:after,
.button.outline:not(.icon_only)[aria-expanded="true"]:after,
.button.secondary:not(.icon_only)[aria-expanded="true"]:after {
	border: none!important;
	font-family: 'Font Awesome';
	content: '\f077';
  width: 20px;
  height: 20px;
}

.button.text_accordion {
	background: var(--Surface-Default-Default, #FFF);
	border: 1px solid var(--Surface-Default-Default, #FFF);
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-md, 26px); /* 130% */
}

.button.text_accordion:focus-visible {
	border: 1px solid var(--Surface-Border-Default, #CCC);
}

.button.text_accordion[aria-expanded="false"]:before {
	border: none!important;
	font-family: "Font Awesome";
	content: '\f0d8';
  /*width: 20px;
  height: 20px;*/
}

.button.text_accordion[aria-expanded="true"]:before {
	border: none!important;
	font-family: "Font Awesome";
	content: '\f0d7';
  /*width: 20px;
  height: 20px;*/
}

.button.text:active {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Tertiary-Pressed, #757575);
	color: var(--Text-On-Primary, #002D67);
}

.button.text:disabled {
	border: 1px solid var(--Surface-Default-Default-Hover, #F2F2F2);
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	color: var(--Text-Disabled, #999);
}

.button.destructive {
	border: 1px solid var(--Surface-Error-Button, #B20E2A);
	background: var(--Surface-Error-Button, #B20E2A);
	color: var(--Text-Inverted, #FFF);
}

.button.destructive:hover,
.button.destructive:focus-visible {
	border: 1px solid var(--Surface-Error-Default-Hover, #850A20);
	background: var(--Surface-Error-Default-Hover, #850A20);
	color: var(--Text-Inverted, #FFF);
}

.button.destructive:active {
	border: 1px solid var(--Surface-Error-Default-Pressed, #590715);
	background: var(--Surface-Error-Default-Pressed, #590715);
	color: var(--Text-Inverted, #FFF);
}

.button.destructive:disabled {
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Disabled, #E6E6E6);
	color: var(--Text-Disabled, #999);
}

.button_inside {
	position: relative;
}

.button_inside > input {
	padding-right: 40px !important;
}

.button_inside.filter > input {
	padding-right: 80px !important;
}

.button_input {
	position: absolute;
	width: auto;
  top: 16px;
  right: 20px;
}

.button_input.small {
  top: 7px;
  right: 10px;
}

.button_input_2 {
    position: absolute;
    width: auto;
    bottom: 18px;
    right: 60px;
}

.button_input_2 i {
    color: #757575;
}

.button_input button,
.button_input_2 button {
	background-color: transparent;
  box-shadow: none;
  border: 1px solid transparent;
  width: 20px;
  height: 20px;
  font-size: 16px;
  display: inline-block;
  padding: 0 16px;
}

.button_input button:focus-visible,
.button_input_2 button:focus-visible {
	border: 1px solid var(--Surface-Border-Default, #CCC);
}

.button_main_action {
	border-top-left-radius: var(--Radius-Full, 999px) !important;
	border-bottom-left-radius: var(--Radius-Full, 999px) !important;
	padding-left: var(--Padding-2XL, 24px) !important;
}

/* Social-Media-Pill */
.container_social_media_pills {
	display: flex;
	align-items: center;
	align-content: center;
	gap: 16px var(--Gap-Default, 16px);
	align-self: stretch;
	flex-wrap: wrap;
}

.social_media_pill {
	display: inline-flex;
	padding: var(--Padding-M, 8px) var(--padding-xl-default, 16px);
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--Radius-Full, 999px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
	text-decoration: none;
	background-color: var(--Surface-Default-Default, #FFF);
}

.social_media_pill:hover {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	text-decoration: none;
}

.social_media_pill.active {
	/*background: var(--Surface-Default-Secondary, #F2F2F2);*/
	/*border: 1px solid var(--Text-High-Emphasis, #333);*/
	border: 1px solid var(--Surface-Brand-Primary, #F9B000);
	background: var(--Surface-Default-Default, #FFF);
}

.social_media_pill:disabled {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
	color: var(--Text-Disabled, #999);
}

.social_media_pill:disabled .icon {
	color: var(--Text-Disabled, #999) !important;
}

.social_media_pill .name {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.social_media_pill:disabled .name {
	color: var(--Text-Disabled, #999);
}

.social_media_pill .deselect {
	color: var(--Text-High-Emphasis, #333);
}

/* Segmented Control */
.segmented-control {
	display: inline-flex;
	padding: var(--Padding-S, 4px);
	align-items: center;
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Secondary, #F2F2F2);
}

.segmented-control_option {
	display: flex;
	padding: var(--Padding-S, 4px) var(--Padding-M, 8px);
	flex-direction: row;
	align-items: center;
	gap: 4px;
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	cursor: pointer;
}

.segmented-control_option.active {
	border-radius: var(--Radius-Small, 4px);
	background: var(--Surface-Default-Default, #FFF);
	color: var(--Text-High-Emphasis, #333);
}


/* Datepicker */
#ui-datepicker-div {
	/*display: inline-flex;*/
	padding: var(--padding-xl-default, 16px);
	flex-direction: column;
	align-items: flex-start;
/*	gap: var(--Gap-Default, 16px);*/
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px var(--Depth-400, 16px) var(--Depth-400, 16px) -8px var(--Black-200, rgba(12, 12, 13, 0.10));
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
	background-color: #fff;
	border: none;
	color: #000;
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px) !important;
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.ui-datepicker-prev span {
	background-position: 0 0;
	background-image: url(../images/chevron_left.png) !important;
}

.ui-datepicker-next span {
	background-position: 0 0;
	background-image: url(../images/chevron_right.png) !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background: none;
	border: none;
}

.ui-datepicker-header {
	width: 100%;
	background: none;
	border: none;
}

.ui-datepicker-calendar span[title$="day"] {
	color: #000;
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.ui-datepicker-calendar td[data-handler="selectDay"] {
	width: 44px;
	height: 44px;
	padding: 4px;
	border: 2px solid #FFF;
}

.ui-datepicker-calendar td[data-handler="selectDay"] a {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	border: none;
	background: none;
	text-align: center;
	padding: 0;
}

.ui-datepicker-calendar td[data-handler="selectDay"]:hover {
/*	border: 2px solid var(--Surface-Brand-Secondary, #002D67);*/
}

.ui-datepicker-calendar td.ui-datepicker-unselectable {
	width: 44px;
	height: 44px;
	padding: 4px;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable span {
	color: var(--Text-Disabled, #999);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	border: none;
	background: none;
	text-align: center;
	padding: 0;
}

.ui-datepicker-calendar td.ui-datepicker-current-day {
	border: 2px solid var(--Surface-Default-Default, #FFF);
	background: var(--Surface-Brand-Secondary, #002D67);
}

.ui-datepicker-calendar td.ui-datepicker-current-day a {
	color: var(--Text-Inverted, #FFF);
}

/* Formularfelder */
.form-control:not([type="file"]) {
	display: flex;
	padding: 4px var(--padding-xl-default, 16px);
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	align-self: stretch;
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default, #FFF);
}

/* Formularfelder */
.form-control:not([type="file"]) {
	height: 56px;
}

.form-select,
select.form-control {
	display: flex;
	padding: 4px 40px 4px var(--padding-xl-default, 16px);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Border-Default, #CCC);
	height: 56px !important;
}

.custom-select {
	display: flex;
	padding: 0;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
/*	border-radius: var(--radius-medium-default, 8px);*/
	border: none;
/*	border: 2px solid var(--Surface-Border-Default, #CCC);*/
	height: 56px !important;
}

.custom-select.invalid {
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Error-Default, #DE1135) !important;
}

.custom-select__option {
	height: 56px;
	padding: 4px 40px 4px var(--padding-xl-default, 16px);
}

.notification_center_footer .custom-select__option,
#container_entry_navigation_1 .custom-select__option,
#container_entry_navigation_2 .custom-select__option,
#container_entry_navigation_1 .custom-select,
#container_entry_navigation_2 .custom-select {
	height: 38px !important;
}

.custom-select > .custom-select__option.custom-select__option--value {
	border: 2px solid var(--Surface-Border-Default, #CCC);
	border-radius: var(--radius-medium-default, 8px);
}

div.invalid div.custom-select  .custom-select__option {
	border: 2px solid var(--Surface-Error-Default, #DE1135);
}

.custom-select > .custom-select__option.custom-select__option--value:hover,
.custom-select > .custom-select__option.custom-select__option--value:focus-visible {
	border-color: var(--Text-Medium-Emphasis, #757575);
	background-color: var(--Surface-Default-Default, #FFF);
}

.custom-select.custom-select--active > .custom-select__option.custom-select__option--value {
	border-color: var(--Surface-Brand-Secondary, #002D67);
}

.custom-select.custom-select--active > .custom-select__option.custom-select__option--value {
	/*border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;*/
}

.custom-select__dropdown {
	width: auto;
	min-width: 100%;
	max-height: 200px;
	overflow: auto;
	top: calc(100% + 2px);
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px var(--Depth-400, 16px) var(--Depth-400, 16px) -8px var(--Black-200, rgba(12, 12, 13, 0.10));
}

.custom-select__dropdown .custom-select__option {
	height: auto;
}

.custom-select__dropdown .custom-select__option:hover {
	background-color: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.custom-select__dropdown :not(:last-child) {
	border-bottom: 1px solid var(--Surface-Border-Default, #CCC);
}

.input-group .custom-select > .custom-select__option.custom-select__option--value {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.form-control:not([type="file"]):disabled,
.form-select:disabled {
	background-color: var(--Surface-Default-Disabled, #E6E6E6);
}

.form_textfield {
	height: auto;
	min-height: 200px !important;
	padding: var(--padding-xl-default, 16px) var(--padding-xl-default, 16px) 48px var(--padding-xl-default, 16px) !important;
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default, #FFF);
}

.form_textfield.notiz {
  width: 100%;
  height: auto;
  min-height: 100px;
}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  pointer-events: none;
  display: block;
  color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); /* 125% */
}

.datepick {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M7%202C7.41563%202%207.75%202.33437%207.75%202.75V4H12.25V2.75C12.25%202.33437%2012.5844%202%2013%202C13.4156%202%2013.75%202.33437%2013.75%202.75V4H15C16.1031%204%2017%204.89687%2017%206V6.5V8V16C17%2017.1031%2016.1031%2018%2015%2018H5C3.89688%2018%203%2017.1031%203%2016V8V6.5V6C3%204.89687%203.89688%204%205%204H6.25V2.75C6.25%202.33437%206.58437%202%207%202ZM15.5%208H4.5V16C4.5%2016.275%204.725%2016.5%205%2016.5H15C15.275%2016.5%2015.5%2016.275%2015.5%2016V8ZM6.5%2010H9.5C9.775%2010%2010%2010.225%2010%2010.5V13.5C10%2013.775%209.775%2014%209.5%2014H6.5C6.225%2014%206%2013.775%206%2013.5V10.5C6%2010.225%206.225%2010%206.5%2010Z%22%20fill%3D%22%23757575%22%2F%3E%0A%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right var(--Gap-Default, 16px) center;
}

.form-control.invalid,
.form-select.invalid,
.form_textfield.invalid,
.datepick.invalid {
	border: 2px solid var(--Surface-Error-Default, #DE1135);
}

.form-control:not(.invalid):hover,
.form_textfield:not(.invalid):hover,
.file_input_field:not(.invalid):hover {
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Text-Medium-Emphasis, #757575);
	box-shadow: none;
}


.form-select:not(.invalid):active,
.form-select:not(.invalid):focus,
.form-control:not(.invalid):focus,
.form_textfield:not(.invalid):focus {
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Brand-Secondary, #002D67);
	box-shadow: none;
}

.form-select:hover {
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Text-Medium-Emphasis, #757575);
}

.form-label,
.col-form-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--Gap-Tight, 4px);
	flex: 1 0 0;
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.row > .col-form-label {
	color: var(--Text-High-Emphasis, #333);
	font-weight: 400;
}

.file_input_field {
	display: flex;
	min-height: 200px;
	padding: var(--padding-xl-default, 16px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--radius-medium-default, 8px);
	border: 2px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Default, #FFF);
}

.file_input_info {
	max-width: 100%;
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.file_input_upload_process {
	display: flex;
  flex-direction: row;
  gap: var(--gap-default, 16px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.file_input_start {
	text-align: center;
}

.file_input_start .button {
	margin-bottom: var(--Gap-Grouped, 8px);
}

.file_input_upload_process .spinner_container {
	display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.file_input_upload_process .spinner_container .message {
  color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

#file_input_uploaded_files {
	display: flex;
  flex-direction: row;
  /*gap: var(--Gap-Default, 16px);*/
  gap: 25px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  position: relative;
  overflow-x: auto;
}

.smb_uploaded_media_container {
	display: flex;
  flex-direction: column;
  gap: var(--gap-grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  width: 128px;
  position: relative;
}

.smb_uploaded_media_container a {
	display: inline-block;
	align-self: stretch;
	cursor: pointer;
	text-decoration: none;
	color: var(--Text-Medium-Emphasis, #757575);
}

.smb_uploaded_media_container .image {
	background-position: 50%;;
	background-color: lightgray;
	background-size: contain;
	background-repeat: no-repeat;
  border-radius: var(--Radius-Small, 4px);
  align-self: stretch;
  position: relative;
  height: 108px;
  display: flex;
  flex: 0 0 100%;
  justify-content: center;
}

.smb_uploaded_media_container .image i {
	align-items: center;
  display: flex;
  font-size: var(--Size-lg, 20px);
}

.smb_uploaded_media_container .body {
	display: flex;
  flex-direction: column;
  gap: var(--Gap-Tight, 4px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.smb_uploaded_media_container .body .name {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-xs, 16px); /* 133.333% */
}

.smb_uploaded_media_container .body .edit_bar {
	display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.smb_uploaded_media_container .body .edit_bar i,
.media_edit_container .edit_bar i {
	color: var(--Text-Medium-Emphasis, #757575);
	cursor: pointer;
}

.smb_uploaded_media_container .body .edit_bar i.disabled,
.media_edit_container .edit_bar i.disabled {
	color: var(--Surface-Default-Disabled, #E6E6E6);
}

.smb_uploaded_media_container .body .edit_bar i.delete,
.media_edit_container .edit_bar i.delete {
	color: var(--Surface-Error-Default, #DE1135);
}

.form-check input[type="checkbox"],
.form-check input[type="radio"] {
    opacity: 0;
}

.form-check label {
    position: relative;
    display: inline-block;
/*    font-size: var(--Size-xs, 12px);*/
/*    line-height: var(--Line-height-xs, 16px); */
		color: var(--Text-High-Emphasis, #333);
		font-family: var(--font-family-Title-Hero, GenosGFG);
		font-size: var(--Size-md, 16px);
		font-style: normal;
		font-weight: 400;
		line-height: var(--Line-height-sm, 20px); /* 125% */
		color: var(--Text-Medium-Emphasis, #757575);
		padding-left: 4px;
}  

.form-check input[type="checkbox"]:checked + label, 
.form-check input[type="radio"]:checked + label {
	color: var(--Text-High-Emphasis, #333);
}

.form-check label b {
	color: var(--Text-High-Emphasis, #333);
	font-weight: 700;
}

.form-check label:hover::before {
  background: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.form-check input[type="checkbox"]:focus-visible + label::before {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
}

.form-check label::before,
.form-check label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.form-check input[type="checkbox"] + label::before {
  font-family: 'Font Awesome';
  content: '\f0c8';
  left: -20px;
  color: var(--Text-Medium-Emphasis, #757575);
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
}

.form-check input[type="radio"] + label::before {
  font-family: 'Font Awesome';
  content: '\f111';
  left: -20px;
  color: var(--Text-Medium-Emphasis, #757575);
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
}

.form-check input[type="checkbox"]:checked + label::before {
    font-family: 'Font Awesome';
    content: '\f14a';
    color: var(--Surface-Brand-Secondary, #002D67);
}

.form-check input[type="radio"]:checked + label::before {
    font-family: 'Font Awesome';
    content: '\f192';
    color: var(--Surface-Brand-Secondary, #002D67);
}

/* Toasts */
.toast {
	display: flex;
	width: 684px;
	max-width: 100%;
	padding: var(--padding-xl-default, 16px) var(--padding-xl-default, 16px) var(--padding-xl-default, 16px) var(--Padding-2XL, 24px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--Gap-Default, 16px);
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px var(--Depth-400, 16px) var(--Depth-400, 16px) -8px var(--Black-200, rgba(12, 12, 13, 0.10));
}

#notification_center .toast {
	box-shadow: none;
}

.toast-container > :not(:last-child) {	
	margin-bottom: var(--Gap-Default, 16px);
}

.toast.info {
	border-left: 8px solid var(--Surface-Info-Default, #0062B9);
}

.toast.danger {
	border-left: 8px solid var(--Surface-Error-Default, #DE1135);
}

.toast.info_interaction {
	border-left: 8px solid #6940A5;
}

.toast.news {
	border-left: 8px solid #0B6937;
}

.toast_icon {
	margin-right: 4px;
}

.toast_icon i {
	font-size: var(--Size-md, 16px);
	line-height: var(--Line-height-md, 26px);
}

.toast_icon.info {
	color: var(--Surface-Info-Default, #0062B9);
}

.toast_icon.danger {
	color: var(--Surface-Error-Default, #DE1135);
}

.toast_icon_info_interaction {
	color: #6940A5;
}

.toast_inner_container {
	display: flex;
  flex-direction: row;
  gap: var(--gap-default, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.toast_image {
	border-radius: var(--radius-small, 4px);
  align-self: stretch;
  flex-shrink: 0;
  width: 106px;
  height: 130px;
  position: relative;
  object-fit: cover;
}

.toast .content_container{
	display: flex;
  flex-direction: column;
  gap: var(--gap-default, 16px);
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  position: relative;
}

.toast .content_container.image {
	height: 130px;
}

.toast .title_message {
	display: flex;
  flex-direction: column;
  gap: var(--gap-grouped, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.toast .title_message .inner {
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.toast .title,
.channel_card .title {
	display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-md, 26px); /* 130% */
}

.toast .message {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

.toast_footer {
	display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.toast_footer .left {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.toast .time {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xs, 16px); /* 133.333% */
}

.timer-bar {
  overflow: hidden;
  background-color: var(--Surface-Default-Secondary, #F2F2F2);
  border-radius: var(--Radius-Full, 999px);
}
.timer-bar div {
  height: 5px;
  animation: roundtime calc(var(--duration) * 1s) linear forwards;
  transform-origin: left center;
/*  background: linear-gradient(to bottom, var(--Neutral-700, #4D4D4D), var(--Surface-Default-Secondary, #F2F2F2));*/
	background: var(--Neutral-700, #4D4D4D);
	border-radius: var(--Radius-Full, 999px);
}

/* Success-Message */
.toast_success_message {
  width: 400px; 
  max-width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--padding-xl-default, 16px);
  align-items: center;
  gap: var(--Gap-Default, 16px);
  border-radius: var(--radius-medium-default, 8px);
  border-left: 8px solid var(--Surface-Success-Default, #0E8345);
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  background: var(--Surface-Success-Tertiary, #E7F3EC);
  box-shadow: none;
}  

.toast_success_message .toast-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--Gap-Grouped, 8px);
  color: var(--Text-High-Emphasis, #333);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); /* 125% */
  padding: 8px 0;
  justify-content: space-between;
  width: 100%;
}

.toast_text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--Gap-Grouped, 8px);
}

@keyframes roundtime {
  to {
    /* More performant than `width` */
    transform: scaleX(0);
  }
}

.notification_center_close_message {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xs, 16px); /* 133.333% */
	margin-left: auto;
	margin-right: auto;
}

/* Modal - Dialog */
#smb_dialog_modal .modal-content {
	display: flex;
	padding: var(--padding-xl-default, 16px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--Gap-Section, 32px);
}

#smb_dialog_modal .modal-content .message {
	/*display: flex;
  flex-direction: column;
  gap: var(--Gap-Grouped, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;*/
}

#smb_dialog_modal .modal-content .message .headline {
	display: block;
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-md, 26px); /* 130% */
	margin-bottom: 16px;
}

#smb_dialog_modal .modal-content .buttons {
	width: 100%;
  gap: var(--Gap-Grouped, 8px);
  text-align: right;
}

/* Benachrichtigungscenter */
#notification_center {
	width: 732px;
	max-width: 90%;
	padding: var(--Padding-2XL, 24px);
	gap: var(--Gap-Section, 32px);
	overflow: auto;
}

.notification_center_header {
	display: flex;
	flex-direction: column;
  gap: var(--Gap-Default, 16px);
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.notification_center_header .title {
	align-self: stretch;
}

.notification_center_header h1.title {
	margin-bottom: 0 !important;
}

.notification_center_body {
  gap: var(--Gap-Default, 16px);
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

/*#notification_center .nav-tabs,
#offcanvas_cms .nav-tabs {*/
.nav-tabs {
	margin-bottom: var(--Gap-Default, 16px);
}

/*#notification_center .nav-tabs .nav-link,
#offcanvas_cms .nav-tabs .nav-link {*/
.nav-tabs .nav-link {	
	display: flex;
	padding: 4px var(--Padding-L, 12px);
	justify-content: center;
	align-items: center;
	gap: var(--Gap-Tight, 4px);
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	border: none;
}

/*#notification_center .nav-tabs .nav-link.active,
#offcanvas_cms .nav-tabs .nav-link.active {*/
.nav-tabs .nav-link.active {
	border-top: none;
	border-left: none;
	border-right: none;
	font-weight: 700;
	border-bottom: 2px solid var(--Text-High-Emphasis, #333);
	color: var(--Text-High-Emphasis, #333);
	background-color: unset;
}

notification_center .nav-tabs .nav-link.active,
#offcanvas_cms .nav-tabs .nav-link.active {
	font-weight: 400;
	border-bottom: 1px solid var(--Text-High-Emphasis, #333);
}

#notification_center .notifications {
	display: flex;
  flex-direction: column;
  gap: var(--gap-default, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

/* Offcanvas-Elemet fuer Redaktionssystem */
#offcanvas_cms {
	width: 1000px;
	max-width: 90%;
	padding: var(--Padding-2XL, 24px);
	gap: var(--Gap-Section, 32px);
	overflow: auto;
}

#offcanvas_cms.edit {
	width: 1200px;
	max-width: 100%;
}

.offcanvas_save_buttons {
	display: flex;
  flex-direction: row;
  gap: var(--gap-grouped, 8px);
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}

#offcanvas_cms .container_right {
	height: 100%;
	display: flex;
	width: 100%;
	padding: var(--Radius-XLarge, 16px) var(--padding-xl-default, 16px);
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: var(--Radius-XLarge, 16px);
	background: var(--Surface-Default-Secondary, #F2F2F2);
}

#offcanvas_cms .container_left {
	height: 100%;
	display: flex;
	width: 100%;
	padding: var(--Radius-XLarge, 16px) var(--padding-xl-default, 16px);
	flex-direction: column;
	/*justify-content: space-between;*/
	align-items: flex-start;
	align-self: stretch;
	border-radius: var(--Radius-XLarge, 16px);
	background: var(--Surface-Default-Secondary, #F2F2F2);
}

#offcanvas_cms .container_left .row_edit {
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: var(--Gap-Default, 16px);
}

#offcanvas_cms .container_left .row_edit .left {
	display: flex;
  flex-direction: column;
  gap: var(--gap-tight, 4px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

#offcanvas_cms .container_left .row_edit .right {
	display: flex;
  flex-direction: row;
  gap: var(--gap-grouped, 8px);
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}

#offcanvas_cms .container_left .row_edit h2 {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-lg, 20px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-md, 26px); /* 130% */
	margin-bottom: 0 !important;
}

/* Notizen und Aenderungsverlauf */
.cms_edit_right_col_tab_content {
	width: 100%;
}

.cms_edit_right_col_tab_content.full_height {
	height: 100%;
}

#container_notizen {
  /*display: flex;
  flex-direction: column;
  gap: var(--Gap-Default, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;*/
}  

.list_notizen {  
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--Gap-Default, 16px);
  margin-bottom: var(--Gap-Default, 16px);
}

.notiz {
  width: 100%;
  display: inline-flex;
  padding: var(--padding-xl-default, 16px);
  align-items: flex-start;
  gap: var(--Gap-Grouped, 8px);
  border-radius: var(--radius-medium-default, 8px);
  background: var(--Surface-Default-Default, #FFF);
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.notiz_content {
  display: flex;
  flex-direction: column;
  gap: var(--Gap-Grouped, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  max-width: calc(100% - 32px);
}

.notiz_header {
  display: flex;
  flex-direction: column;
  gap: var(--Gap-Tight, 4px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.notiz_header .name {
  color: var(--Text-High-Emphasis, #333);
  font-family: var(--Font-Family, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-height-sm, 20px); 
}

.notiz_header .time {
  color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-xs, 16px); 
}

#notiz_message {
	display: block;
  color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); 
}

.container_add_notiz {
  display: flex;
  flex-direction: column;
  gap: var(--Gap-Tight, 4px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.container_add_notiz .buttons {
	position: absolute;
	right: var(--Gap-Default, 16px);
	bottom: var(--Gap-Grouped, 8px);
}

.verlauf_entry {
	width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--padding-xl-default, 16px);
  gap: var(--Gap-Grouped, 8px);
  border-radius: var(--radius-medium-default, 8px);
  background: var(--Surface-Default-Default, #FFF);
  margin-bottom: var(--Gap-Grouped, 8px);
}

.verlauf_entry.hinweis {
		margin-top: var(--Gap-Section, 32px);
	  border-left: 8px solid var(--Surface-Info-Default, #0062B9);
	  hyphens: auto;
	  max-width: 100%;
}

.verlauf_download {
	width: 100%;
	text-align: center;
	margin-bottom: var(--Gap-Default, 16px);
}

.verlauf_status {
  color: var(--Text-High-Emphasis, #333);
  font-family: var(--Font-Family, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); 
}

.verlauf_time {
	color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-xs, 16px);
}

.verlauf_text {
	color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); 
  hyphens: auto;
	max-width: 100%;
}

.verlauf_hr {
	margin: var(--Gap-Grouped, 8px) 0;
}

.container_post_check_options {
	margin-top: var(--Gap-Section, 32px);
	margin-left: auto;
	margin-right: auto;
}

.container_post_check_options .custom-select {
	margin-bottom: var(--Gap-Grouped, 8px);
}

/* Post-Previews */
.post_preview_container {
	background-color: #fff;
	margin-left: auto;
  margin-right: auto;  
  border-radius: var(--radius-medium-default, 8px);
}

.container_post_check_release {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--Gap-Default, 16px);
}

.container_post_check_release.instagram {
	width: 400px;
}

.container_post_check_release.facebook {
	width: 500px;
}

.container_post_check_release.linkedin {
	width: 580px;
}

.container_post_check_release.tiktok {
	width: 400px;
}

.container_post_check_release.twitter {
	width: 600px;
}

.preview_no_media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%; 
	height: 400px;
}

.preview_no_media.document {
	height: 250px;
}

.preview_no_media div {
	font-size: var(--Size-2xl, 32px);
	color: var(--Text-Medium-Emphasis, #757575);
}

.cms_edit_error_tooltip_icon {
	position: absolute;
	right: -25px;
	left: auto;
	top: 0;
	height: 20px;
	width: 20px;
}

.central_content .cms_edit_error_tooltip_icon {
	display: none;
}

.cms_edit_error_tooltip_icon.bottom {
	top: auto;
	bottom: 0;
}

.tooltip {
	opacity: 1 !important;
}

.tooltip-inner {
	display: inline-flex;
	padding: var(--Padding-L, 12px);
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: var(--Radius-Small, 4px);
	text-align: left;
	hyphens: auto;
}

.tooltip-arrow.error::before {
	border-right-color: var(--Surface-Error-Default, #DE1135) !important;
}

.tooltip-arrow.warning::before {
	border-right-color: var(--Surface-Warning-Default, #FFDA07) !important;
}

.tooltip-inner.error {
	border-left: 4px solid var(--Surface-Error-Default, #DE1135);
	background: var(--Surface-Error-Tertiary, #FCE7EB);
	color: var(--Text-High-Emphasis, #333);
}

.tooltip-inner.warning {
	border-left: 4px solid var(--Surface-Warning-Default, #FFDA07);
	background: var(--Surface-Warning-Tertiary, #FEFCEA);
	color: var(--Text-Warning, #956A00);
}

.cms_edit_error_tooltip_icon.error {
	color: var(--Surface-Error-Default, #DE1135);
}

.cms_edit_error_tooltip_icon.warning {
	color: var(--Text-Warning, #956A00);
}

.preview_container_instagram {
	position: relative;
	width: 400px;
	max-width: 100%;
	background-color: #fff;
	border-radius: var(--radius-medium-default, 8px);
}

.preview_container_facebook {
	position: relative;
	width: 500px;
	max-width: 100%;
	background-color: #fff;
	border-radius: var(--radius-medium-default, 8px);
}

.preview_container_linkedin {
	position: relative;
	width: 580px;
	max-width: 100%;
	background-color: #fff;
	border-radius: var(--radius-medium-default, 8px);
}

.preview_container_twitter {
	position: relative;
	width: 600px;
	max-width: 100%;
	background-color: #fff;
	border-radius: var(--radius-medium-default, 8px);
}

.preview_container_tiktok {
	position: relative;
	width: 400px;
	max-width: 100%;
	background-color: #fff;
	border-radius: var(--radius-medium-default, 8px);
}

.preview_container_instagram.story,
.preview_container_facebook.story {
	--bs-aspect-ratio: 172%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: var(--radius-medium-default, 8px);
	color: #fff;
	background-color: #000;
}

.preview_container_instagram.story.no_image:after,
.preview_container_facebook.story.no_image:after {
	content: '\e1b7';
	font-family: 'Font Awesome';
	font-size: var(--Size-2xl, 32px);
	color: var(--Text-Inverted, #FFF);
	position: absolute;
	top: calc(50% - 16px);
  left: calc(50% - 16px);
}

.preview_container_instagram.story.no_video:after,
.preview_container_facebook.story.no_video:after {
	content: '\e179';
	font-family: 'Font Awesome';
	font-size: var(--Size-2xl, 32px);
	color: var(--Text-Inverted, #FFF);
	position: absolute;
	top: calc(50% - 16px);
  left: calc(50% - 16px);
}

.preview_container_instagram .header,
.preview_container_facebook .header,
.preview_container_linkedin .header,
.preview_container_twitter .header {
		width: 380px;
		max-width: 100%;
		height: 32px;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
/*    font-size: small;*/
}

.preview_container_facebook .header {
	width: 480px;
	height: 40px;
}

.preview_container_linkedin .header {
	width: 550px;
	height: 40px;
}

.preview_container_twitter .header {
	width: 580px;
	height: 40px;
}

.preview_container_instagram .header > :last-child,
.preview_container_facebook .header > :last-child,
.preview_container_linkedin .header > :last-child,
.preview_container_twitter .header > :last-child {
    font-size: 1.5rem;
}
.preview_container_instagram .header .icons,
.preview_container_facebook .header .icons,
.preview_container_linkedin .header .icons,
.preview_container_twitter .header .icons {
    display: flex;
}
.preview_container_instagram .header .icons > :first-child,
.preview_container_facebook .header .icons > :first-child,
.preview_container_linkedin .header .icons > :first-child,
.preview_container_twitter .header .icons > :first-child {
    margin-right: 10px;
    font-size: 2rem;
}
.preview_container_instagram .header .icons > :nth-child(2n) {
    display: flex;
   	align-items: center;
}

.preview_container_instagram .header .menu,
.preview_container_facebook .header .menu,
.preview_container_linkedin .header .menu,
.preview_container_twitter .header .menu {
		display: flex;
   	align-items: center;
}

.preview_container_instagram .header .icons div.location,
.preview_container_facebook .header .icons div.location {
	flex-direction: column;
}

.preview_container_instagram .media,
.preview_container_facebook .media,
.preview_container_linkedin .media,
.preview_container_twitter .media {
		position: relative;
    display: flex;
    object-fit: cover;
}
.preview_container_instagram .media > img,
.preview_container_facebook .media > img,
.preview_container_linkedin .media > img {
    width: 100%;
    border-bottom-left-radius: var(--radius-medium-default, 8px);
    border-bottom-right-radius: var(--radius-medium-default, 8px);
}

.preview_container_twitter .media > img {
	width: 100%;
	border-radius: 16px;
}

.preview_container_facebook .gallery .gallery_row:not(:last-child),
.preview_container_linkedin .gallery .gallery_row:not(:last-child) {
	margin-bottom: 2px;
}

.preview_container_facebook .gallery .gallery_image,
.preview_container_linkedin .gallery .gallery_image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

.preview_container_facebook .gallery_row .gallery_image:not(:last-child),
.preview_container_linkedin .gallery_row .gallery_image:not(:last-child) {
	margin-right: 2px;
}

.preview_container_twitter .gallery {
	border-radius: 16px;
	height: 290px;
}

.preview_container_twitter .gallery_image_2_1,
.preview_container_twitter .gallery_image_3_1 {
	height: 290px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	margin-right: 2px;
}

.preview_container_twitter .gallery_image_2_2 {
	height: 290px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

.preview_container_twitter .gallery_image_4_1 {
	height: 144px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	border-top-left-radius: 16px;
	margin-bottom: 2px;
	margin-right: 2px;
}

.preview_container_twitter .gallery_image_3_2,
.preview_container_twitter .gallery_image_4_2 {
	height: 144px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	border-top-right-radius: 16px;
	margin-bottom: 2px;
}

.preview_container_twitter .gallery_image_4_3 {
	height: 144px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	border-bottom-left-radius: 16px;
	margin-right: 2px;
}

.preview_container_twitter .gallery_image_3_3,
.preview_container_twitter .gallery_image_4_4 {
	height: 144px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	border-bottom-right-radius: 16px;
}

.counter_plus_images {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
}

.counter_plus_images span {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
}

.preview_container_facebook .smb_preview_link .image {
	--bs-aspect-ratio: 52.5%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
}

.preview_container_facebook .smb_preview_link .domain_title {
	background-color: rgb(240, 242, 245);
	padding: 12px;
	box-shadow: var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-100, rgba(12, 12, 13, 0.05));
}

.preview_container_facebook .smb_preview_link .domain_title .domain {
	color: rgb(101, 104, 108);
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 16px;
}

.preview_container_facebook .smb_preview_link .domain_title .title {
	color: rgb(8, 8, 9);
	font-size: 17px;
	font-weight: 600;
	line-height: 20px;
}

.preview_container_linkedin .smb_preview_link {
	border: 1px solid rgba(140,140,140,.2);
  border-radius: .8rem;
  margin: 0 16px 16px 16px;
  padding: 12px;
  display: flex;
}

.preview_container_linkedin .smb_preview_link .image {
	width: auto;
	height: 72px;
	border-radius: .8rem;
}

.preview_container_linkedin .smb_preview_link .title_domain {
	display: flex; 
	flex-direction: column; 
	gap: 1px; 
	align-items: start; 
	justify-content: center;
	margin-left: 12px;
}

.preview_container_linkedin .smb_preview_link .title {
	color: rgba(0, 0, 0, 0.9);
	font-size: 14px;
	font-family: sans-serif;
	font-weight: 600;
} 

.preview_container_linkedin .smb_preview_link .domain {
	color: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	font-family: sans-serif;
} 

.preview_container_instagram .icons_2 {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.5rem;
}
.preview_container_instagram .content,
.preview_container_facebook .content,
.preview_container_linkedin .content {
	position: relative;
}

.preview_container_instagram .content p {
	font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: sans-serif;
}

.preview_container_facebook .content p {
	font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: sans-serif;
}

.preview_container_linkedin .content p {
	font-size: 14px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: sans-serif;
}

.preview_container_twitter .content p {
	font-size: 17px;
	line-height: 24px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: sans-serif;
}

.preview_container_tiktok .content {
	padding: 12px 14px;
}

.preview_container_tiktok .content .account {
	font-family: sans-serif;
	font-size: 17px;
	line-height: 20px;
	color: rgb(22, 24, 35);
	font-weight: 500;
	margin-bottom: 6px;
}

.preview_container_tiktok .content p {
	font-family: sans-serif;
	font-size: 15px;
	line-height: 18px;
}

.preview_container_instagram.story .content,
.preview_container_facebook.story .content {
	margin: 0;
}

.preview_container_instagram.story .footer {
	position: relative;
	left: 0;
	bottom: 0;	
	width: 380px;
	max-width: 100%;
	height: 32px;
  display: flex;
  justify-content: space-between;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
/*	height: 50px;*/
}

#instagram_carousel .carousel-item {
	background-size: cover;
	background-repeat: no-repeat;
}

#instagram_carousel .carousel-control-next, 
#instagram_carousel .carousel-control-prev {
	font-size: 25px;
	width: auto;
}

#instagram_carousel .carousel-control-prev {
	margin-left: var(--Gap-Default, 16px);
}

#instagram_carousel .carousel-control-next {
	margin-right: var(--Gap-Default, 16px);
}

#instagram_carousel .carousel-indicators [data-bs-target] {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	border: 1px transparent !important;
}

.linkedin_document_container {
	width: 100%;
	padding: 70px 16px;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* Alerts */
.alert {
	/*display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;*/
  position: relative;
  padding: var(--padding-xl-default, 16px) 40px var(--padding-xl-default, 16px) var(--Padding-2XL, 24px);
}

.alert-warning {
	border-radius: var(--radius-medium-default, 8px);
	border-top-color: var(--Surface-Warning-Tertiary, #FEFCEA);
	border-right-color: var(--Surface-Warning-Tertiary, #FEFCEA);
	border-bottom-color: var(--Surface-Warning-Tertiary, #FEFCEA);
	border-left: 8px solid var(--Surface-Warning-Default, #FFDA07);
	background: var(--Surface-Warning-Tertiary, #FEFCEA);
}

.alert-danger {
	border-radius: var(--Radius-Small, 4px);
	border-top-color: var(--Surface-Error-Tertiary, #FCE7EB);
	border-right-color: var(--Surface-Error-Tertiary, #FCE7EB);
	border-bottom-color: var(--Surface-Error-Tertiary, #FCE7EB);
	border-left: 8px solid var(--Surface-Error-Default, #DE1135);
	background: var(--Surface-Error-Tertiary, #FCE7EB);
}

.alert-info {
	border-radius: var(--radius-medium-default, 8px);
	border-top-color: var(--Surface-Info-Tertiary, #F7F8FA);
	border-right-color: var(--Surface-Info-Tertiary, #F7F8FA);
	border-bottom-color: var(--Surface-Info-Tertiary, #F7F8FA);
	border-left: 8px solid var(--Surface-Info-Default, #0062B9);
	background: var(--Surface-Info-Tertiary, #F7F8FA);
}

.alert-dismissible .btn-close {
	/*top: calc(50% - 24px)*/
	padding: var(--padding-xl-default, 16px);
}

.alert_message {
	display: flex;
  flex-direction: row;
  gap: var(--gap-grouped, 8px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

/* Tabelle */
.table {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
}

.table-striped tbody tr:nth-of-type(2n+1),
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	background: var(--Surface-Default-Default, #FFF);
	padding: var(--Radius-XLarge, 16px) var(--Padding-2XL, 24px);
}

.table thead th {
	border-bottom: none;
	background: var(--Surface-Default-Secondary, #F2F2F2);
	font-weight: 400;
	font-size: var(--Size-xs, 12px);
	color: var(--Text-High-Emphasis, #333);
}

.table thead th a {
	font-size: var(--Size-xs, 12px);
	color: var(--Text-High-Emphasis, #333);
	text-decoration: none;
	font-weight: 400;
}

.table thead th a:hover {
	font-size: var(--Size-xs, 12px);
	color: var(--Text-High-Emphasis, #333);
	text-decoration: none;

	&::after{
		font-family: 'Font Awesome';
		font-weight: 400;
		content: " \f883";
	}
}

.table tr {
	border-bottom: 1px solid var(--Surface-Border-Default, #CCC);
}

.table td,
.table th {
	padding: var(--Radius-XLarge, 16px) var(--Padding-2XL, 24px);
}

.table td {
	color: var(--Text-Medium-Emphasis, #757575);
}

.table tbody tr:hover {
	background: var(--Surface-Default-Default-Hover, #F2F2F2);
}

/* Monitoring Tracking */
.metric {
  display: flex;
  height: 188px;
  width: 100%;
  padding: var(--Padding-2XL, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Gap-Large, 24px);
  border-radius: var(--radius-medium-default, 8px);
  border: 1px solid var(--Surface-Border-Default, #CCC);
  background: var(--Surface-Default-Default, #FFF);
  min-width: 0;
}  

.metric_header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.metric_header .title {
  color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px);
  text-align: left;
  position: relative;
}

.metric_header .icon {
  font-size: var(--Size-2xl, 32px);
  color: #A1AEC0;
}

.metric .stats_container {
	display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.metric .metrics_container {
	display: flex;
  flex-direction: column;
  gap: var(--gap-grouped, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 68px;
  position: relative;
  width: 100%;
}

.metric .row_pages {
	display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.metric .pages_number {
	position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-2xl, 32px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px); /* 125% */
	letter-spacing: -0.64px;
/*	width: 40%;*/
}

.metric .pages_title {
	text-align: left;
	position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-2xl, 32px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px);
	letter-spacing: -0.64px;
/*	width: 60%;*/
}

.metric .fans_number {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
	text-align: left;
	position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
/*  width: 40%;*/
}

.metric .fans_title {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px);
	text-align: left;
	position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
/*  width: 60%;*/
}

.metric .top_list {
  display: flex;
  flex-direction: column;
  gap: var(--Gap-Grouped, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.metric .top_list_entry {
  display: flex;
  flex-direction: row;
  gap: var(--Gap-Grouped, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
}

.metric .top_list_entry .name {
  position: relative;
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--Text-Link, #002D67);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); 
  min-width: 0;
}

.metric .top_list_entry .value {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: right;
  color: var(--Text-High-Emphasis, #333);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 20px); 
}

/* Magic Suggest */
.ms-ctn .ms-sel-ctn {
	width: 100%;
}

/* Badges */
.badge.badge-pill.badge-primary {
	height: 24px;
	padding: var(--Padding-S, 4px) var(--Padding-L, 12px);
	margin-right: 12px;
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xs, 16px); /* 133.333% */
}

.badge-danger {
	background-color: #FFE5EA;
	color: #981B31;
}

.badge-secondary {
	background-color: #E9ECFB;
	color: #2639B4;
}

.badge-success {
	background-color: #DAFFD6;
	color: #197B12;
}

/* Google Charts */
/*div.google-visualization-tooltip {
	display: flex;
	padding: var(--Padding-S, 4px) var(--Padding-M, 8px);
	flex-direction: column;
	align-items: center;
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
}*/

div.google-visualization-tooltip > ul > li > span {
	font-size: 12px;
}

/* Bootstrap Cards */
.card {
	border-radius: var(--radius-medium-default, 8px);
	border-color: var(--Surface-Border-Default, #CCC);
	box-shadow: var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-100, rgba(12, 12, 13, 0.05));
}

.card-header:first-child {
  border-radius: var(--radius-medium-default, 8px) var(--radius-medium-default, 8px) 0 0;
}

.card-header {
	background-color: var(--Surface-Default-Secondary, #F2F2F2);
	color: var(--Text-High-Emphasis, #333);
	border-bottom: 1px solid var(--Surface-Border-Default, #CCC);
}

.card-header h5 {
	margin-top: 7px;
}

.card img {
	border-top-left-radius: var(--radius-medium-default, 8px);
	border-top-right-radius: var(--radius-medium-default, 8px);
}

.card_text_shorted {
	color: var(--Text-Medium-Emphasis, #757575);
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.channel_card {
	width: 100%;
	/*max-width: 800px;*/
}

.channel_card_image {
	border-radius: var(--radius-small, 4px);
  align-self: stretch;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  position: relative;
  object-fit: cover;
}

.channel_card_image_placeholder {
  align-self: stretch;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.channel_card_image_placeholder span {
	font-size: var(--Size-2xl, 32px);
	text-align: center;
}

.channel_card_image.small {
	width: 75px;
  height: 75px;
}

.channel_card .content_container {
	display: flex;
  flex-direction: column;
  gap: var(--Gap-Grouped, 8px);
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  position: relative;
  /*height: 100px;*/
}

.channel_card .footer {
	display: flex;
	flex-direction: row;
	gap: var(--Gap-Default, 16px);
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-xs, 12px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xs, 16px); /* 133.333% */
}

.channel_card .footer .text_active {
	color: var(--Text-Success, #0B6937);
}

.channel_card .footer .text_warning {
	color: var(--Text-Warning, #956A00);
}

.channel_card .footer .text_error {
	color: var(--Text-Error, #B20E2A);
}

.channel_choose_label {
	display: flex !important;
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
}

/* Suchvorschlaege */
.search_suggest {
  z-index: 100;
  width: auto;
  min-width: 100%;
  display: none;
  padding: var(--padding-xl-default, 16px);
  gap: var(--Gap-Section, 32px);
  position: absolute;
  top: 64px;
  border-radius: var(--radius-medium-default, 8px);
  border: 1px solid var(--Surface-Border-Default, #CCC);
  background: var(--Surface-Default-Default, #FFF);
  box-shadow: 0px var(--Depth-400, 16px) var(--Depth-800, 32px) -4px var(--Black-200, rgba(12, 12, 13, 0.10)), 0px 4px 4px -4px var(--Black-100, rgba(12, 12, 13, 0.05));
} 

#filter_suggest {
	padding: var(--Padding-3XL, 32px);
}

.search_suggest .headline {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--Font-Family, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-height-sm, 20px); 
	margin-bottom: var(--gap-grouped, 8px);
}

#search_suggest_last_searches .suggest {
	display: flex;
  flex-direction: row;
  gap: var(--gap-grouped, 8px);
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
	margin-bottom: var(--gap-grouped, 8px);
	position: relative;
}

#search_suggest_last_searches .suggest a,
#search_suggest_last_searches .suggest a:hover  {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}

#cms_search_filter_row_filters {
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

#container_active_filters {
	/*display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;*/
  position: relative;
}

#container_delete_filters {
	
}

.active_filter_label {
	display: inline-flex;
	padding: var(--Padding-S, 4px) var(--Padding-L, 12px);
	align-items: center;
	gap: var(--Gap-Grouped, 8px);
	border-radius: var(--Radius-Full, 999px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Secondary, #F2F2F2);
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
	margin-right: 8px;
	margin-bottom: 8px;
}

.active_filter_label a {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); 
	text-decoration: none;
}

.active_filter_label a:hover {
	text-decoration: none;
}

/* Tribute.js - Vertaggung */
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 180px !important;
  width: 250px !important;
  overflow: auto;
  display: block;
  z-index: 999999;
  border-radius: var(--radius-medium-default, 8px);
  background: var(--Surface-Default-Default, #FFF);
  box-shadow: var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0, 0px) var(--Depth-25, 1px) var(--Depth-100, 4px) var(--Depth-0, 0px) var(--Black-100, rgba(12, 12, 13, 0.05));
  padding: var(--padding-xl-default, 16px) var(--padding-xl-default, 16px) var(--Padding-None, 0) var(--padding-xl-default, 16px);
}

.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #fff;
}
.tribute-container li {
  /*padding: 5px 5px;*/
  cursor: pointer;
  display: flex;
  align-items: center;
	gap: var(--Gap-Grouped, 8px);
	margin-bottom: var(--Gap-Grouped, 8px);
}
.tribute-container li:hover {
	font-weight: bold;
}
.tribute-container li.highlight {
  background: #fff;
}
.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}

#overlay {
    background-color: rgba(0,0,0,0.7);
    z-index: 999;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height:  100%;
    display: block;
} 

.notizen_container_old {
	height: 100%;
	display: flex;
	width: 100%;
	max-width: 370px;
	padding: var(--Radius-XLarge, 16px) var(--padding-xl-default, 16px);
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: var(--Radius-XLarge, 16px);
	background: var(--Surface-Default-Secondary, #F2F2F2);
}

.cms_message_col {
	position: relative;
}

#emoji_button {
	position: absolute;
	bottom: 16px;
	right: 24px;
}

.media_edit_active_media img {
	max-height: 400px;
	width: auto;
	max-width: 100%;
}

.media_edit_active_media .edit_bar {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 16px;
}

.media_edit_container .edit_bar div {
	padding: 6px;
}

.media_edit_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: var(--Gap-Default, 16px);
}

.media_edit_list {
	display: flex;
  flex-direction: row;
  gap: var(--Gap-Default, 16px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.media_edit_list .image {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	border-radius: var(--radius-medium-default, 8px);
	background-position: 50%;;
	background-color: lightgray;
	background-size: contain;
	background-repeat: no-repeat;
}

.media_edit_list .image.active {
	width: 76px;
	height: 76px;
	border: 2px solid var(--Surface-Brand-Primary, #F9B000);
}

.media_edit_list .image.plus {
	border-radius: var(--radius-medium-default, 8px);
	border: 1px solid var(--Surface-Border-Default, #CCC);
	background: var(--Surface-Default-Secondary, #F2F2F2);
	color: var(--Text-Medium-Emphasis, #757575);
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.container_not_booked {
	width: 100%;
	min-height: 725px;
	background-image: url(../images/bg_not_booked.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;
}

@media (max-width: 1399px) {
	.container_not_booked {
		background-position-x: 150px;
	}
}

@media (max-width: 1199px) {
	.container_not_booked {
		background-image: none;
	}
}

.container_not_booked_inner {
	padding: 70px 70px 30px 70px;
}

.not_booked_modul_logo {
	width: 355px;
	max-width: 100%;
	display: inline-flex;
	padding: var(--Padding-2XL, 24px);
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--Gap-Large, 24px);
	border-radius: var(--radius-medium-default, 8px);
	background: var(--Surface-Default-Default, #FFF);
	box-shadow: 0 var(--Depth-400, 16px) var(--Depth-800, 32px) -4px var(--Black-200, rgba(12, 12, 13, 0.10)), 0 4px 4px -4px var(--Black-100, rgba(12, 12, 13, 0.05));
}

.not_booked_text_container {
	width: 100%;
	max-width: 400px;
}

.not_booked_text_container p {
	color: var(--Text-Medium-Emphasis, #757575);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
}

h1.not_booked_headline {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-3xl, 48px);
	font-style: normal;
	font-weight: 700;
	line-height: 60px; /* 125% */
	letter-spacing: -1.44px;
}

.container_not_booked_info {
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 80px;
	justify-content: space-between;
	align-items: start;
	border-radius: 8px;
	background: var(--Surface-Brand-Secondary, #002D67);
}

.container_not_booked_info .col_info {
	display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 255px;
  color: var(--Text-Inverted, #FFF);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-md, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-sm, 20px); /* 125% */
	padding: var(--Padding-2XL, 24px) 0;
}

.container_not_booked_info .col_info .icon {
	font-size: 40px;
	margin-bottom: 16px;
}

.nav-tabs-create_parent {
	margin-right: 8px;
}

.link_entry_delete {
	padding: 4px 12px 4px 0px;
}

/* Login */
.login_left {
	background: url(../images/slashes.png) no-repeat right bottom, url(../images/bg_login_rectangle.png) right 0px top no-repeat;
	/*background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right top;*/

	/*height: 100%;
	min-height: 100vh;
	max-height: 1000px !important;*/

	height: 1000px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}	

@media (max-width: 1199px) {
  .login_left {
    background: url(../images/bg_login_rectangle.png) right 60px top no-repeat;
  }
}

@media (max-width: 1199px) {
  .login_left {
    background-image: none;
    background-color: #fff;
  }
}

h1 {
	color: var(--Text-High-Emphasis, #333);
	font-family: var(--font-family-Title-Hero, GenosGFG);
	font-size: var(--Size-2xl, 32px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--Line-height-xl, 40px); /* 125% */
	letter-spacing: -0.64px;
}

.logo {
	width: 120px;
	padding-bottom: 50px;
}

.row_loginform {
	padding-top: 100px;
}

.line-1 {
  margin-top: -1px;
  border-style: solid;
  border-color: #b7c0cc;
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 0px;
  position: relative;
}

.line_background {
	background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        rgba(192,192,192,1) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
    );
}

.line_background span {
	background-color: #fff;
	padding: 0 4px 0 4px;
}

.login_logo {
	width: 140px;
}

.row_footer {
	padding-bottom: 20px;
}

.row_footer .button {
	color: #757575;
}

/* Advert-Banner */
.advert_banner {
  display: flex;
  width:100%;
  padding: var(--Padding-L, 12px) var(--Padding-2XL, 24px);
  justify-content: center;
  align-items: center;
  gap: 24px; 
  /*background-color: rgba(253, 223, 153, 0.20);*/
  margin-top: -32px;
  background: url(../images/slashes.png) no-repeat left 16px center/auto 100%, url(../images/slashes.png) no-repeat right 16px center/auto 100%, rgba(253, 223, 153, 0.20);
}

.advert_banner a {
  color: var(--Text-Medium-Emphasis, #757575);
  font-family: var(--font-family-Title-Hero, GenosGFG);
  font-size: var(--Size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-md, 26px);
}

.advert_banner a span {
  font-weight: bold;
}