:root{
    --primary: #E6321A;
    --primary-lighten-15: #146aff;
    --primary-lighten-50: #659fff;
    --secondary: #00A9E0;
    --secondary-lighten-15: #2ab0dc;
    --secondary-lighten-50: #68bfda;
    --secondary-gradient: #FDC24E;

    --action: #E6321A;
    --action-text-color: #ffbc6b;
    --action-gradient: #FFA02F;
    --action-mute: #8f8e8e;
    --action-mute-text-color: #e3e3e3;

    --info: #09afcd;
    --info-text-color: #d2f0f5;
    --warning: #e2aa34;
    --warning-text-color: #fff5e1;
    --error: #cb3636;
    --error-text-color: #ffdcdc;
    --success: #83b86f;
    --success-text-color: #e3ffda;
    --help-text-color: #666;

    /** BASE **/
    --bg-color: #EEEEEE;
    --font-color: #666666;
    --muted-font-color: #999999;
    --contrast-font-color: #FFF;
    --font-size: 1rem;
    --font-family: 'Montserrat', sans-serif;
    --font-line-height: 1.6;
    --font-letter-spacing: 0.05em;

    --heading-font-family: var(--font-family);
    --heading-font-color: var(--primary);
    --heading-line-height: var(--font-line-height);
    --heading-letter-spacing: var(--font-letter-spacing);
    --heading-h1-font-size: 2rem;
    --heading-h2-font-size: 1.4rem;
    --heading-h3-font-size: 1.2rem;
    --heading-h4-font-size: 1rem;
    --heading-margin: 0 0 1em 0;

    --border-radius: 20px;
    --border-radius-small: 10px;


    /** BUTTONS **/
    --button-bg: var(--action);
    --button-bg-gradient: linear-gradient(35deg, var(--action), var(--action-gradient));
    --button-text: #ffffff;

    // not used:
    --action-button-bg: #E6321A;
    --action-button-gradient: linear-gradient(35deg, #e00034, #ff5f85);
    --action-button-text: #ffbc6b;

    /** BOX **/
    --box-color: #ffffff;

    /** NAVIGATION **/
    --nav-height: 60px;
    --nav-bar-bg: #fff;
    --nav-icon-color: #E6321A;

    /** TOOLTIP **/
    --tooltip-bg: #00A9E0;
    --tooltip-text: #cbe5ee;

    /** SLIDESHOW **/
    --slideshow-text-bg: #333;
    --slideshow-text-color: #fff;

    /** PROFILE **/
    --profile-bg: #fff;
    --profile-element-bg: #fafafa;

    /** LEVEL **/
    --level-header-bg: #f3f3f3;
    --level-bg-color: #fff;
    --level-header-padding: 0 0 1rem 0;
    --level-header-border: 2px dashed var(--level-header-bg);
    --level-header-border-with: 0 0 2px 0;
    --level-header-border-radius: var(--border-radius-small);

    --moderator-text-bg: var(--bg-color);
    --moderator-text-color: var(--font-color);
    --moderator-text-font-size: 1rem;
    --moderator-text-toggle-bg: var(--secondary);
    --moderator-text-toggle-color: var(--contrast-font-color);

    /** ELEMENTS **/
    --element-bg: transparent;
    --element-result-bg: var(--element-bg);
    --element-padding: 0;
    --element-box-shadow: 0 0 15px 0px rgb(0 0 0 / 15%);
    --element-border: none;
    --element-result-border: none;

    --element-text-input-share-info-bg: rgba(255,255,255,0.3);
    --element-text-input-share-info-border: 1px solid var(--info);

    --element-slideshow-bg: rgba(0,0,0,0.8);
    --element-slideshow-text-bg: var(--secondary);
    --element-slideshow-text-color: var(--contrast-font-color);
    --element-slideshow-progress: var(--secondary);
    --element-slideshow-font-size: 1rem;

    --element-selection-result-li-bg: rgba(255, 255, 255, 0.4);

    --element-text-speech-bubble-bg: #fff;
    --element-text-speech-bubble-font-color: var(--font-color);
    --element-text-speech-bubble-font-size: 1.4rem;

    // SELECTION SLIDESHOW
    --element-selection-slideshow-bg: #aaa;
    --element-selection-slideshow-color: var(--contrast-font-color);
    --element-selection-slideshow-selected-bg: var(--secondary);
    --element-selection-slideshow-selected-color: var(--secondary);
    --element-selection-slideshow-selected-item-bg: rgba(255, 255, 255, 0.4);
    --element-selection-slideshow-selected-item-color: var(--bg-color);

    /** LINK COLLECTION **/
    --link-collection-bg: #f3f3f3;
    --link-collection-columns: 3;
    --link-collection-box-width: 400px;
    --link-collection-box-height: 300px;
    --link-collection-highlight-border-animation-time: 8s;
    --link-collection-highlight-border-color: var(--font-color);
    
    /** WELCOME JOURNEY **/
    --welcome-journey-overlay-bg: rgba(0,0,0,0.6);
    --welcome-journey-modal-bg: #111;
    --welcome-journey-modal-color: #fff;
    --welcome-journey-modal-border-radius: var(--border-radius);
    --welcome-journey-modal-headline-color: var(--primary);
    --welcome-journey-modal-arrow-color: var(--secondary);

    /** GUIDED TOUR **/
    --guided-tour-message-bg: #333;
    --guided-tour-message-shadow: 0 0 15px 0px rgb(0 0 0 / 15%);
    --guided-tour-message-arrow: #333;
    --guided-tour-message-title-bg: var(--primary);
    --guided-tour-message-title-color: #fff;
    --guided-tour-message-content-color: #fff;
    --guided-tour-message-footer-bg: rgba(255,255,255,0.2);
    --guided-tour-message-hint-color: #ddd;
    --guided-tour-message-close-color: #fff;
}

#dante_tooltip_iframe{
  display: none;
}

body.mobile-view .dante-embed-icon{
  display: none;
}


.page.tatin-expertenbot{
  max-width: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.page.tatin-expertenbot h1{
  display: none;
}
.page.tatin-expertenbot .htmt-container.element.html-element{
  height: 93vh;
}
.page.tatin-expertenbot .htmt-container.element.html-element > div{
  height: 100%;
}

body.tatin-expertenbot .fixed-close{
  right: 10px;
  top: 120px;
}