@charset "UTF-8";

/**
 *
 * CAUTION: This file is auto-generated trough backend and will be overwritten - do not modify this file
 *
 */

:root {
	/*** Global HTML Settings ***/

	/** JUANA Font **/
	--font-juana                                        : 'Juana', sans-serif;
	--font-juana-weight-regular                         : 400;
	--font-juana-weight-medium                          : 500;
	--font-juana-weight-bold                            : 700;

	/** BROTHER Font **/
	--font-brother                                      : 'Brother', sans-serif;
	--font-brother-weight-extra-light                   : 200;
	--font-brother-weight-light                         : 300;
	--font-brother-weight-regular                       : 400;
	--font-brother-weight-medium                        : 500;
	--font-brother-weight-bold                          : 700;


	/*** Color Settings ***/

	/** Global Colors **/
	--color-black                                       : #000000;
	--color-white                                       : #FFFFFF;

	/** PRIMARY Color **/
	--color-primary                                     : #F0954F;		/* Color: Gold */
	--color-primary-darkened                            : #996D4B;		/* Color for mouseover when color is set as background color */
	--color-for-primary-bg                              : var(--color-white);		/* Text-Color when Primary is set as background color */

	/** SECONDARY Color **/
	--color-secondary                                   : #007D97;		/* Color: Petrol */
	--color-secondary-darkened                          : #006378;		/* Color for mouseover when color is set as background color */
	--color-for-secondary-bg                            : var(--color-white);		/* Text-Color when Secondary is set as background color */

	/** TERTIARY Color **/
	--color-tertiary                                    : #F0954F;		/* Color: Altrosa */
	--color-tertiary-darkened                           : #CEA796;		/* Color for mouseover when color is set as background color */
	--color-for-tertiary-bg                             : #A2654B;		/* Text-Color when Tertiary is set as background color */

	/** QUATERNARY Color **/
	--color-quaternary                                  : #EFF3F3;		/* Color: Schneeweiss */
	--color-quaternary-darkened                         : #D3DEDE;		/* Color for mouseover when color is set as background color */
	--color-for-quaternary-bg                           : #80A0A0;		/* Text-Color when Quaternary is set as background color */

	/** NEOGENE Color **/
	--color-neogene                                     : #F0954F;		/* Color: Orange */
	--color-neogene-darkened                            : #EA7114;		/* Color for mouseover when color is set as background color */
	--color-for-neogene-bg                              : var(--color-white);		/* Text-Color when Neogene is set as background color */

	/** DEFAULT Color **/
	--color-default                                     : #494949;
	--color-default-darkened                            : var(--color-black);		/* Use https://pinetools.com/darken-color to darken by 20 */
	--color-for-default-bg                              : var(--color-black);

	/** DANGER Color **/
	--color-danger                                      : #FE0C2E;
	--color-danger-darkened                             : #D3001E;
	--color-for-danger-bg                               : var(--color-white);

	/** SUCCESS Color **/
	--color-success                                     : #0EBE5C;
	--color-success-darkened                            : #0B9849;
	--color-for-success-bg                              : var(--color-white);

	/** WARNING Color **/
	--color-warning                                     : #F0954F;
	--color-warning-darkened                            : #EA7114;
	--color-for-warning-bg                              : var(--color-white);

	/** INFO Color **/
	--color-info                                        : #0DCAF0;
	--color-info-darkened                               : #0AA1C0;
	--color-for-info-bg                                 : var(--color-white);


	/*** Button Settings ***/

	/** PRIMARY Button **/
	--btn-primary-color                                 : var(--color-for-primary-bg);
	--btn-primary-bg-color                              : var(--color-primary);
	--btn-primary-color-active                          : var(--color-for-primary-bg);
	--btn-primary-bg-color-active                       : var(--color-primary-darkened);

	/** SECONDARY Button **/
	--btn-secondary-color                               : var(--color-for-secondary-bg);
	--btn-secondary-bg-color                            : var(--color-secondary);
	--btn-secondary-color-active                        : var(--color-for-secondary-bg);
	--btn-secondary-bg-color-active                     : var(--color-secondary-darkened);

	/** TERTIARY Button **/
	--btn-tertiary-color                                : var(--color-for-tertiary-bg);
	--btn-tertiary-bg-color                             : var(--color-tertiary);
	--btn-tertiary-color-active                         : var(--color-for-tertiary-bg);
	--btn-tertiary-bg-color-active                      : var(--color-tertiary-darkened);

	/** QUATERNARY Button **/
	--btn-quaternary-color                              : var(--color-for-quaternary-bg);
	--btn-quaternary-bg-color                           : var(--color-quaternary);
	--btn-quaternary-color-active                       : var(--color-for-quaternary-bg);
	--btn-quaternary-bg-color-active                    : var(--color-quaternary-darkened);

	/** DEFAULT Button **/
	--btn-default-color                                 : var(--color-white);
	--btn-default-bg-color                              : var(--color-default);
	--btn-default-color-active                          : var(--color-white);
	--btn-default-bg-color-active                       : var(--color-default-darkened);

	/** DANGER Button **/
	--btn-danger-color                                  : var(--color-white);
	--btn-danger-bg-color                               : var(--color-danger);
	--btn-danger-color-active                           : var(--color-white);
	--btn-danger-bg-color-active                        : var(--color-danger-darkened);

	/** SUCCESS Button **/
	--btn-success-color                                 : var(--color-white);
	--btn-success-bg-color                              : var(--color-success);
	--btn-success-color-active                          : var(--color-white);
	--btn-success-bg-color-active                       : var(--color-success-darkened);

	/** WARNING Button **/
	--btn-warning-color                                 : var(--color-white);
	--btn-warning-bg-color                              : var(--color-warning);
	--btn-warning-color-active                          : var(--color-white);
	--btn-warning-bg-color-active                       : var(--color-warning-darkened);

	/** INFO Button **/
	--btn-info-color                                    : var(--color-white);
	--btn-info-bg-color                                 : var(--color-info);
	--btn-info-color-active                             : var(--color-white);
	--btn-info-bg-color-active                          : var(--color-info-darkened);


	/*** Text & Headline Settings ***/

	/** DEFAULT Font for Text **/
	--font-default                                      : var(--font-brother);
	--font-default-weight-extra-light                   : var(--font-brother-weight-extra-light);
	--font-default-weight-light                         : var(--font-brother-weight-light);
	--font-default-weight-regular                       : var(--font-brother-weight-regular);
	--font-default-weight-medium                        : var(--font-brother-weight-medium);
	--font-default-weight-semi-bold                     : var(--font-brother-weight-medium);
	--font-default-weight-bold                          : var(--font-brother-weight-bold);
	--font-default-weight-extra-bold                    : var(--font-brother-weight-bold);
	--font-default-weight-black                         : var(--font-brother-weight-bold);

	/** Headline 1 Settings **/
	--h1-font-family                                    : var(--font-juana);
	--h1-color                                          : var(--color-primary);
	--h1-font-size                                      : 1.5rem;
	--h1-font-weight                                    : var(--font-juana-weight-bold);

	/** Headline 2 Settings **/
	--h2-font-family                                    : var(--font-juana);
	--h2-color                                          : var(--color-black);
	--h2-font-size                                      : 1.5rem;
	--h2-font-weight                                    : var(--font-juana-weight-bold);

	/** Headline 3 Settings **/
	--h3-font-family                                    : var(--font-juana);
	--h3-color                                          : var(--color-primary);
	--h3-font-size                                      : 1.3rem;
	--h3-font-weight                                    : var(--font-juana-weight-bold);

	/** Headline 4 Settings **/
	--h4-font-family                                    : var(--font-juana);
	--h4-color                                          : var(--color-black);
	--h4-font-size                                      : 1.3rem;
	--h4-font-weight                                    : var(--font-juana-weight-bold);

	/** Headline 5 Settings **/
	--h5-font-family                                    : var(--font-default);
	--h5-color                                          : var(--color-primary);
	--h5-font-size                                      : 1.1rem;
	--h5-font-weight                                    : var(--font-default-weight-medium);

	/** Headline 6 Settings **/
	--h6-font-family                                    : var(--font-default);
	--h6-color                                          : var(--color-black);
	--h6-font-size                                      : 1.1rem;
	--h6-font-weight                                    : var(--font-default-weight-medium);

	/** Link Settings **/
	--a-color                                           : var(--color-tertiary);
	--a-color-active                                    : var(--color-black);
	--a-text-decoration                                 : none;		/* Use none, underline */
	--a-text-decoration-active                          : none;		/* Use none, underline */

	/** General Settings **/
	--box-border-radius                                 : 10px;		/* Global border radius for boxes and buttons */
	--spacing-content                                   : 1.5rem;		/* Space between main boxes */

	/** General Button Settings **/
	--btn-border-radius                                 : 1.5rem;
	--btn-space-vertical                                : 0.6rem;
	--btn-space-horizontal                              : 1.2rem;
	--btn-font-family                                   : var(--font-default);
	--btn-disabled-color                                : #888888;
	--btn-disabled-bg-color                             : #EEEEEE;
	--btn-font-size                                     : 0.9rem;
	--btn-font-weight                                   : var(--font-default-weight-light);


	/*** PUBLIC PAGES Settings ***/

	/** General Settings **/
	--public-logo-max-width                             : 5rem;		/* Logo maximum width for public pages like login, registration, ... */


	/*** MAIN NAVIGATION BAR Settings ***/

	/** General Settings **/
	--main-nav-bar-icon-font-size                       : 1.8rem;		/* Icon-Only navigation button (go back link) */
	--main-nav-bar-logo-width                           : 2.5rem;		/* Width of logo */
	--main-nav-bar-avatar-circle-width                  : 2.5rem;
	--main-nav-bar-avatar-initials-font-size            : 0.8rem;
	--main-nav-bar-avatar-initials-font-weight          : var(--font-default-weight-light);

	/** Account Dropdown Header **/
	--main-nav-bar-dropdown-header-font-family          : var(--font-default);
	--main-nav-bar-dropdown-header-font-size            : 1rem;
	--main-nav-bar-dropdown-header-font-weight          : var(--font-default-weight-regular);
	--main-nav-bar-dropdown-header-color                : #555555;

	/** Account Dropdown Navigation Items **/
	--main-nav-bar-dropdown-item-font-family            : var(--font-default);
	--main-nav-bar-dropdown-item-font-size              : 1rem;
	--main-nav-bar-dropdown-item-font-weight            : var(--font-default-weight-light);
	--main-nav-bar-dropdown-item-color                  : #222222;
	--main-nav-bar-dropdown-item-active-color           : #111111;
	--main-nav-bar-dropdown-item-active-bg-color        : #E9ECEF;


	/*** DASHBOARD Settings ***/

	/** Header Cite Text **/
	--dashboard-header-cite-width-percentage            : 40%;
	--dashboard-header-cite-color                       : var(--color-white);
	--dashboard-header-cite-headline-font-family        : var(--font-juana);
	--dashboard-header-cite-headline-font-size          : 1.6rem;
	--dashboard-header-cite-headline-line-height        : 1.9rem;
	--dashboard-header-cite-headline-font-weight        : var(--font-juana-weight-bold);
	--dashboard-header-cite-headline-color              : var(--color-white);
	--dashboard-header-cite-headline-text-transform     : none;		/* Use none, uppercase, lowercase, capitalize */
	--dashboard-header-cite-headline-font-style         : normal;
	--dashboard-header-cite-headline-text-align         : center;

	/** Header Cite Small Text **/
	--dashboard-header-cite-small-font-family           : var(--font-default);
	--dashboard-header-cite-small-font-size             : 0.8rem;
	--dashboard-header-cite-small-font-weight           : var(--font-default-weight-light);
	--dashboard-header-cite-small-text-align            : center;


	/*** FORM Settings ***/

	/** General Form Field Settings **/
	--form-text-color                                   : #6C757D;
	--form-input-type-text-bg-color                     : #FAFAFA;
	--form-input-type-text-color                        : #6C757D;
	--form-checkbox-radio-checked-color                 : var(--color-primary);


	/*** GENERAL CONTENT Settings ***/

	/** Main Headline **/
	--content-headline-main-font-family                 : var(--h3-font-family);
	--content-headline-main-font-size                   : var(--h3-font-size);
	--content-headline-main-font-weight                 : var(--h3-font-weight);
	--content-headline-main-color                       : var(--h3-color);
	--content-headline-main-text-transform              : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Sub Headline **/
	--content-headline-sub-font-family                  : var(--h6-font-family);
	--content-headline-sub-font-size                    : var(--h6-font-size);
	--content-headline-sub-font-weight                  : var(--h6-font-weight);
	--content-headline-sub-color                        : var(--h6-color);
	--content-headline-sub-text-transform               : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Inline Image **/
	--content-image-caption-font-size                   : 0.8rem;


	/*** MODULE NAVBAR Settings ***/

	/** Module Tabs **/
	--module-navbar-font-family                         : var(--font-default);
	--module-navbar-font-weight                         : var(--font-default-weight-regular);
	--module-navbar-font-weight-active                  : var(--font-default-weight-bold);
	--module-navbar-border-color                        : #CCCCCC;
	--module-navbar-color                               : #9D9D9D;
	--module-navbar-color-active                        : var(--color-primary);
	--module-navbar-text-transform                      : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** VIMEO Settings ***/

	/** General Settings **/
	--vimeo-player-color                                : var(--color-tertiary);		/* altrosa */


	/*** PROGRESS BAR Settings ***/

	/** Progress bar colors **/
	--progress-bar-color                                : #666666;
	--progress-bar-bg-color                             : #EEEEEE;
	--progress-bar-bg-color-highlight                   : var(--color-primary);
	--progress-bar-border-width                         : 3px;


	/*** PRODUCT/MODULE BOX Settings ***/

	/** Thumbnail Box **/
	--image-box-border-color                            : #DDDDDD;
	--image-box-border-color-active                     : var(--color-primary);

	/** Badge in Thumbnail Box **/
	--image-box-badge-padding                           : 0 0.6rem;
	--image-box-badge-border-radius                     : 10px;
	--image-box-badge-bg-color                          : var(--color-primary);
	--image-box-badge-font-family                       : var(--font-default);
	--image-box-badge-font-size                         : 0.7rem;
	--image-box-badge-line-height                       : 1.2rem;
	--image-box-badge-font-weight                       : var(--font-default-weight-light);
	--image-box-badge-color                             : var(--color-for-primary-bg);
	--image-box-badge-text-transform                    : uppercase;		/* Use none, uppercase, lowercase, capitalize */
	--image-box-badge-icon-color                        : var(--color-primary);
	--image-box-badge-icon-font-size                    : 1.3rem;

	/** Main Headline **/
	--image-box-item-headline-font-family               : var(--font-juana);
	--image-box-item-headline-font-size                 : 1.2rem;
	--image-box-item-headline-font-weight               : var(--font-juana-weight-regular);
	--image-box-item-headline-color                     : var(--color-primary);
	--image-box-item-headline-text-transform            : normal;		/* Use normal, uppercase, lowercase, capitalize */

	/** Sub Headline **/
	--image-box-item-headline-sub-font-family           : var(--font-default);
	--image-box-item-headline-sub-font-size             : 1rem;
	--image-box-item-headline-sub-font-weight           : var(--font-default-weight-light);
	--image-box-item-headline-sub-color                 : var(--color-default);
	--image-box-item-headline-sub-text-transform        : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** OFFERS BOX Settings ***/

	/** General Settings **/
	--offer-box-bg-color                                : #F4EEE8;

	/** Box Headline Settings **/
	--offer-box-headline-font-family                    : var(--h6-font-family);
	--offer-box-headline-font-size                      : var(--h6-font-size);
	--offer-box-headline-font-weight                    : var(--h6-font-weight);
	--offer-box-headline-color                          : var(--color-black);
	--offer-box-headline-text-transform                 : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Item's Main Headline Settings **/
	--offer-box-item-headline-main-font-family          : var(--font-juana);
	--offer-box-item-headline-main-font-size            : 1.2rem;
	--offer-box-item-headline-main-font-weight          : var(--font-juana-weight-bold);
	--offer-box-item-headline-main-color                : var(--color-default);
	--offer-box-item-headline-main-text-transform       : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Item's Sub Headline Settings **/
	--offer-box-item-headline-sub-font-family           : var(--font-default);
	--offer-box-item-headline-sub-font-size             : 1rem;
	--offer-box-item-headline-sub-font-weight           : var(--font-default-weight-light);
	--offer-box-item-headline-sub-color                 : var(--color-default);
	--offer-box-item-headline-sub-text-transform        : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** MEDIA BOX Settings ***/

	/** General Settings **/
	--media-box-bg-color                                : #F4EEE8;

	/** Box Headline Settings **/
	--media-box-headline-font-family                    : var(--h6-font-family);
	--media-box-headline-font-size                      : var(--h6-font-size);
	--media-box-headline-font-weight                    : var(--h6-font-weight);
	--media-box-headline-color                          : var(--color-black);
	--media-box-headline-text-transform                 : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Media Item General Settings **/
	--media-box-item-bg-color                           : var(--color-white);
	--media-box-item-left-icon-color                    : var(--color-white);
	--media-box-item-left-icon-bg-color                 : var(--color-primary);
	--media-box-item-right-icon-color                   : var(--color-primary);

	/** Media Item Main Title **/
	--media-box-item-title-font-family                  : var(--font-juana);
	--media-box-item-title-font-size                    : 1.2rem;
	--media-box-item-title-font-weight                  : var(--font-juana-weight-bold);
	--media-box-item-title-color                        : var(--color-primary);
	--media-box-item-title-text-transform               : none;		/* Use none, uppercase, lowercase, capitalize */
	--media-box-item-title-text-decoration              : none;		/* Use none, underline */

	/** Media Item Sub Title **/
	--media-box-item-title-sub-font-family              : var(--font-default);
	--media-box-item-title-sub-font-size                : 1rem;
	--media-box-item-title-sub-font-weight              : var(--font-default-weight-light);
	--media-box-item-title-sub-color                    : var(--color-default);
	--media-box-item-title-sub-text-transform           : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Media Item File Information **/
	--media-box-item-file-info-font-family              : var(--font-default);
	--media-box-item-file-info-font-size                : 1rem;
	--media-box-item-file-info-font-weight              : var(--font-default-weight-light);
	--media-box-item-file-info-color                    : #999;
	--media-box-item-file-info-text-transform           : uppercase;		/* Use none, uppercase, lowercase, capitalize */


	/*** MODULE DATES content Settings ***/

	/** General Settings **/
	--module-dates-separator-line                       : 1px solid #EEEEEE;
	--module-dates-item-date-not-reached-color          : #888888;

	/** Date Item Main Headline **/
	--module-dates-item-headline-font-family            : var(--font-juana);
	--module-dates-item-headline-font-size              : 1.3rem;
	--module-dates-item-headline-font-weight            : var(--font-juana-weight-regular);
	--module-dates-item-headline-color                  : var(--color-primary);
	--module-dates-item-headline-text-transform         : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Date Item Sub Headline **/
	--module-dates-item-headline-sub-font-family        : var(--font-default);
	--module-dates-item-headline-sub-font-size          : 1rem;
	--module-dates-item-headline-sub-font-weight        : var(--font-default-weight-light);
	--module-dates-item-headline-sub-color              : var(--color-default);
	--module-dates-item-headline-sub-text-transform     : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** MEETING content Settings ***/

	/** General Settings **/
	--meeting-bg-image                                  : url('../img/Hintergrundlinien.svg');
	--meeting-bg-repeat                                 : repeat;
	--meeting-bg-size                                   : cover;
	--meeting-bg-position                               : center center;

	/** Box Headline **/
	--meeting-box-headline-font-family                  : var(--h6-font-family);
	--meeting-box-headline-font-size                    : var(--h6-font-size);
	--meeting-box-headline-font-weight                  : var(--h6-font-weight);
	--meeting-box-headline-color                        : var(--h6-color);
	--meeting-box-headline-text-transform               : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Label Settings **/
	--meeting-box-label-font-family                     : var(--font-default);
	--meeting-box-label-font-size                       : 1em;
	--meeting-box-label-font-weight                     : var(--font-default-weight-light);
	--meeting-box-label-color                           : #6C757D;
	--meeting-box-label-text-transform                  : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Value Settings **/
	--meeting-box-value-font-family                     : var(--font-default);
	--meeting-box-value-font-size                       : 1em;
	--meeting-box-value-font-weight                     : var(--font-default-weight-light);
	--meeting-box-value-color                           : var(--color-black);
	--meeting-box-value-text-transform                  : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** AUDIO PLAYER Settings ***/

	/** General Settings **/
	--audio-player-bg-color                             : #F5F5F5;
	--audio-player-border-color                         : #EAEAEA;
	--audio-player-border-radius                        : var(--box-border-radius);
	--audio-player-controls-color                       : #777777;
	--audio-player-controls-color-active                : var(--color-primary);
	--audio-player-like-color                           : #FE0C2E;
	--audio-player-bar-bg-color                         : #DDDDDD;
	--audio-player-bar-color                            : var(--color-primary);

	/** Audio Main Title **/
	--audio-player-title-font-family                    : var(--font-default);
	--audio-player-title-font-size                      : 1.3rem;
	--audio-player-title-font-weight                    : var(--font-default-weight-bold);
	--audio-player-title-color                          : var(--color-default);
	--audio-player-title-text-transform                 : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Audio Sub Title **/
	--audio-player-title-sub-font-family                : var(--font-default);
	--audio-player-title-sub-font-size                  : 0.8rem;
	--audio-player-title-sub-font-weight                : var(--font-default-weight-light);
	--audio-player-title-sub-color                      : #777777;
	--audio-player-title-sub-text-transform             : none;		/* Use none, uppercase, lowercase, capitalize */

	/** Player Time Settings **/
	--audio-player-time-font-family                     : var(--font-default);
	--audio-player-time-font-size                       : 0.7rem;
	--audio-player-time-font-weight                     : var(--font-default-weight-light);
	--audio-player-time-color                           : #777777;
	--audio-player-time-text-transform                  : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** PROFILE Settings ***/

	/** General Settings **/
	--profile-section-avatar-initials-font-family       : var(--font-default);
	--profile-section-avatar-initials-font-size         : 4rem;


	/*** FOOTER Settings ***/

	/** General Settings **/
	--footer-font-family                                : var(--font-default);
	--footer-font-size                                  : 0.75rem;
	--footer-font-weight                                : var(--font-default-weight-bold);
	--footer-color                                      : #666666;
	--footer-text-transform                             : none;		/* Use none, uppercase, lowercase, capitalize */


	/*** SWIPER Settings ***/

	/** General Settings **/
	--swiper-bullet-color                               : var(--color-white);
	--swiper-bullet-bg-color                            : var(--color-primary);


	/*** EMAIL Settings ***/

	/** General Settings **/
	--email-button-color                                : var(--color-for-primary-bg);
	--email-button-bg-color                             : var(--color-primary);
}