@charset "UTF-8";
/* CSS Document */

/* Diese Regel lädt die Schriftart aus dem Typekit-Kit */
@import url('https://use.typekit.net/exy6qhj.css');


.font-neue-kabel {
	font-family: neue-kabel, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.font-neue-kabel-italic {
	font-family: neue-kabel, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.font-mostra-nuova {
	font-family: mostra-nuova, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.font-mostra-nuova-bold {
	font-family: mostra-nuova, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.font-yorkten-slab {
	font-family: yorkten-slab-extended, sans-serif;
	font-weight: 400;
	font-style: normal;
}

:root {
/*------------Palette------------*/

--primary-light: #b0ba9e;
--primary-main: #575c4f;
--primary-dark: #2c2e28;

--secondary-light: #f5f5e5;
--secondary-main: #b0ba9e;
--secondary-dark: #575c4f;

--accent-light: #caa8f5;
--accent-main: #caa8f5;
--accent-dark: #caa8f5;

--error: #dc3545;
--success: #2da432;

--icon-rating-star: #b0ba9e;
--icon-rating-star-accent: #575c4f;

--primary: var(--primary-main);
	
/*-----------Typography------------*/

/*--Font Settings--*/
--font-primary: 'neue-kabel', sans-serif;;
--font-title-primary: 'mostra-nuova', sans-serif;;
--font-menu: 'mostra-nuova', sans-serif;;
--font-fallback: 'neue-kabel', sans-serif;;
	
/*--Font Color Settings--*/

--text-title-color: var(--primary-main);
--text-primary-color:#2c2e28;
--text-menu-color:#2c2e28;
--text-menu-hover-color: #caa8f5;

/*--Font Size Settings--*/

--font-menu-size: 1.8rem;
--font-body-size: 1.1rem;
--font-p-size: 1.1rem;
--font-h1-size: 2.5rem;
--font-h2-size: 2.5rem;
--font-h3-size: 1.8rem;
--font-dropdown-menu-size: 1.1rem;
	

/*Background Color Settings*/
--background-body:#f5f5e5;
--background-primary:#f5f5e5;
--background-secondary:#f5f5e5;
--background-footer-copyright:#f5f5e5;
--background-widget-bar:#f5f5e5;
--background-menu:#f5f5e5;
--background-form-control:#f5f5e5;
--background-navigation-bar:#f5f5e5;
--background-menu-bar:#f5f5e5;
--background-footer-main:#f5f5e5;


--text-hover-on-accent: #caa8f5;
--text-on-navigation-bar: #2c2e28;
--text-hover-on-navigation-bar: #caa8f5;

/*--Admin color settings--*/
--primary: #2c2e28;
--selected-row: #2c2e28;
--header-color: #2c2e28;

	/*Border Settings*/
--border-primary:#2c2e28;
--border-accent: var(--accent-main);
--border-error: var(--error);
--border-radius-sm: 5vh;
--border-radius-md: 0rem;
--border-radius-lg: 0rem;
--border-radius-arrow: 0rem;
--border-radius-img: 0rem;
--border-radius-button: 0rem;
	
	/*Spacing Settings*/
--section-spacing: 1rem;

}

	/*Menu*/

.main-header .widget-bar .brand-logo img {
    max-height: 100px;
}

.header-info-text .info-text {
    font-size: 1.1rem;
}

.main-header .menu-bar .main-menu {
    padding: 0 15vh;
}

.main-header .menu-bar .main-menu .menu {
    justify-content: space-between;
	margin-top: -7.5vh;
}

#page-footer .footer-title {
	font-family: 'mostra-nuova';
    color: var(--primary-main);
}



/*_____________________SPEIS&TRANK_____________________*/


.image-wrapper.d-inline-block.picture {
    width: 43vh;
    height: 43vh;
    overflow: hidden;
    align-items: center;
    display: flex !important;
	box-shadow:none;
}

@media screen and (max-width: 375px){
	.image-wrapper.d-inline-block.picture {
	width: fit-content;
	}
}


/*_____________________UNSER ANGEBOT_____________________*/
.section-three-column-slider .slider-card {
    border: none !important;
    align-items: center;
}

.slider-image.position-relative {
    display: flex;
    justify-content: center;
}

.slider-card .slider-image img {
    width: 25vh;
    max-height: 25vh;
}

.section-three-column-slider .slider-card:hover {
    box-shadow: none;
}

.attribute-card .subtitle, .slider-card .subtitle {
    margin-bottom: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.image-wrapper{
	height:min-content;
}

/*___________________________________LOGO___________________________________*/

img {
    height: auto;
}