:root {
	--bildproportionen: 0.65;
	--containerbreite: 100%;
	--containerbreiteKlein: 100%;
}

body {
	font-size: 16px;
}

header {
	height: 90px;
}

header .contentbox {
	padding: 25px 20px 22px 20px;
}



#logoheader,
#logo,
#logo img {
	height: 45px;
	width: 180px;
}

.meta-nav {
	display: none;
}

#mobilenavi {
	padding-top: 100px;
}

.navbar-toggle {
	margin-top: 5px;
	width: 40px;
}

.bar1,
.bar2,
.bar3,
.bar1:active,
.bar2:active,
.bar3:active {
	width: 40px;
	height: 4px;
	margin-bottom: 10px;
	background-color: var(--gold);
	transition: all 0.3s ease-in-out;
}

.navbar-on .bar1 {
	transform-origin: 0% 40%;
}

.navbar-on .bar3 {
	transform-origin: 0% 40%;
}

.titlecontent,
.whitecontent,
.greycontent {
	padding: 25px 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.contentbox {
	padding: 0px 20px;
}

h1 {
	font-size: 35px;
	line-height: 40px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	word-break: normal;
}

h1.restaurant-winterthur {
	display: none;
}

h2 {
	font-size: 25px;
	line-height: 30px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	word-break: normal;
}

h3 {
	font-size: 16px;
	line-height: 22px;
}

h4 {
	font-size: 30px;
	line-height: 40px;
}

h5 {}

h6 {}

p {
	font-size: 16px;
	line-height: 22px;
}

q {
	font-size: 26px;
	line-height: 30px;
}


a.fulllinkbutton {
	width: 100%;
}

.oeffnungszeiten {
	margin-right: 0px;
}

.grid-container {
	gap: 0px;
}

.col-1-6,
.col-2-6,
.col-1-3,
.col-3-6,
.col-1-2,
.col-4-6,
.col-2-3,
.col-5-6,
.col-1-4,
.col-2-4,
.col-3-4,
.col-1-12,
.col-2-12 {
	grid-column: span 12;
	margin-bottom: 0px;
}

.col-1-3 {
	grid-row: 2;
}

.col-first {
	grid-row: 1;
	margin-bottom: 50px;
	border-bottom: 1px solid var(--primarycolor);
}

#team-container .col-1-3 {
	grid-row: auto;
	margin-bottom: 20px;

}

#topnavi {
	padding-top: 7px;
}



.cardbox {
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
}

.cardimage {
	height: calc((100vw - 120px) * var(--bildproportionen))
}

.contentbox {
	width: 100%;
}


.newsbox {
	margin-top: 0px;
}

.negative {
	color: var(--black);
}


#kontaktformular label,
label {
	font-size: 12px;
}

footer {
	padding: 0px;
}

footer .contentbox {
	padding: 0px 20px;
}

footer .grid-container {
	gap: 20px;
}

footer .col {
	padding-top: 0px;
}

footer .rechte-seite {
	text-align: left;
}

footer div.newsletter {
	margin-top: 5px;
}

footer div.social {
	margin-top: 5px;
	position: relative;
	text-align: left;
	bottom: auto;
}

footer div.social a {
	margin-left: 0px;
	margin-right: 15px;
}

footer div.impressum {
	position: relative;
	text-align: left;

}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 12px;
}


.swiper-container .swiper-slide img {
	width: var(--containerbreite);
	margin-right: 0%;
}

.swiper-container .swiper-slide figcaption {
	width: var(--containerbreite);
	padding-top: 1rem;
}

#alertSoft {
	top: 10%;
	left: 8%;
	width: 84%;
}