/*
Lovion Theme Template
Beschreibung: Mit dieser Datei kann das Look & Feel des Lovion WEB PORTALs einfach geändert werden.
Logo und Farben können hier mittels CSS-Variablen leicht an die Bedürfnisse des Kunden angepasst werden.
*/

.wrapper-top {
   height: 5vh   !important;
}

.wrapper-left {
	width: 100%    !important;
	height: 35vh   !important;
	float:  none   !important;
	background-image: none     !important;
    background-image: url("../img/STWB-Logo-RGB.svg");	
	
}

.brand {
  background-image: url("../img/STWB-Logo-RGB.svg");
}	

.brand-login-wrapper {
	height: 60%  !important; 
	top: 0% 	 !important; 

}

.brand-login {
	background-position: center   !important; 
    background-size: 35vh       !important; 
    background-image: url("../img/STWB-Logo-RGB.svg");
	
}

#header-login {
  margin: 0 auto;
  -- padding: 8px;
  text-align: center;
  height: 20%;
}

.wrapper-right {
    background-color: var(--color-primary);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center; 	
    --background-image: url(../img/moBiel_6187_v1.png);
	width: 100% !important;
	height: 50vh   !important;
	float:  none   !important;	

}

.wrapper-bottom {
   height: 10vh   !important;
}

.password-info {
    color: red;
    font-size: 0.875em;
}


#desk .key-visual .key-visual-heading span {
  color: #000;
  background-color: transparent;
}

#desk .key-visual {
  background-image: url("../img/Bamberg_Luftbild_1920_461.jpg");
  background-size: cover;
  background-position: center;
  min-height: 461px;
}

.flag__image img {
  width: 8vw !important;
}

.page-header {
    background-image: url(../img/STWBA_Logo_weiss.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 130px;
}


.view-sidebar-nav-group-label {
	margin-top: 12px !important;
	margin-bottom: 2px !important;
	font-size: 1rem !important;
	color: #000000 !important; 
}

.view-sidebar .view-sidebar-nav a, .view-sidebar .view-sidebar-nav ul a {
	padding: 4px 25px 4px 25px !important;
}	

.view-sidebar-sub-title {
	font-size: 0px !important;
}

.brand {
    background-image: url("../img/STWB-Logo-RGB.svg");
	background-size: auto 80% !important;
}

.password-info {
    color: red;
    font-size: 0.875em;
}


#desk .key-visual .key-visual-heading span {
  color: #000;
  background-color: transparent;
}

#desk .key-visual {
  background-image: url("../img/STWB-Logo-RGB.svg");
  background-size: 50vh;
  background-position: center;
  min-height: 300px;
}


:root {
    
    /* FONT */
    --default-font: "Roboto", sans-serif;
    --heading-font: "Nunito Sans", sans-serif;
    /* nav */
    --color-nav-bg: #323643;
    --color-nav-item-bg: #323643;
    --color-nav-text: #ffffff;
    --color-nav-delimiter: #323643;
    --color-nav-text-hover: #fff;
    --color-nav-bg-hover: #d90009;
    --color-nav-bg-active: #f4f4f4f4;
    --color-nav-text-active: #000000;
    /* header */
    --color-header-bg: #323643;
    --color-header-text-bg: #323643;
  --color-header-bg-dark: #323643;
  --color-header-shadow-scrolled: rgba(0, 0, 0, 0.5);
  --color-header-border: #323643;
  --color-brand-bg: #FFFFFF;
  --color-brand-border: #323643;
  --color-menu-trigger-bg: #323643;
  --color-menu-trigger-bg-active: #323643;
  --color-header-search-placeholder: #323643;
  --color-header-text-bg: #323643;
  --color-header-text-bg-hover: #d90009;
  /* user menu */
  --color-user-menu-item-link: #323643;
  --color-user-menu-item-link-hover: #323643;
  --color-user-menu-item-link-hover-bg: #f4f4f4f4;
    /* COLORS */
    --color-primary: #f4f4f4;
    --color-link: #323643;
    --color-primary-darken-20: #323643;
    --color-secondary: #d90009;
    /* buttons */
    --color-btn-default: #d90009;
    --color-btn-default-text: #ffffff;
    --color-btn-default-hover: #323643;
    --color-btn-secondary: #d90009;
    /* --color-btn-secondary: #d90009 !important;
    --color-btn-secondary-hover: #d90009; */
    /* full width container */
    --color-full-width-container: #f4f4f4f4;
    /* footer */
    --color-footer-bg: #323643;
	
    --color-form-border: #323643;	
}