@CHARSET "UTF-8";

@font-face {
	font-family: "Frutiger W01";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2");
}

@font-face {
	font-family: "Frutiger W01";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2");
}

@font-face {
	font-family: "Frutiger W01";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/8c92eb68-ce37-4962-a9f4-5b47d336bd1c.woff2");
}

@font-face {
	font-family: "Frutiger W01";
	font-style: normal;
	font-weight: bold;
	src: url("../fonts/6d87ec2c-6ff9-4959-ae4b-ee78bf6766d9.woff2");
}

h1, h2, h3, h4, h5, h6, ul, li, p, form {
	font-size: 16px;
}

/*Header*/
#header ._logo,
.responsive_medium .logo_small {
	background-image: url(../elements/logo.png);
	width: 163px;
    height: 97px;
}

.responsive_medium .logo_small {
	background-image: url(../elements/logo.png);
	width: 90px;
    height: 67px;
}

.responsive_medium #header .menu_btn_small, .responsive_medium #header .btn_small_close,
.responsive_medium #header .menu_btn_small:hover, .responsive_medium #header .btn_small_close:hover {
	color: var(--global-primary-color);
}

.responsive_medium #menu_small ul li.active a, .responsive_medium #menu_small ul li:hover a {
	color: #000;
}

#header .list .box_current_user_name_list_menu_item, ._location_link {
	height: 100%;
}

.header_desktop_link_wrapper .material-icons-outlined {
	color: #000;
}

/*Register*/
#progressbar_wrapper {
	margin-top: 2px;
}
/*Contract*/
#details table tr:not(.hidden) td {
	width: inherit;
	margin-bottom: 0;
}

/* Start */
.slider_list_header:before {
	color: var(--global-secondary-color);
}

/*Footer*/

.responsive_large #footer,
.responsive_large #footer_copyright {
	padding-left: 16px;
	padding-right: 16px;
}

.footer a {
	text-decoration: underline;
}

.footer b {
	font-size: 1rem;
}

/*Übersicht*/
ul.ebp_overview li a.access,
ul.ebp_overview li:hover a.access {
	color: #000;
}

/* Buttons */
[data-v-app] .q-btn.text-secondary.siv-button .block,
[data-v-app] .q-btn.text-white.siv-button {
	color: var(--q-primary) !important;
}

[data-v-app] .q-date .bg-primary {
	background: var(--q-secondary) !important;
}

[data-v-app] .q-btn.text-secondary .q-icon {
	color: var(--q-primary) !important;
}


/* Footer-Layout */
#footer{
	width: 100%;
	flex-wrap: wrap;
	background-color: #ffcc00;
	padding: 20px 0;
}
#footer_content {
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	row-gap: 35px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

#footer_opening_times h5 {
	margin-bottom: 5px;
}

#footer_opening_times {
	margin-top: 35px;
}

#footer_opening_times .row {
  display: flex;
  gap: 1rem;              
  align-items: flex-start; 
}

#footer_opening_times .day {
  flex: 0 0 70px;        
  white-space: nowrap;    
}

#footer_opening_times .time {
  flex: 1 1 auto;
  line-height: 1.4;
}

#footer_info {
	width: 67%;
}
#footer_service {
	width: 26%;
}

.responsive_medium #footer_info, 
.responsive_medium #footer_service {
	width: 100%;
}

#footer_contact{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	row-gap: 1em;
	margin-bottom: 20px;
}

#footer_adress{
	width: 50%;
}

#footer_phone, 
#footer_mail{
	margin: 5px 0;
}

#footer_phone:before,
#footer_service .footer_phone:before {
	content: "";
    display: block;
    background: url(../elements/icons/phone_icon.png) left center no-repeat;
    width: 1.4em;
    height: 1.4em;
    float: left;
}

#footer_mail:before {
	content: "";
    display: block;
    background: url(../elements/icons/icon_mail.png) left center no-repeat;
    width: 1.4em;
    height: 1.4em;
    float: left;
}

#footer_mail a {
	color: #222;
	text-decoration: none;
}
#footer_mail a:hover {
	color: #565656;
}

#footer_service .footer_phone {
	margin-bottom: 15px;
}

/* Footer - Copyright */
#footer_copyright {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1em 2em;
	width: 100%;
    max-width: 1200px;
    background: #ffffff;
    color: #000;
	padding: 1em 0;
}

#footer_copyright p {
	font-size: 14px;
}

#footer_copyright #footer_links {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1em;
}

#footer_copyright #footer_links a {
	color:#000;
	font-size: 14px;
	text-decoration: none;
}

#footer_copyright #footer_links a:hover {
	color:#ffcc00;
}