/* Högskolerestauranger AB */

@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css');


@font-face {
	font-family: 'santralextrabold';
	src: url('/assets/fonts/santral_extrabold-webfont.woff2') format('woff2'),
		url('/assets/fonts/santral_extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'typewriter_urwlight';
	src: url('/assets/fonts/typewriterurw-lig-webfont.woff2') format('woff2'),
		url('/assets/fonts/typewriterurw-lig-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'typewriter_urw_extra_narrowBd';
	src: url('/assets/fonts/typewriterurwextnar-bol-webfont.woff2') format('woff2'),
		url('/assets/fonts/typewriterurwextnar-bol-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'typewriter_urw_extra_narrowLt';
	src: url('/assets/fonts/typewriterurwextnar-lig-webfont.woff2') format('woff2'),
		url('/assets/fonts/typewriterurwextnar-lig-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'typewriter_urw_extra_narrowMd';
	src: url('/assets/fonts/typewriterurwextnar-med-webfont.woff2') format('woff2'),
		url('/assets/fonts/typewriterurwextnar-med-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'typewriter_urw_extra_narrowRg';
	src: url('urw_-_typewriterurwextnar-reg-webfont.woff2') format('woff2'),
		url('urw_-_typewriterurwextnar-reg-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');
@import url('https://fonts.cdnfonts.com/css/tt-norms');
@import url('/font-awesome-4.6.3/css/font-awesome.min.css');

/* ==========================================================================
Generellt 
========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
	background-repeat: no-repeat;
}

body {
	background-position: center bottom 5%;
	background-image: none;
}

body.isMobile .body-background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-position: center;
	background-size: cover;
}

form header {
	display: none;
}

.EditMode header {
	display: none;
}

.EditMode form header {
	display: block;
}

.LayoutPage .section-block,
.SubPage .LayoutPage .section-block {
	padding: 150px 40px;
}

.LayoutPage .pt-0 .section-block,
.SubPage .pt-0 .LayoutPage .section-block {
	padding-top: 0 !important;
}

.LayoutPage .pb-0 .section-block,
.SubPage .pb-0 .LayoutPage .section-block {
	padding-bottom: 0 !important;
}

.LayoutPage .px-3 .section-block,
.SubPage .px-3 .LayoutPage .section-block {
	padding-bottom: 3rem !important;
	padding-top: 3rem !important;
}

.LayoutPage .pt-4 .section-block,
.SubPage .pt-4 .LayoutPage .section-block {
	padding-top: 10rem !important;
}

.p-2 {
	padding: 2rem;
}

.p-3 {
	padding: 3rem;
}

.pt-2 {
	padding-top: 2rem;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-2 {
	padding-bottom: 2rem !important;
}

.mt-1 {
	margin-top: 1rem !important;
}

.mt-3 {
	margin-top: 3rem !important;
}

.mr-1 {
	margin-right: 1rem !important;
}

.mb-1 {
	margin-bottom: 1rem;
}

.br-1 {
	border-radius: 1rem;
}


/* .LayoutPage .section-wrapper {
	background-color: transparent;
} */

.LayoutPage .section-block-wrapper {
	max-width: 1200px;
}

.LayoutPage .mw-1000 .section-block-wrapper {
	max-width: 1000px;
	margin: auto;
	text-align: center;
}

.LayoutPage .mw-1400 .section-block-wrapper {
	max-width: 1400px;
	margin: auto;
	text-align: center;
}

.mw-30 {
	max-width: 30rem !important;
}

.mw-50 {
	max-width: 40rem;
}

.mw-80 {
	max-width: 60rem !important;
}

@media screen and (max-width: 580px) {
	.p-3 {
		padding: 1.5rem;
	}

	.p-2 {
		padding: 2rem 1rem 1rem;
	}
}


/* Split wrapper
========================================================================== */
.split-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.split-wrapper.reverse {
	flex-direction: row-reverse;
}

.split-content {
	width: 50%;
	padding: 100px 50px;
}

.split-image {
	width: 50%;
}

.of-wrapper {
	position: relative;
	overflow: hidden;
}

.LayoutPage .of-wrapper img {
	position: static;
	transform: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Centrera content */
.split-wrapper .align-center {
	align-self: center;
}

/* Speciella bredder */
.split-wrapper .w-60 {
	width: 60%;
}

.split-wrapper .w-40 {
	width: 40%;
}

@media screen and (max-width: 1400px) {
	.split-content {
		padding: 50px 30px;
	}
}

@media screen and (max-width: 1100px) {

	.split-content,
	.split-wrapper .w-60,
	.split-wrapper .w-40 {
		width: 100%;
	}

	.split-image {
		width: 100%;
		min-height: 200px;
	}
}

@media screen and (max-width: 580px) {
	.split-wrapper {
		background: transparent;
	}

	.split-content {
		padding: 0 0 3rem 0;
	}

	.split-bg .split-content {
		padding: 60px 20px;
	}
}



header .container {
	max-width: 100%;
}

.btn-wrapper.center {
	text-align: center;
}

.btn-wrapper-4 {
	max-width: 600px;
	margin: 2rem auto 0;
}

.btn-wrapper-4 .btn {
	margin: .5rem !important;
}

.btn-wrapper-3 {
	margin: auto;
	justify-content: center;
	text-align: center;
}

.btn-wrapper-3 .btn {
	margin: .5rem !important;
}

.btn {
	max-width: 280px;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 18px;
	background-color: #f76948;
	color: #fff;
	border: 1px solid #f76948;
	text-align: center !important;
	text-transform: uppercase;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block;
	transition: 0.4s;
	border-radius: 0px;
	-webkit-font-smoothing: antialiased;
	margin-top: 20px !important;
	font-size: 15px;
	font-weight: 600;
	font-family: 'TT Norms', sans-serif;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
}

.btn:hover {
	background-color: transparent;
	border: 1px solid #f76948;
	text-decoration: none;
	color: #f76948;
}

.SubPage .rosa {
	background-color: #f76948 !important;
}

.display-none {
	display: none;
}

.EditMode .display-none {
	display: block;
}

/* The typing effect */
@keyframes typing {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

/* The typewriter cursor effect */
@keyframes blink-caret {

	from,
	to {
		border-color: transparent
	}

	50% {
		border-color: orange;
	}
}

/* ==========================================================================
Text och typsnitt
========================================================================== */
p,
a,
li,
td {
	font-family: 'TT Norms', sans-serif;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	font-size: 19px;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	color: #1f1f1f;
}

a {
	text-decoration: underline;
	white-space: nowrap;
}

a:hover {
	text-decoration: underline;
	color: inherit;
}

.no-wrap {
	white-space: nowrap;
}

h1,
h2 {
	font-style: normal;
	color: #222;
	font-family: 'TT Norms', sans-serif;
	font-weight: 800;
	text-transform: none;
	padding-bottom: 25px;
	font-size: 42px;
	letter-spacing: normal;
}

h3 {
	font-style: normal;
	font-weight: 500;
	line-height: 36px;
	font-family: 'TT Norms', sans-serif;
	font-size: 24px;
	max-width: 850px;
	margin: 0 auto;
	text-transform: none;
	letter-spacing: 1px;
	padding-bottom: 10px;
}

h4 {
	font-size: 21px;
	font-family: 'TT Norms', sans-serif;
	font-weight: 600;
	font-style: normal;
}

h5 {
	font-family: 'TT Norms', sans-serif;
	font-weight: 900;
}

.f-1 {
	font-size: 1rem !important;
}

ul {
	padding-inline-start: 20px;
	list-style: circle;
}

.bold {
	font-weight: 600;
}

.no-wrap {
	white-space: nowrap;
}

/* lilla "abc"-blocket */
.smalltext-type {
	max-width: 600px;
}

/* stora "ABC"-blocket */
.normaltext-type {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.f2 {
	font-size: 2rem;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.box-center {
	margin: auto !important;
	justify-content: center !important;
	align-items: center !important;
}

.text-box-center {
	justify-content: center !important;
	margin: auto !important;
	text-align: center !important;
}

.text-block-center {
	max-width: 700px;
	justify-content: center !important;
	margin: 0 auto;
}

.justify-center {
	justify-content: center;
}

.text-red {
	color: rgb(213, 5, 5) !important;
}

.small.tilte {
	font-size: 1rem !important;
}

.smaller-text-white {
	font-size: 0.9rem;
	color: #fff;
}

.text-bold {
	font-weight: 900;
}

/*Margins */
.mt-1 {
	margin-top: 1rem !important;
}

.mt-5 {
	margin-top: 5rem !important;
}

.ml-0 {
	margin-left: 0 !important;
}

/* Bakgrundsfarger */
.bg-primary {
	background: #f76948;
}

.bg-light-grey {
	background-color: #f7f0f09f !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-darkt-grey {
	background-color: #080808 !important;
}

.bg-red {
	background: rgb(157, 2, 2) !important;
}

/* Farger */
.text-white {
	color: #ffffff !important;
}

.text-primary {
	color: #f76948 !important;
}

/* Borders */
.border-bottom-primary {
	border-bottom: 4px solid #f76948;
}

.box-shadow {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
}

.text-red {
	color: red;
}

.border-red {
	outline: 4px solid red;
	outline-offset: -11px;
}

/* Ram inuti */
.outline-white {
	outline: 1px solid #fff;
	outline-offset: -1rem;
}

/* ==========================================================================
Modal som öppnas automatiskt
========================================================================== */
body:not(.EditMode) .section-auto-modal {
	display: none;
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .7);
}

body:not(.EditMode) .section-auto-modal .section-block {
	position: fixed;
	top: 50%;
	left: 50%;
	width: calc(100% - 40px);
	max-width: 750px;
	max-height: 85vh;
	padding: 40px;
	border-radius: 0;
	overflow: auto;
	background: #f76948;
	transform: translate(-50%, -50%);
}

body:not(.EditMode) .section-auto-modal.kristina .section-block {
	background: #fff;
}

body:not(.EditMode) .section-auto-modal-small .section-block {
	max-width: 550px;
}

body:not(.EditMode) .section-auto-modal.vaxjo .section-block {
	padding: 0.5rem;
	max-width: 40rem;
	max-height: 60rem;
	border-radius: 1rem;
	background-color: #f76948;
}

body:not(.EditMode) .section-auto-modal.vaxjo .section-block p {
	font-size: 16px;
}

body:not(.EditMode) .section-auto-modal .earth-modal {
	background-image: linear-gradient(to right, rgb(0, 0, 0, .6), rgb(0, 0, 0, .6)), url('/assets/images/vaxjo/earth-1000px.jpg');
	background-size: cover;
	background-position: center center;
	padding: 40px;
}

.easter-modal {
	background-image: linear-gradient(to right, rgb(0, 0, 0, .7), rgb(0, 0, 0, .7)), url('/assets/images/vaxjo/easter-1000px.jpg');
	background-size: cover;
	background-position: center center;
	padding: 0px;
}

.hamburger-modal .section-block {
	background-image: linear-gradient(to right, rgb(0, 0, 0, .7), rgb(0, 0, 0, .7)), url('/assets/images/vaxjo/hamburgare-800px.jpg');
	background-size: cover;
	background-position: center center;
}

.disco-modal .section-block {
	background-image: linear-gradient(to right, rgb(0, 0, 0, .6), rgb(0, 0, 0, .6)), url('/assets/images/vaxjo/disco-1000px.jpg');
	background-size: cover;
	background-position: center center;
}

.section-auto-modal .tomte-modal .section-block {
	background: white !important;
	width: calc(100% - 4rem);
	max-width: 55rem !important;
	outline: 1px solid rgb(var(--primary-color)) !important;
	outline-offset: -11px !important;
}

.tomte-bild {
	max-width: 20rem !important;
}

.section-auto-modal .section-block-wrapper {
	padding: 20px;
}

.section-auto-modal .close-modal {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

.section-auto-modal.vaxjo .close-modal {
	top: 25px;
	right: 30px;
	color: white;
}

.section-auto-modal h2 {
	padding-bottom: 15px;
	text-align: center;
}

.section-auto-modal .ingress {
	font-size: 1.5rem;
}

.center-link {
  display: block;
  width: max-content;
  margin: 0 auto;
  font-size: 1rem;
}
/* Musikhjalpen popup vaxsjo */
body:not(.EditMode) .section-auto-modal.musikhjalpen-modal .section-block {
	border: none;
	background-color: #fff;
	text-align: center;
}

body:not(.EditMode) .section-auto-modal.musikhjalpen-modal .close-modal {
	color: #00A685;
}

body:not(.EditMode) .section-auto-modal.musikhjalpen-modal h2 {
	margin-top: 2rem;
}

.text-green {
	color: #00A685;
}

.btn-green {
	background-color: #00A685;
	border: 1px solid #00A685;
	color: #000;
	margin-bottom: 1rem;
}

.btn-green:hover {
	color: #00A685;
	background-color: transparent !important;
	border: 1px solid #00A685 !important;
}

/* Jul Sodertorn Alle Elva */
.modal-alle-elva.section-auto-modal .section-block {
	max-width: 65rem !important;
	padding: 1rem !important;
	border: 6px solid rgb(136, 4, 4) !important;
}

/* Orebro */
.red-border.section-auto-modal .section-block {
	border: 6px solid rgb(136, 4, 4) !important;
}

/* Jul */
body:not(.EditMode) .section-auto-modal.christmas .section-block {
	background-image: url('/assets/images/christmas-bg-2000px.jpg');
	background-size: cover;
	background-position: center;
}

body:not(.EditMode) .section-auto-modal.christmas .section-block-wrapper {
	background: rgb(0, 0, 0, .3);
}

@media only screen and (max-width: 600px) {
	body:not(.EditMode) .section-auto-modal.vaxjo .section-block {
		padding: 2.5rem 10px 20pxrem 10px;
	}

	body:not(.EditMode) .section-auto-modal.musikhjalpen-modal .section-block {
		padding: 30px 20px;
	}

	body:not(.EditMode) .section-auto-modal .section-block-wrapper {
		padding: 10px 0 0;
	}

	body:not(.EditMode) .section-auto-modal.vaxjo .section-block-wrapper {
		padding: 0;
	}

	body:not(.EditMode) .section-auto-modal h3 {
		font-size: 20px;
	}

	body:not(.EditMode) .section-auto-modal.vaxjo .mt-3 {
		margin-top: 1rem !important;
	}

	body:not(.EditMode) .section-auto-modal.vaxjo p {
		padding: .5rem;
	}

	body:not(.EditMode) .section-auto-modal p {
		font-size: 15px;
	}

	.vaxjo .section-auto-modal.musikhjalpen-modal p {
		text-align: left !important;
	}

	.section-auto-modal .section-block-wrapper {
		padding: 0px;
	}

	.section-auto-modal .close-modal {
		top: 5px;
		right: 15px;
	}

	.section-auto-modal.vaxjo .close-modal {
		top: 15px;
		right: 20px;
	}
}



/* Jul */


body:not(.EditMode) .section-auto-modal-jul .section-block {
	max-width: 50rem;
	background: #710a0a;
	padding: 2rem !important;
}

.section-auto-modal-jul .section-block::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 4rem;
	width: 100%;
	height: 100%;
	background: url(/assets/images/sasongsbaserat/reindeers-1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	opacity: .7;
	z-index: -1 !important;
	outline: 1px solid white;
	outline-offset: -11px;
}

.section-auto-modal-jul .section-block-wrapper {
	padding: 4rem 4rem 12rem 4rem;

}

.section-auto-modal-jul .close-modal {
	z-index: 1;
	position: absolute;
	top: 1rem;
	right: 2rem;
	font-size: 3rem;
	color: #FFF !important;
	cursor: pointer;
}

.section-auto-modal-jul .section-title,
.section-auto-modal-jul p,
.section-auto-modal-jul h2 {
	color: #FFF !important;
}



@media only screen and (max-width: 600px) {
	body:not(.EditMode) .section-auto-modal-jul .section-block {
		padding: 1rem;
		min-height: 24rem;
	}

	.jul-content {
		padding: 1rem;
	}

	.jul-content h2 {
		text-align: center !important;
		font-size: 1.9rem !important;
	}

	.section-auto-modal-jul .section-block-wrapper {
		padding: 2rem;
	}

	.section-auto-modal-jul .close-modal {
		top: .5rem;
		right: 1.5rem;
	}

	.section-auto-modal-jul a {
		font-size: 16px !important
	}
}

/* Snö */
.snowflakes-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: .5;
	pointer-events: none;
}

.fa-snowflake {
	color: #fff !important;
	position: absolute;
	top: -20px;
	animation: fall linear forwards;
}

@keyframes fall {
	to {
		transform: translateY(110vh);
	}
}

@media only screen and (max-width: 600px) {
	body:not(.EditMode) .section-auto-modal .section-block {
		padding: 2rem;
	}

	.section-auto-modal .section-block-wrapper {
		padding: 2rem;
	}

	.section-auto-modal .close-modal {
		top: .5rem;
		right: 1.5rem;
	}
}



/* ==========================================================================
Header / Navigation
========================================================================== */
header {
	background-color: #fff;
	box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.055);
}

header .header-logo {
	display: block;
	width: 175px;
	position: absolute;
	line-height: 0;
	padding-top: 12px;
}

header .header-logo img {
	padding-left: 20px;
}

nav.mainmenu {
	text-align: right;
}

nav.mainmenu .li-logo img {
	width: 38px;
}

nav.mainmenu ul.TemplateMenu>li li.logo {
	width: 100px !important;
}

nav.mainmenu ul.TemplateMenu>li {
	line-height: 72px;
	height: 72px;
}

nav.mainmenu .flag a {
	padding: 0 !important;
	;
	margin: 0 6px;
}

nav.mainmenu .flag:hover {
	border: none !important;
}

nav.mainmenu .flag img {
	width: 21px;
}

nav.mainmenu a {
	font-family: 'TT Norms', sans-serif;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 1px;
	color: #333;
	padding: 0 20px;
	letter-spacing: normal;
}

nav.mainmenu li:hover a,
nav.mainmenu li.active a {
	color: #333;
}

nav.mainmenu li:hover,
nav.mainmenu li.active {
	background-color: transparent;
}

/* Dropdown nav */

nav.mainmenu ul>li.expandable-li:hover>a,
nav.mainmenu ul>li>ul>li.expandable-li:hover>a {
	color: #000;
}

nav.mainmenu ul>li>ul {
	background-color: #f7f7f7;
	width: 280px;
}

nav.mainmenu ul>li:last-of-type>ul {
	background-color: #f7f7f7;
	width: 230px;
	left: unset;
	right: 0;
}

nav.mainmenu ul>li>ul>li>a {
	padding: 10px 30px;
}

/* Ta bort klick */
body:not(.EditMode) .TemplateMenu a[href="/17/38/kundkort/"] {
	pointer-events: none;
}


/********** Top notis **********/

.EditMode #top-notis {
	display: none;
}

header {
	margin-top: 40px !important;
}

#top-notis {
	z-index: 10009;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f76948;
}

#top-notis a {
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	font-family: 'TT Norms', sans-serif;
}



@media only screen and (max-width:1180px) {
	header {
		margin-top: 0 !important;
	}

	#top-notis {
		top: unset;
		bottom: 0;
	}

	.modal#feedback {
		padding: 50px 25px;
	}
}

/* Modal */
.modal {
	max-width: 800px !important;
	max-height: 600px !important;
	vertical-align: middle !important;
	overflow: auto;
	padding: 50px 60px;
	border-radius: 0px;
}

.blocker {
	z-index: 10012;
}

.modal a.close-modal {
	display: none;
}

.modal a.custom-close-modal {
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 3rem;
}

.modal h2 {
	font-size: 25px;
	padding-bottom: 20px;
}

.modal p {
	color: #333;
	line-height: 22px;
	padding-bottom: 13px;
}

.modal .arrow-link {
	color: #2b7bcd;
}

@media only screen and (max-width:600px) {
	.modal {
		max-height: 95vh !important;
		max-width: 95vw !important;
	}

	.blocker {
		padding: 0px !important;
	}
}

/* ==========================================================================
Top-section
========================================================================== */
.top-section {
	height: 80%;
	background-color: rgba(255, 149, 149, 1);
	display: none;
}

.page-title-wrap {
	background-color: transparent;
	top: 57%;
	left: 50%;
	text-align: center;
	max-width: 900px;
	display: none;
}

.page-title-wrap h1 {
	font-family: 'TT Norms', sans-serif;
	font-size: 80px;
	line-height: 65px;
	font-weight: 900;
	color: #fff;
	text-shadow: none;
	font-size: 56px;
	text-transform: uppercase;
}

.page-title-wrap p {
	color: #fff;
	font-family: 'TT Norms', sans-serif;
	font-size: 21px;
	line-height: 1.5;
	padding-top: 0.5em;
}

.page-title-wrap a {
	text-shadow: none;
}

.smaller-h1 {
	text-transform: none;
}

/* Cards
========================================================================== */
.cards-wrapper {
	display: flex;
	flex-wrap: wrap;
}

/* Bredder */
.cards-wrapper.w-25 .card-item {
	width: calc((100% / 4) - 2rem);
	margin: 1rem;
}

.cards-wrapper.w-50 .card-item {
	width: calc((100% / 2) - 2rem);
	margin: 1rem;
}


@media only screen and (max-width: 1050px) {

	/* Bredder */
	.cards-wrapper.w-25 .card-item {
		width: calc((100% / 2) - 2rem);
		margin: 1rem;
	}
}

@media only screen and (max-width: 750px) {

	/* Bredder */
	.cards-wrapper.w-25 .card-item {
		width: 100%;
		margin: 1rem 0;
	}

	.cards-wrapper.w-50 .card-item {
		width: 100%;
		margin: 1rem 0;
	}
}

@media only screen and (max-width: 480px) {

	/* Paddings */
	.card-item.p-3,
	.card-item .p-3 {
		padding: 2rem;
	}
}

/* Card 1-1 */
.card-1-1 .card-item {
	border-radius: 2rem;
	background: white;
	padding: 2rem;
}


/* ==========================================================================
Startsida
========================================================================== */

.parallax {
	max-width: 100% !important;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Corona
========================================================================== */
#corona {
	background-color: rgb(70, 105, 37) !important;
}

#corona * {
	color: #fff;
	text-align: center;
}

#corona a {
	text-decoration: none;
}

#corona a:hover {
	text-decoration: underline;

}

/*
#corona .eng {
	color: #dbdbdb!important;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 10px;
} 

*/


.intro-logo {
	max-width: 20rem;
	margin: auto;
	margin-bottom: 3rem;
}


/* Påsk
========================================================================== */
#pask {
	background-color: #fff200;
}

#pask * {
	color: #1f1f1f;
}

/* Jul
========================================================================== */
.section-christmas .section-block {
	background-image: url('/assets/images/christmas-bg-2000px.jpg');
	background-size: cover;
	background-position: center;
	text-align: center !important;
}

.section-christmas h2 {
	color: #FFF !important;
	max-width: 40rem !important;
}

.section-christmas p {
	color: #FFF !important;
}

/* Topp
========================================================================== */
#topp {
	position: relative;
	height: 100vh;
}

#topp .col-0 {
	height: 100vh;
	background-color: #fff;
	padding: 110px 80px 90px 100px;
	width: 55%;
	display: flex;
	align-items: center;
}

#topp .col-1 {
	width: 45%;
	height: 100vh;
	background-image: url('/files/hors-mat-frukost.jpg');
	max-width: 100% !important;
	background-position: center top 30%;
	background-size: cover;
	clip-path: polygon(21% 0, 100% 0, 100% 100%, 0% 100%);
	background-repeat: no-repeat;
}

#topp p,
#topp h1,
#topp h3 {
	color: #222;
	text-align: left;
}

#topp h3 {
	padding-top: 2em;
	color: #f76948;
}

#topp h1 {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 800;
	padding-bottom: 15px;
}

#topp .smaller-title {
	font-size: 30px;
}

#topp .color-text {
	font-weight: 700;
	color: #ff9595;
}

#topp p {
	font-size: 17px;
	line-height: 1.8;
}

.dropbtn {
	font-size: 15px;
	font-weight: 400;
	max-width: 300px;
	width: 270px;
	box-sizing: border-box;
	padding: 12px 18px;
	background-color: #f76948;
	color: #fff;
	border: 1px solid #f76948;
	text-align: center !important;
	text-transform: uppercase;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block;
	transition: 0.4s;
	border-radius: 0px;
	-webkit-font-smoothing: antialiased;
	margin-top: 1em !important;
	font-family: 'TT Norms', sans-serif;
	letter-spacing: .24em;
	text-decoration: none;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 270px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 5px 16px;
	text-decoration: none;
	display: block;
	font-size: 17px;
}

.dropdown-content a:hover {
	background-color: #f7f0f0;
	color: #f76948;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: transparent;
	text-decoration: none;
	color: #f76948;
}

/* Om oss
========================================================================== */

#om-oss {
	background-color: #f7cdc6;
}

#om-oss .section-block-wrapper {
	max-width: 1200px;
}

#om-oss * {
	color: #000000;
}

#om-oss a {
	text-decoration: none;
	text-transform: uppercase;
}

#om-oss a:hover {
	text-decoration: underline;
}

#om-oss h2 {
	padding-top: 1em;
}

#om-oss img {
	width: 500px;
	padding-top: 2em;
}

#om-oss .col-0 {
	padding-right: 2%;
}

#om-oss .col-1 {
	padding-left: 2%;
}

#om-oss .col-block {
	box-sizing: border-box;
}

/* Catering
========================================================================== */

#catering {
	background-color: #fff;
}

#catering h2 {
	color: #222;
}

.christmas-image {
	width: 25rem;
}

.christmas-menu-btn {
	background-color: rgb(205, 0, 0) !important;
	border: red;
	font-weight: 600;
}

.christmas-menu-btn:hover {
	border: red;
}

/* Bildavgränsare
========================================================================== */

#hors-bild {
	background-image: linear-gradient(rgba(29, 29, 27, .08), rgba(29, 29, 27, .08)), url(/files/hors-mat-avdelare.jpg);
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 550px;
}

#hors-bild-2 {
	background-image: linear-gradient(rgba(29, 29, 27, .08), rgba(29, 29, 27, .08)), url(/assets/images/hors-2-2000px.jpg) !important;
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 550px;
}

@media only screen and (max-width: 1050px) {

	#hors-bild.offer {
		min-height: 850px;
	}

}

@media only screen and (max-width: 750px) {

	#hors-bild.offer {
		min-height: 950px;
	}

}

/* Kundkort
========================================================================== */

#kundkort {
	background-color: #f76948;
	height: 100vh;
	clear: both;
}

#kundkort .col-block {
	box-sizing: border-box;
}

#kundkort * {
	text-align: right;
	color: #fff;
}

#kundkort img {
	width: 400px;
	padding-top: 1.5em;
}

#kundkort .btn {
	background-color: transparent;
	border: 1px solid #fff;
}

/* Instagram
========================================================================== */


#instagram h2 {
	color: #222;
	padding-bottom: 0;
}

#instagram h3 {
	font-family: 'TT Norms', sans-serif;
	font-weight: 500;
}

#instagram .hors-padding {
	padding: 60px 0;
}

/* ==========================================================================
Undersidor - galler alla undersidor 
========================================================================== */

.SubPage .top-section {
	display: none;
}

.IndexPage .header-title h1,
.SubPage .header-title h1 {
	text-align: center;
	font-size: 52px;
	line-height: 60px;
	color: #fff !important;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.32);
}

.IndexPage .header-title .header-first,
.SubPage .header-title .header-first {
	font-size: 30px;
	font-weight: 300;
	padding-top: 2em;
	padding-bottom: 0;
	line-height: 42px;
	text-transform: uppercase;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.32);
	color: #fff;
}

.SubPage html {
	scroll-behavior: smooth;
}

.SubPage .restaurang-info {
	background-color: #f76948;
}

.SubPage .restaurang-info .col-0 {
	padding-right: 7%;
}

.SubPage .restaurang-info h2 {
	padding-top: 2.5em;
}

.SubPage .restaurang-info * {
	text-align: left;
	color: #fff;
}

.SubPage .tvasplit .col-0 {
	padding-right: 4%;
}

.SubPage .tvasplit .col-1 {
	padding-left: 4%;
}

.SubPage .tresplit * {
	text-align: left;
}

.SubPage .tresplit h3 {
	padding-bottom: 8px;
	padding-top: 15px;
}

.SubPage .tresplit ul {
	padding-inline-start: 20px;
	list-style: circle;
}

.SubPage .tresplit .col-0 {
	padding-right: 4%;
	width: 40%;
}

.SubPage .tresplit .col-1 {
	padding-right: 4%;
	width: 30%;
}

.SubPage .tresplit .col-2 {
	width: 30%;
}


/* Knapparna i toppen */

.SubPage .btn-top {
	background: transparent;
	margin-top: -50px;
	position: relative;
}

.SubPage .btn-top .btn {
	margin: 0 15px
}

.SubPage .btn-top .btn:hover {
	background-color: #fff;
	color: #080808;
	border: 1px solid #080808;
	;
}

.SubPage h2,
.IndexPage .restauranger h2,
.SubPage h1 {
	color: #222;
	font-size: 33px;
	max-width: 950px;
	margin: 0 auto;
}

.menyn h2 {
	color: #222;
	font-size: 33px;
	max-width: 950px;
	margin: 0 auto;
}

/* Rosaröd knapp */
.SubPage .btn-pink {
	background-color: #f76948 !important;
	border: 1px solid #f76948 !important;
}

.SubPage .btn-pink:hover {
	color: #080808;
	background-color: #fff !important;
	border: 1px solid #f76948 !important;
}

.btn-red-border {
	background-color: #fff !important;
	border: 2px solid #f76948 !important;
	color: black !important;
}

.btn-red-border:hover {
	color: #080808;
	background-color: #f76948 !important;
	border: 1px solid #f76948 !important;
}

/* Lila knapp */

.SubPage .btn-purple {
	background-color: #f7cdc6;
	border: 1px solid #f7cdc6;
	color: #080808;
	;
}

.SubPage .btn-purple:hover {
	color: black;
	background-color: #f76948 !important;
	border: 1px solid #f76948 !important;
}

.SubPage .btn-top p {
	padding-bottom: 0;
	margin-bottom: -24px;
}

.SubPage .btn-top .section-block {
	padding: 0 20px;
	text-align: center;
}

/* SUBSIDA - Ladda ditt kort
========================================================================== */

.sub-ladda .header-img {
	background-image: url(/assets/images/hors-catering-hamburgare.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-ladda .parallax {
	background-image: url(/assets/images/karlskrona/hors-karlskrona-kaffebaren-lanken.jpg);
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;
}

.sub-ladda .rosa h2 {
	padding-top: 0.5em;
}

.sub-ladda .rosa img {
	width: 420px;
	float: right;
}

.sub-ladda .restaurang-info .col-0 {
	padding-right: 7%;
}

.sub-ladda .tresplit .col-0,
.sub-ladda .tresplit .col-1 {
	padding-right: 6%;
}

.LayoutPage .layout-2 .col-0 {
	width: 50%;
	padding-right: 1%;
}



/* Sub - Restauranger & fik
========================================================================== */

/* CSS FÖR ALLA RESTAURANGER */

.sub-campus .restaurang-meny {
	background-image: linear-gradient(rgba(255, 149, 149, .95), rgba(255, 149, 149, .95)), url(/files/hors-mat-prego-soppa.jpg);
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: auto;
}

.sub-campus .header-img {
	position: relative;
}

.sub-campus .header-img #top-notis {
	position: absolute;
	top: 72px;
	left: 0;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #000;
	text-align: center;
}

.sub-campus .header-img #top-notis a {
	color: #FFF;
	text-decoration: none;
}

.SubPage .restaurang-info {
	overflow: hidden;
}

.sub-campus .restaurang-info img {
	width: 350px;
}

.sub-campus .restaurang-info p {
	padding-bottom: 0;
}

.sub-campus .restaurang-info h4 {
	padding-top: 1em;
}

.sub-campus .restaurang-info .col-0 {
	text-align: center;

}


.sub-campus .restaurang-info {
	display: flex;
	flex-direction: row;

}

.sub-campus .restaurang-info h2 {
	padding-top: 0.5em;
}

.sub-campus .restaurang-info {
	background-color: #f76948;
}

.sub-campus .restaurang-info * {
	color: #fff;
	text-align: left;
}

.sub-campus .restaurang-info h3 {
	padding-bottom: 10px;
}

.sub-campus .restaurang-info a {
	text-transform: none;
	letter-spacing: 0.02em;
}

.sub-campus .restaurang-meny h3 {
	padding-bottom: 7px;
}

.sub-campus .restaurang-meny h4 {
	padding-bottom: 20px;
	font-family: 'TT Norms', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
}

.sub-campus .restaurang-meny .mat-wrap {
	padding-bottom: 20px;
}

.sub-campus .restaurang-meny * {
	color: #fff;
}

.sub-campus .restaurang-meny .bold-p {
	font-family: 'TT Norms', sans-serif;
	font-weight: 900;
	padding-top: 10px;
}

.sub-campus .restaurang-meny .btn {
	margin-bottom: 0;
}

.kravmarke {
	width: 8rem;
	margin-bottom: 2rem;
}

/* LUNCHMENYER */

.menu-controller,
#menu-content-wrapper {
	text-align: center;
}

#menu-content-wrapper #previous,
#menu-content-wrapper #next {
	display: none;
}

.lunchmeny .section-block {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.lunchmeny .menu-heading {
	padding-bottom: 1.5em;
}

.lunchmeny .menu-heading p {
	font-weight: bold;
}

.lunchmeny .veckans {
	padding-bottom: 1.5em;
}

.lunchmeny .veckans p {
	font-weight: bold;
}

.lunchmeny h2 {
	text-transform: uppercase;
}

.menu-pdf {
	padding: 35px;
}

.menu-pdf a {
	font-weight: 400;
	font-family: 'TT Norms', sans-serif;
	letter-spacing: .24em;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 1em;
	font-size: 16px;
}

.menu-pdf a:hover {
	text-decoration: underline;
}

.menu-pdf .fal {
	padding-right: 15px;
	font-size: 22px;
	color: #ff9595;
}

@media only screen and (max-width: 600px) {
	.menu-pdf a {
		letter-spacing: .14em;
	}
}

.lunchmeny h3 {
	padding-bottom: 2em;
	max-width: 750px;
	margin: 0 auto;
}

.lunchmeny .restaurangnamn {
	padding-bottom: 1em;
}

.price {
	padding: 2rem;
	margin-top: 2rem;
	outline: 1px solid white;
	outline-offset: -11px;
	border-radius: 3rem;
}

.sodertorn .lunchmeny h3,
.vasteras-rosenhill .lunchmeny h3 {
	padding-bottom: 0;
	font-size: 20px;
}

.sodertorn .lunchmeny .restaurangnamn,
.vasteras-rosenhill .lunchmeny .restaurangnamn {
	padding-bottom: 1em !important;
	font-size: 24px;
}

.sodertorn .lunchmeny h3.eng-meny {
	font-size: 17px;
}

.lunchmeny .veckans-meny {
	padding-bottom: 2em !important;
}

.lunchmeny .eng-meny {
	color: #929292;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 10px;
}

.lunchmeny .menu-small-text {
	color: #929292;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 10px;
}

#lunch-q .section-block,
#lunch-arrhenius .section-block,
#lunch-forum .section-block,
#lunch-ratten .section-block,
#lunch-spring .section-block,
#lunch-nyckeln .section-block,
#lunch-alle .section-block,
#lunch-alma .section-block,
#lunch-rasken .section-block,
#lunch-kristina .section-block,
#lunch-humlan .section-block,
#lunch-bikupan .section-block,
#lunch-florence-togo .section-block,
#lunch-angstrom .section-block,
#lunch-j .section-block,
#lunch-universitetsklubben .section-block,
#lunch-matbutiken .section-block,
#lunch-fakultetsklubben .section-block,
#lunch-rosenhill .section-block,
#lunch-test-arrhenius .section-block,
#lunch-prego-d .section-block,
#lunch-zodiaken .section-block,
#lunch-florence-fika .section-block,
#cafe-humlan .section-block,
#cafe-bikupan .section-block {
	padding-bottom: 100px !important;
}

.lunchmeny .section-block-wrapper {
	max-width: none;
}

.lunchmeny .menu-background {
	height: 470px;
	background-image: url('/assets/images/hors-sallad-rodbetor-meny.jpg');
	background-position: center center;
	background-size: cover;
}

.lunchmeny .menu-background-white {
	height: 200px;
	background: white;
	background-position: center center;
	background-size: cover;
}

.lunchmeny .btn {
	margin: 0 10px;
	margin-top: 0 !important;
}

.menu-container {
	margin: 62px 14% 0px;
	margin-top: -150px;
	background-color: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
	padding: 100px 80px 100px 80px;
	box-sizing: border-box;
	text-align: center;
}

.menu-content {
	max-width: 750px;
	margin: 0 auto;
}

.menu-col {
	width: 100%;
	float: none;
	box-sizing: border-box;
}

.lunchmeny h6 {
	font-family: 'TT Norms', sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.lunchmeny p {
	font-size: 17px;
	padding-bottom: 0.3em !important;
}

.lunchmeny .menu-border {
	border-color: transparent;
}



/* CSS FÖR ALLA CAMPUS-HUVUDSIDOR */

.IndexPage .thumbnail,
.SubPage .thumbnail {
	position: relative;
	z-index: 2;
	display: block;
}

.IndexPage .rest-box,
.SubPage .rest-box {
	position: relative;
	margin-bottom: 80px;
	display: block;
	z-index: 1;
	width: 48%;
	margin: 4% 1%;
	float: left;
}

/*.IndexPage .rest-wrap,
.SubPage .rest-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: right;
	align-items: center;
}*/

.rest-box .badge {
	position: absolute;
	top: 1rem;
	padding: 5px 10px;
	font-size: 15px;
	color: #FFF;
	background: #ff9595;
	border-radius: 0 5px 5px 0;

}

.IndexPage .rest-content,
.SubPage .rest-content {
	margin: 0 auto;
	background-color: #f76948;
	padding: 12px 25px;
	bottom: 0;
	width: 67%;
	position: absolute;
	z-index: 2;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.orebro p,
.gavle p,
.eskilstuna p,
.stockholm p,
.vaxjo p,
.uppsala p,
.sodertorn p,
.vasteras p,
.uppsala p,
.karlskrona p,
.linkoping p {
	text-align: center;
}

.IndexPage .rest-content p,
.SubPage .rest-content p {
	text-align: left;
	padding-bottom: 0;
}

.IndexPage .rest-content h3,
.SubPage .rest-content h3,
.SubPage .catering-content h3,
.IndexPage .catering-content h3 {
	font-family: 'TT Norms', sans-serif;
	font-size: 21px;
	max-width: 850px;
	margin: 0 auto;
	text-transform: none;
	padding-bottom: 0;
	letter-spacing: 1px;
	color: white;
}

.SubPage .catering-content h3,
.IndexPage .catering-content h3 {
	color: #fff;
}

.SubPage .catering-content,
.IndexPage .catering-content {
	width: 75%;
	background-color: #000;
	margin: 0 auto;
	padding: 12px 25px;
	bottom: 0;
	position: absolute;
	z-index: 2;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.IndexPage .campus-ingress,
.SubPage .campus-ingress {
	padding-bottom: 4em;
}

.IndexPage .restauranger h2 {
	color: #222;
}

.SubPage .h1-typewriter {
	font-family: 'TT Norms', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-size: 19px;
	line-height: 1.7em;
	letter-spacing: 0.05em;
	color: #1f1f1f;
	text-transform: uppercase;
	padding-bottom: 10px;
}



/**/

/* CSS FÖR ÖREBRO HUVUDSIDA */

.orebro .header-img {
	background-image: url(/assets/images/orebro/hors-orebro.jpg);
	background-position: center top 12%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-orebro-prego .header-img {
	background-image: url(/assets/images/orebro/hors-orebro-prego.jpg);
	background-position: center top 18%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-orebro-forum .header-img {
	background-image: url(/assets/images/hors-orebro-bg-2000px.jpg);
	background-position: center top 37%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-orebro-way-cup .header-img {
	background-image: url(/assets/images/orebro/sallad-skal-2000px.jpg);
	background-position: center top 37%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-orebro-ratten .header-img {
	background-image: url(/assets/images/orebro/hors-orebro-ratten.jpg);
	background-position: center top 56%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-orebro-ratten .restaurang-meny {
	height: auto;
}

.sub-orebro-spring .header-img {
	background-image: url(/assets/images/orebro/hors-orebro-spring.jpg);
	background-position: center top 49%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* CSS FÖR KARLSKRONA HUVUDSIDA */

.karlskrona .header-img {
	background-image: url(/assets/images/karlskrona/hors-karlskrona.jpg);
	background-position: center top 25%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.kaffebaren-lanken .header-img {
	background-image: url(/assets/images/karlskrona/hors-karlskrona-kaffebaren-lanken-kaffe.jpg);
	background-position: center top 24%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.bistro-j .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/karlskrona/hors-karlskrona-bistroj.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* CSS FÖR STOCKHOLM HUVUDSIDA */

.stockholm .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-topview.jpg);
	background-position: center top 42%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sthlm-matbutiken .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-matbutiken.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.matladan .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-matladan.jpg);
	background-position: center bottom 30%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.prego-svea .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-prego-sveaplan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.prego-kraftriket .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-kraftriket.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.prego-arrhenius .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-arrhenius.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.propellern .header-img {
	background-image: url(/assets/images/stockholm/propellern-top-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.prego-d .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-prego-d.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.fakultetsklubben .header-img {
	background-image: url(/assets/images/stockholm/hors-stockholm-fakultetsklubben.jpg);
	background-position: center bottom 20%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.restaurang-q .header-img {
	background-image: url(/assets/images/hors-sallad-rodbetor-meny.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.kariander .header-img {
	background-image: url(/assets/images/stockholm/brod-kariander-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.orkanen .header-img {
	background-image: url(/assets/images/malmo/buffe-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* CSS FÖR VÄSTERÅS HUVUDSIDA */

.vasteras .header-img {
	background-image: url(/assets/images/vasteras/hors-vasteras-prego-origo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.vasteras-prego-origo .header-img {
	background-image: url(/assets/images/vasteras/hors-vasteras-prego-origo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.vasteras-rosenhill .header-img {
	background-image: url(/assets/images/vasteras/hors-vasteras-rosenhill.jpg) !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* CSS FÖR GÄVLE HUVUDSIDA */

.gavle .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/gavle/hors-gavle-markan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-markan .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/gavle/hors-gavle-markan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-gavle-prego .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/gavle/hors-gavle-prego.jpg);
	background-position: center top 37%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-bakfickan-gavle .header-img {
	background-image: url(/assets/images/gavle/hors-gavle-bakfickan.jpg);
	background-position: center bottom 33%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* CSS FÖR UPPSALA HUVUDSIDA */

.uppsala .header-img {
	background-image: url(/assets/images/uppsala/hors-uppsala.jpg);
	background-position: center top 18%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-restaurang-humlan .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)), url(/assets/images/uppsala/hors-uppsala-humlan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-restaurang-bikupan .header-img {
	background-image: url(/assets/images/uppsala/hors-uppsala-restaurang-bikupan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cafe-humlan .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)), url(/assets/images/uppsala/hors-uppsala-cafe-humlan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cafe-bikupan .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/uppsala/hors-uppsala-cafe-bikupan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-florence-fika .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/uppsala/hors-uppsala-florence-fika.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-florence-togo .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/uppsala/hors-uppsala-florence-togo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-restaurang-segerstedt .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)), url(/assets/images/uppsala/hors-uppsala-humlan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-angstrom .header-img {
	background-image: url(/assets/images/uppsala/hors-uppsala-angstrom.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-matbutiken .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/assets/images/uppsala/hors-uppsala-matbutiken.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-bistro-rudbeck .header-img {
	background-image: url(/assets/images/uppsala/hors-uppsala-bistro-rudbeck.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* CSS FÖR SÖDERTÖRN HUVUDSIDA */

.sodertorn .header-img {
	background-image: url(/assets/images/sodertorn/hors-sodertorn-prego-tolvan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.prego-tolvan .header-img {
	background-image: url(/assets/images/sodertorn/hors-sodertorn-prego-tolvan.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.alle-elva .header-img {
	background-image: url(/assets/images/sodertorn/hors-sodertorn-alle-elva.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.prego-sodertorn .header-img {
	background-image: url(/assets/images/sodertorn/hors-sodertorn-prego-sodertorn.jpg);
	background-position: center bottom 15%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.linkoping-studenthusets .header-img {
	background-image: url(/assets/images/linkoping/lax-2000px.jpg);
	background-position: center bottom 15%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.qr-img {
	max-width: 500px;
	justify-content: center;
	text-align: center;
	margin: auto;
}

/* CSS FÖR VÄXJÖ HUVUDSIDA */

.vaxjo .header-img {
	background-image: url(/assets/images/hors-mat-campus.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-alma .header-img {
	background-image: url(/assets/images/hors-mat-campus.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-kristina .header-img {
	background-image: url(/assets/images/vaxjo/hors-vaxjo-kristina.jpg);
	background-position: center bottom 10%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-kristinas-bakficka .header-img {
	background-image: url(/assets/images/vaxjo/hors-vaxjo-bakfickan-kaffe.jpg);
	background-position: center top 70%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rasken .header-img {
	background-image: url(/assets/images/vaxjo/vaxjo-restaurang-rasken.jpg);
	background-position: center 10%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-astrakan .header-img {
	background-image: url(/assets/images/vaxjo/hors-vaxjo-kaffebaren-m.jpg);
	background-position: center top 30%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-karloskar .header-img {
	background-image: url(/assets/images/vaxjo/bowl-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-kaffebaren-m .header-img {
	background-image: url(/assets/images/vaxjo/hors-vaxjo-kaffebaren.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* CSS FÖR ESKILSTUNA HUVUDSIDA */

.eskilstuna .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/eskilstuna/hors-eskilstuna-nyckeln.jpg);
	background-position: center bottom 30%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.verket-logo {
	display: flex;
	justify-content: center;
	width: 80%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin: 0 auto;
}

/* CSS FÖR Malmo HUVUDSIDA */

.malmo .header-img {
	background-image: url(/assets/images/malmo/malmo-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/*Malmo undersida*/
.qr-wrapper {
	display: flex;
	flex-direction: row;
	max-width: 20rem;
	margin: auto;
	margin-top: 4rem;
}

/* CSS FÖR LINKÖPING HUVUDSIDA */

.linkoping .header-img {
	background-image: url(/assets/images/linkoping/hors-linkoping.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.krav-loggan {
	width: 100px !important;
}

.zodiaken .header-img {
	background-image: url(/assets/images/linkoping/hors-zodiaken-ny.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.kaffebaren-java .header-img {
	background-image: url(/assets/images/linkoping/hors-linkoping-kaffebaren-java.jpg);
	background-position: center bottom 57%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.kaffebaren-ellen .header-img {
	background-image: url(/assets/images/linkoping/hors-linkoping-kaffebaren-ellen.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.linkoping-universitetsklubben .header-img {
	background-image: url(/assets/images/linkoping/hors-linkoping-universitetsklubben.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.linkoping-studenthuset .header-img {
	background-image: url(/assets/images/linkoping/lax-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* SUB LINKÖPING - Universitetsklubben */

.linkoping .rosa * {
	color: #fff;
}

.linkoping-universitetsklubben .tvasplit {
	background-color: #f7f7f7;
}

.linkoping-universitetsklubben .tvasplit p {
	text-align: left;
}

.linkoping-universitetsklubben .tvasplit img {
	border: 2px solid #000;
}

.linkoping-universitetsklubben .tvasplit .col-1 {
	padding-top: 0.5em;
}

.linkoping-universitetsklubben .parallax {
	background-image: linear-gradient(rgba(29, 29, 27, .05), rgba(29, 29, 27, .05)), url(/files/hors-mat-avdelare.jpg);
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;
}

/* SUBSIDA - Catering
========================================================================== */

.sub-hors-catering .header-img {
	background-image: url(/assets/images/hors-catering-bulle.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering .parallax {
	background-image: url(/assets/images/hors-catering-notbrownie.jpg);
	height: 500px;
}

.sub-catering .btn,
.sub-catering .btn-center {
	max-width: 430px;
}

.sub-catering .restaurang-info {
	background-color: #f7f0f0;
}

.sub-catering .restaurang-info img {
	border: 2px solid #222;
}

.sub-catering .restaurang-info .col-0 {
	padding-right: 4%;
}

.sub-catering .restaurang-info h2 {
	padding-top: 0.65em;
}

.sub-catering .restaurang-info * {
	text-align: left;
	color: #333;
}

.sub-catering #nojd-kund * {
	text-align: left;
}

.sub-catering #nojd-kund h3 {
	padding-bottom: 0;
	line-height: 20px;
	padding-top: 15px;
}

.sub-catering #nojd-kund ul {
	padding-inline-start: 20px;
	list-style: circle;
}

.sub-catering #nojd-kund .col-0 {
	padding-right: 4%;
	width: 40%;
}

.sub-catering #nojd-kund .col-1 {
	padding-right: 4%;
	width: 30%;
}

.sub-catering #nojd-kund .col-2 {
	width: 30%;
}

/* Undersida Cateringrestauranger 
==========================================================================* */

.sub-cateringrest .header-img {
	background-image: url(/assets/images/hors-catering-fika.jpg);
	background-position: center bottom 30%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cateringrest .rest-content {
	width: 65%;
	background-color: #f76948;
}

.sub-cateringrest .rest-content h3 {
	color: #fff;
}

.sub-cateringrest .catering-lankar {
	text-align: center;
	padding-bottom: 6em;
}

.sub-cateringrest .catering-lankar a {
	display: inline-block;
	text-transform: none;
}

.sub-catering .tresplit * {
	text-align: left;
}

.sub-catering .tresplit h3 {
	padding-bottom: 0;
	line-height: 20px;
	padding-top: 15px;
}

.sub-catering .tresplit ul {
	padding-inline-start: 20px;
	list-style: circle;
}

.sub-catering .tresplit .col-0 {
	padding-right: 4%;
	width: 40%;
}

.sub-catering .tresplit .col-1 {
	padding-right: 4%;
	width: 30%;
}

.sub-catering .tresplit .col-2 {
	width: 30%;
}

/* Grått fält med bild + fest hos oss + kontaktinfo */

.sub-catering .bg-gray {
	background-color: #f7f0f0 !important;
}

.sub-catering .catering-om {
	background-color: #f7f0f0 !important;
}

.sub-catering .catering-om .col-0 {
	padding-right: 3%;
}

.sub-catering .catering-om .col-1 {
	padding-top: 3%;
}

.sub-catering .catering-om * {
	text-align: left;
}

.sub-catering .catering-om h2 {
	max-width: 400px;
	margin: 0;
}

.sub-catering .catering-om p {
	padding-bottom: 0;
}

.sub-catering .catering-om h4 {
	padding-top: 0.5em;
}

.sub-catering .catering-om img {
	border: 2px solid #222;
}


/* SUBSIDOR FÖR ESKILSTUNA CATERING */

.sub-catering-prego-nyckeln .header-img {
	background-image: url(/assets/images/hors-catering-plockmat.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering-prego-nyckeln .catering-om .col-1 {
	padding-top: 9%;
}

.sub-catering-prego-nyckeln .catering-om h4 {
	padding-top: 20px;
}

/* SUBSIDOR FÖR GÄVLE CATERING */

.sub-catering-restaurang-campus .header-img {
	background-image: url(/assets/images/hors-catering-gifflar.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering-restaurang-campus .catering-om .col-1 {
	padding-top: 9%;
}

.sub-catering-restaurang-campus .catering-om h4 {
	padding-top: 20px;
}


/* SUBSIDOR FÖR KARLSKRONA CATERING */


.sub-catering-karlskrona .header-img {
	background-image: url(/assets/images/hors-catering-snittar-mozzarella.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* SUBSIDOR FÖR LINKÖPING CATERING */

.sub-catering-linkoping .header-img {
	background-image: url(/assets/images/hors-catering-snittar-narbild.jpg);
	background-position: center bottom 15%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* SUBSIDOR FÖR STOCKHOLM CATERING */

.sub-catering-stockholm .header-img {
	background-image: url(/assets/images/hors-catering-fika.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* Section-catering Stockholm
========================================================================== */
.section-catering .tab-container {
	padding: 4rem 2rem;
	outline: 1px solid #f76948;
	outline-offset: -11px;
	border: 5px solid #f76948;
	background-color: #fff;
	min-height: 50rem;
}

/* Tabbval */
.section-catering .tabs-wrapper {
	margin-bottom: 5rem;
}

.section-catering .tabs-list {
	text-align: left;
	display: flex;
	flex-direction: column;
}

.section-catering .tabs-heading {
	display: none;
}

.section-catering .tab {
	display: inline-block;
	padding: 1rem 2rem;
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .3rem;
	cursor: pointer;
}

.section-catering .menu-tab {
	background: #f76948 !important;
	margin: 0.2rem;
}

.section-catering .tab-active {
	color: #000000;
}

/* Innehåll */
.section-catering .tab-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section-catering .tab-col {
	width: calc((100% / 1) - 2rem);
	margin-top: 4rem;
}

.section-catering .small-text {
	font-size: 0.9rem;
	font-style: italic;
	text-align: start;
}

.section-catering .tab-item {
	display: flex;
	flex-direction: column;
	padding-bottom: 1rem;
}

.section-catering .tab-item .small-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	font-size: 0.9rem;
	letter-spacing: .2rem;
	line-height: 1.1;
	text-transform: uppercase;
	border-bottom: 1px dotted #e6e6e6;
	text-align: start;
}

.section-catering .tab-item .prices {
	padding-left: 1rem;
}

.section-catering .tab-item .description,
.section-catering .tab-item .description-w-price {
	font-size: 0.9rem;
	font-style: italic;
	text-align: start;
	color: #555;
}

.section-catering .tab-item .description-w-price {
	display: flex;
	justify-content: space-between;
	font-style: normal;
}

@media only screen and (max-width:1080px) {

	.section-catering .col-0,
	.section-catering .col-1 {
		width: 100% !important;
	}

	.section-catering .tabs-wrapper {
		margin: auto;
		margin-bottom: 4rem;
	}
}

@media only screen and (max-width:980px) {

	/* Tabbval */
	.section-catering .tabs-wrapper {
		position: relative;
		padding: 1rem 2rem;
		background: #f76948;
		cursor: pointer;
	}

	.section-catering .tabs-heading {
		display: block;
	}

	.section-catering .tabs-heading p {
		display: flex;
		justify-content: space-between;
		padding-bottom: 0;
		color: #FFF;
	}

	.section-catering .tabs-heading i {
		margin-left: 2rem;
	}

	.section-catering .tabs-list {
		display: none;
		z-index: 1;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: left;
		background: #FFF;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
	}

	.section-catering .tabs-wrapper.opened .tabs-list {
		display: block;
	}

	.section-catering .tab {
		display: block;
		padding: 1.5rem 1rem;
		letter-spacing: normal;
		text-transform: initial;
	}
}

@media only screen and (max-width:750px) {

	/* Innehåll */
	.section-catering .tab-col {
		width: 100%;
	}
}

@media only screen and (max-width:480px) {
	.section-catering .tab-container {
		padding: 1rem 1rem;
	}

	/* Tabbval */
	.section-catering .tabs-wrapper {
		max-width: 100%;
	}

	/* Innehåll */
	.section-catering .tab-item .small-title {
		font-size: 0.8rem;
	}

	.section-catering .tab-item .description {
		font-size: 0.8rem;
	}
}



/* SUBSIDOR FÖR SÖDERTÖRN CATERING */

.sub-catering-sodertorn-alle .header-img {
	background-image: url(/assets/images/hors-catering-fika-bollar.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering-sodertorn-alle .catering-om * {
	text-align: left;
}

/* SUBSIDOR FÖR UPPSALA CATERING */

.sub-catering-uppsala .header-img {
	background-image: url(/assets/images/hors-catering-lax.jpg);
	background-position: center bottom 35%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering-restaurang-bikupan .header-img {
	background-image: url(/assets/images/hors-catering-lax.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering-restaurang-humlan .header-img {
	background-image: url(/assets/images/hors-catering-snittar.jpg	);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* SUBSIDOR FÖR VÄSTERÅS CATERING */

.sub-catering-vasteras-rosenhill .header-img {
	background-image: url(/assets/images/hors-catering-tarta-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/* SUBSIDOR FÖR VÄXJÖ CATERING */

.sub-catering-vaxjo .header-img {
	background-image: url(/assets/images/hors-catering-mousse.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* SUBSIDOR FÖR ÖREBRO CATERING */

.sub-catering-orebro .header-img {
	background-image: url(/assets/images/hors-catering-campus.jpg);
	background-position: center bottom 30%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-catering-orebro .restaurang-om .col-0 {
	padding-bottom: 3%;
}

.sub-catering-orebro .restaurang-om .col-1 {
	padding-right: 3%;
}

.sub-catering-orebro .restaurang-om .col-2 {
	padding-left: 3%;
}

/* SUBSIDOR FÖR GÖTEBORG CATERING */

.sub-catering-goteborg .header-img {
	background-image: url(/assets/images/hors-catering-goteborg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* SUBSIDA - Om oss
========================================================================== */

.sub-omoss .header-img {
	background-image: url(/assets/images/hors-catering-croissant-brod.jpg);
	background-position: center top 20%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-omoss .restaurang-info {
	background-color: #f7f0f0;
}

.sub-omoss .restaurang-info img {
	border: 2px solid #222;
}

.sub-omoss .restaurang-info .col-0 {
	padding-right: 4%;
}

.sub-omoss .restaurang-info .col-1 {
	padding-top: 4em;
}

.sub-omoss .restaurang-info h2 {
	padding-top: 0.65em;
}

.sub-omoss .restaurang-info * {
	text-align: left;
	color: #333;
}

/* SUBSIDA - Om oss > Jobba hos oss
========================================================================== */

.sub-jobba .header-img {
	background-image: url(/assets/images/hors-catering-brod.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* SUBSIDA - Om oss > Vision och värderingar
========================================================================== */

.sub-vision .header-img {
	background-image: url(/assets/images/hors-catering-sallad-vatten.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-vision .parallax {
	background-image: linear-gradient(rgba(29, 29, 27, .05), rgba(29, 29, 27, .05)), url(/assets/images/uppsala/hors-uppsala-cafe-humlan.jpg);
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;
}

.sub-vision .tresplit h3 {
	padding-top: 0;
}

/* SUBSIDA - Om oss > Kvalitet och miljö
========================================================================== */

.sub-kvalitet .header-img {
	background-image: url(/assets/images/hors-catering-frukt.jpg);
	background-position: center bottom 30%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-kvalitet .restaurang-info {
	background-color: #f7f0f0;
}

.sub-kvalitet .restaurang-info * {
	color: #333;
}

.sub-kvalitet .restaurang-info img {
	border: 2px solid #222;
}

.sub-kvalitet .restaurang-info .col-0 {
	padding-right: 4%;
}

.sub-kvalitet .restaurang-info .col-1 {
	padding-top: 5em;
}

.sub-kvalitet .parallax {
	background-image: linear-gradient(rgba(29, 29, 27, .05), rgba(29, 29, 27, .05)), url('/assets/images/uppsala/hors-uppsala-humlan.jpg');
	max-width: 100% !important;
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;
}

.sub-kvalitet .tvasplit * {
	color: #fff;
}

.sub-kvalitet .tresplit h2 {
	max-width: none;
}

.sub-kvalitet .tresplit .normaltext-type {
	margin: 0;
}

.sub-kvalitet .tresplit .col-0 {
	width: 100%;
	padding: 0;
	padding-bottom: 2em;
}

.sub-kvalitet .tresplit .col-2 {
	padding-right: 4%;
}

.sub-kvalitet .tresplit .col-1,
.sub-kvalitet .tresplit .col-2,
.sub-kvalitet .tresplit .col-3 {
	width: 33%;
}

/* SUBSIDA - Om oss > Miljöarbete */

.sub-miljoarbete .header-img {
	background-image: url(/assets/images/hors-catering-fruktskalar.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-miljoarbete .rosa * {
	color: #fff;
}

.sub-miljoarbete .tresplit h3 {
	padding-bottom: 10px;
}

.sub-miljoarbete .tresplit h2 {
	padding-bottom: 10px;
}


/* SUBSIDA - Kontakt
========================================================================== */

.sub-kontakt .header-img {
	background-image: url(/assets/images/hors-catering-sparris-wraps.jpg);
	background-position: center top 20%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.hide-block {
	display: none;
}

.EditMode .hide-block {
	display: block;
}

.sub-kontakt .kontakt-lankar {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 15px;
}

.sub-kontakt .dropdown {
	display: none;
}

.sub-kontakt .kontakt-lankar a {
	display: inline-block;
	text-transform: none;
}

.sub-kontakt .kontaktinfo {
	background-color: #f7f0f0;
}

.sub-kontakt .kontaktinfo .col-1 {
	padding-right: 3%;
}

.sub-kontakt .kontaktinfo .col-2 {
	padding-left: 3%;
	padding-right: 3%;
}

.sub-kontakt .kontaktinfo .col-3 {
	padding-left: 3%;
}

.sub-kontakt .kontaktinfo * {
	text-align: left;
}

.sub-kontakt .kontaktinfo a {
	display: inline-block;
	text-decoration: none;
}

.sub-kontakt .kontaktinfo a:hover {
	text-decoration: underline;
}

.sub-kontakt #kontakt-huvudkontor .col-0 {
	padding-bottom: 3em;
}

.sub-kontakt .kontaktinfo .col-0 * {
	text-align: left;
	margin: 0;
	max-width: 750px;
}

.sub-kontakt #kontakt-huvudkontor .col-1 {
	width: 50%;
}

.sub-kontakt #kontakt-huvudkontor .col-2,
.sub-kontakt #kontakt-huvudkontor .col-3 {
	width: 25%;
}

.sub-kontakt #kontakt-huvudkontor .col-1 .kontakt-wrap {
	height: 200px;
}

/* Höjd på varje campus kontaktinfo */

.sub-kontakt .kontakt-wrap {
	height: 280px;
}

.sub-kontakt #kontakt-stockholm .kontakt-wrap,
.sub-kontakt #kontakt-uppsala .kontakt-wrap,
.sub-kontakt #kontakt-vaxjo .kontakt-wrap {
	height: 380px;
}

.sub-kontakt #kontakt-eskilstuna .kontakt-wrap {
	height: auto;
}


/**/

.sub-kontakt .kontakt-content {
	width: 95%;
	padding: 1rem 0 0 0;
}

.sub-kontakt .kontakt-img {
	width: 30%;
	float: left;
}

.sub-kontakt .kontakt-wrap h3,
.sub-kontakt .kontakt-wrap p {
	padding-bottom: 0;
}

.sub-kontakt .kontakt-text {
	padding-bottom: 1em;
}

.sub-kontakt #kontakt-linkoping .kontakt-wrap {
	padding-bottom: 2em;
}

/* ==========================================================================
Undersida: Göteborg 
========================================================================== */
.goteborg .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/gteborg-image-2.jpg);
	background-position: center 25%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.goteborg .krav-logo {
	height: 8rem !important;
	border-radius: 20%;
}

/* Kan tas bort när bilderna är klippta korrekt */
.section-gotet .restauranger-grid {
	display: flex;
	flex-wrap: wrap;
}

.section-gotet .rest-box {
	height: 24rem;
	overflow: hidden;
}

/* Restaurangundersidor
========================================================================== */
.sub-rest-handelsratten .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/handelsratten-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-cafe-anatomen .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/anatomen-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-cafe-nackrosen .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/cafe-nackrosen-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-nackrosen .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/restaurang-nackrosen-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-halsorestaurangen .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/halsocafet-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-stora-haga .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/stora-haga-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-lilla-haga .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/lilla-haga-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cafe-kastanjen .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/cafe-kastanjen-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-rest-pedagogen .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/pedagogen-hus-a-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cafe-gronsakstorget .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/cafe-gronsakstorget-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cafe-annedal .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/cafe-annedal-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.sub-cafe-hdk .header-img {
	background-image: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(/assets/images/goteborg/cafe-hdk-2000px.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

/* Lunchmenyer
========================================================================== */
.goteborg .lunchmeny .section-block {
	padding-top: 0;
	padding-bottom: 4rem;
}

.lunchmeny .section-block {
	margin-bottom: 4rem;
}



/* ==========================================================================
Footer
========================================================================== */
.footer {
	display: block;
	padding: 0;
	background: #080808 !important;
}

.footer .container {
	padding: 55px 0;
}

.footer p,
.footer a {
	padding-bottom: 0;
}

.footer .social {
	padding-bottom: 0.8em;
}

.footer .container .fab {
	font-size: 24px;
	margin-top: 0;
}

.footer h3 {
	display: none;
}

.footer .container .fab:hover {
	color: #fff;
}

/* WebbEss Stamp  */
.webbess-stamp {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 0 10px;
	font-size: 1.3px;
	font-weight: normal;
}

.webbess-stamp img {
	width: 30px;
	margin-left: 1rem;
	filter: invert();
}

/* ==========================================================================
Media queries
========================================================================== */

@media only screen and (min-width: 1600px) {

	#topp h3 {
		padding-top: 2em;
	}

	#kundkort,
	#om-oss {
		height: auto;
	}

	.container {
		max-width: 1600px;
	}

}

@media only screen and (max-width: 1396px) {

	#hors-bild,
	.parallax {
		background-attachment: scroll !important;
		background-size: cover;
		height: 100%;
		overflow: hidden;
	}

}

@media only screen and (max-width: 1290px) {


	/* ny nav */

	header .header-logo {
		z-index: 101 !important;
	}

	.openmenu {
		display: none !important;
	}

	.mainmenu {
		position: fixed;
		top: 0;
		left: 0;
		display: block !important;
		height: 72px !important;
		width: 100% !important;
		background: transparent;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		scrollbar-width: none;
		box-shadow: none !important;
		transition: all .5s ease;
	}

	.mainmenu::-webkit-scrollbar {
		width: 0 !important
	}

	/* nav ej aktiv */
	#close {
		position: fixed;
		top: 25px;
		right: 5px;
		transform: translateY(-25px);
		width: 60px;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}

	#close .bar {
		position: absolute;
		width: 50%;
		height: 2px;
		background-color: #000;
		transition: all .5s ease;
	}

	#close .bar:first-of-type {
		top: 42%
	}

	#close .bar:last-of-type {
		top: 58%
	}

	.Padding {
		display: block !important;
		visibility: hidden;
		margin: 0 !important;
		padding: 120px 0 0 0 !important;
		transition: all .5s ease;
	}

	.Padding ul li {
		height: auto !important;
		line-height: unset !important;
		opacity: 0;
		text-align: center;
		-webkit-transition: opacity 0.75s ease;
		-moz-transition: opacity 0.75s ease;
		-o-transition: opacity 0.75s ease;
		transition: opacity 0.75s ease;
	}

	.Padding ul li a {
		color: #333 !important;
		padding: 15px 0 !important;
		margin: 5px 0 !important;
		transition: color .25s ease;
		width: 100%;
	}

	.expandable-li ul,
	nav.mainmenu ul>li>ul {
		background: #f4f4f4;
	}

	nav.mainmenu .expandable-li a {
		margin: 0 60px !important;
		width: calc(100% - 120px);
	}

	nav.mainmenu ul>li>ul>li {
		margin: 0;
	}

	nav.mainmenu ul>li>ul>li a {
		margin: 0 auto !important;
		padding: 20px 0 !important;
	}

	nav.mainmenu li,
	nav.mainmenu li a {
		padding-left: 0 !important;
	}

	.dropdown-arrow-open,
	.dropdown-arrow-close {
		background: none !important;
	}

	.dropdown-arrow-open:hover,
	.dropdown-arrow-close:hover {
		background: none !important;
	}

	.dropdown-arrow,
	.dropdown-arrow:hover {
		width: 60px;
		height: 100%;
		top: 0;
		right: 0;
	}

	.dropdown-arrow,
	.dropdown-arrow:hover {
		width: 60px;
		height: 53px;
		top: 0;
		right: 0;
	}

	.dropdown-arrow::after {
		content: '\25B7';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: transform .25s ease;
	}

	.level-open .dropdown-arrow::after {
		transform: translate(-50%, -50%) rotate(90deg);
	}

	.level-close .dropdown-arrow::after {
		transform: rotate(180deg);
	}

	/* nav aktiv */
	.mainmenu.active-menu {
		height: 100% !important;
	}

	.mainmenu.active-menu #close .bar {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.mainmenu.active-menu #close .bar:first-of-type {
		transform: rotate(225deg);
	}

	.mainmenu.active-menu #close .bar:last-of-type {
		transform: rotate(-225deg);
	}

	.mainmenu.active-menu .Padding {
		visibility: visible;
	}

	.mainmenu.active-menu .Padding ul li {
		opacity: 1;
	}

	.mainmenu.active-menu .Padding ul li:nth-child(1) {
		-webkit-transition: opacity 0.5s ease .1s;
		-moz-transition: opacity 0.5s ease .1s;
		-o-transition: opacity 0.5s ease .1s;
		transition: opacity 0.5s ease .15s;
	}

	.mainmenu.active-menu .Padding ul li:nth-child(2) {
		-webkit-transition: opacity 0.5s ease .2s;
		-moz-transition: opacity 0.5s ease .2s;
		-o-transition: opacity 0.5s ease .2s;
		transition: opacity 0.5s ease .25s;
	}

	.mainmenu.active-menu .Padding ul li:nth-child(3) {
		-webkit-transition: opacity 0.5s ease .3s;
		-moz-transition: opacity 0.5s ease .3s;
		-o-transition: opacity 0.5s ease .3s;
		transition: opacity 0.5s ease .35s;
	}

	.mainmenu.active-menu .Padding ul li:nth-child(4) {
		-webkit-transition: opacity 0.5s ease .3s;
		-moz-transition: opacity 0.5s ease .3s;
		-o-transition: opacity 0.5s ease .3s;
		transition: opacity 0.5s ease .35s;
	}

	.mainmenu.active-menu .Padding ul li:nth-child(5) {
		-webkit-transition: opacity 0.5s ease .3s;
		-moz-transition: opacity 0.5s ease .3s;
		-o-transition: opacity 0.5s ease .3s;
		transition: opacity 0.5s ease .35s;
	}


	/*
 	.openmenu {
	    background:  url('/assets/images/openmenu-icon-black.png') no-repeat center center;
		background-size: 40px 40px;
	    width: 50px;
	    height: 50px;
	    cursor: pointer;
	    position: fixed;
		right: 20px;
		top: 10px;
		z-index: 100;
	  
	}*/

	.closemenu {
		display: none;
		background: url('/assets/images/closemenu-icon-black.png') no-repeat center center;
		width: 50px;
		height: 50px;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 10px;
		background-size: 40px 40px;
	}

	nav.mainmenu {
		text-align: center;
		width: 100%;
		box-shadow: none;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		height: 100%;
		overflow-y: scroll;
		background-color: white;
	}

	nav.mainmenu .Padding {
		padding: 40px 0 0 0;
		margin-top: 72px;
	}

	nav.mainmenu ul.TemplateMenu>li {
		height: 60px;
		width: 100%;
	}

	nav.mainmenu a {
		padding: 10px 36px;
		font-size: 22px;
	}

	.SubPage nav.mainmenu .home {
		display: block;
	}

	nav.mainmenu li,
	nav.mainmenu li a {
		font-size: 20px;
		border-bottom: none;
		margin: 20px 0px;
		color: #272727 !important;
		padding-left: 10px;
	}

	#hors-bild {
		background-attachment: scroll !important;
		background-size: cover;
		height: 500px;
		overflow: hidden;
	}

	#kundkort,
	#om-oss {
		height: auto;
	}

}

@media only screen and (max-width: 1220px) {
	#topp .smaller-title {
		font-size: 30px;
	}

	#topp h1 {
		font-size: 36px;
	}

	#topp .col-0 {
		padding: 110px 70px 90px 80px;
	}
}

@media only screen and (max-width: 1140px) {
	#topp .col-0 {
		padding: 110px 60px 90px 70px;
	}

}

@media only screen and (max-width: 1080px) {
	#topp .smaller-title {
		font-size: 25px;
	}

	#topp h1 {
		font-size: 33px;
	}
}

@media only screen and (max-width: 1024px) {


	#topp .col-0 {
		padding: 80px 50px;
	}

	.footer .container {
		max-width: 850px;
	}

	#om-oss h2 {
		padding-top: 0;
	}

	#om-oss .col-0 {
		padding-right: 4%;
	}

	.orebro .rest-content {
		margin-bottom: -2px;
	}

	.sub-omoss .restaurang-info .col-1,
	.sub-catering .restaurang-info h2 {
		padding-top: 0;
	}

}

@media only screen and (max-width: 980px) {
	#topp .smaller-title {
		font-size: 20px;
	}

	#topp h1 {
		padding-top: 0;
		font-size: 32px;
	}

	#topp h3 {
		padding-top: 0;
	}

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 120px 40px;
	}

	h1 {
		font-size: 42px;
	}

	nav.mainmenu .flag {
		display: inline-block;
	}

	nav.mainmenu .flag img {
		width: 35px;
		padding: 20px 8px;
	}


	#catering,
	#kundkort,
	#om-oss {
		height: auto;
	}

	#kundkort * {
		text-align: left;
	}

	#kundkort img {
		width: 300px;
	}

	#kundkort .col-1 {
		text-align: center !important;
	}

	#catering .col-block,
	#kundkort .col-block,
	#om-oss .col-block {
		width: 100%;
	}

	#topp .col-0 {
		width: 55%;
		padding: 140px 80px;
		padding-right: 50px;
	}

	#topp .col-1 {
		width: 45%;
	}

	#om-oss .col-1 {
		padding-top: 3em;
	}

	.SubPage .restaurang-info .col-block {
		width: 100%;
	}

	.SubPage .restaurang-info img {
		float: left;
		margin-bottom: 2em;
	}

	.sub-catering .restaurang-info .col-0 {
		padding-bottom: 3em;
	}

	.sub-catering #nojd-kund .col-block,
	.sub-kontakt .kontaktinfo .col-block {
		width: 100%;
	}

	/* Undersida för Kontakt */

	.sub-kontakt #kontakt-huvudkontor .col-2,
	.sub-kontakt #kontakt-huvudkontor .col-3,
	.sub-kontakt #kontakt-huvudkontor .col-1 {
		width: 100%;
	}

	.sub-kontakt .kontaktinfo .col-2,
	.sub-kontakt .kontaktinfo .col-3 {
		padding: 0;
	}

	.sub-kontakt #kontakt-huvudkontor .col-1 .kontakt-wrap {
		height: 220px;
	}

	.sub-kontakt .kontakt-wrap,
	.sub-kontakt #kontakt-stockholm .kontakt-wrap,
	.sub-kontakt #kontakt-uppsala .kontakt-wrap,
	.sub-kontakt #kontakt-vaxjo .kontakt-wrap {
		height: auto;
	}

	.sub-kontakt .kontakt-text {
		padding-bottom: 1.5em;
	}

	/**/

	.IndexPage .rest-content h3,
	.SubPage .rest-content h3,
	.SubPage .catering-content h3,
	.IndexPage .catering-content h3 {
		font-size: 16px;
	}

	.SubPage .catering-content,
	.IndexPage .catering-content,
	.SubPage .rest-content,
	.IndexPage .rest-content {
		width: 80%;
	}

	.orebro .btn-top .section-block {
		padding: 0;
		text-align: center;
	}

	.SubPage .tresplit .col-block,
	.SubPage .tvasplit .col-block {
		width: 100%;
		padding-left: 0;
	}

	.lunchmeny .btn {
		max-width: 200px;
	}

}


@media only screen and (max-width: 890px) {

	.sub-campus .restaurang-info .col-0 {
		padding-right: 5%;
	}

	#topp h1 {
		font-size: 28px;
	}

	#topp h3 {
		font-size: 19px;
	}

	#topp h1 {
		font-size: 26px;
	}

	#topp p {
		font-size: 16px;
		width: 85%;
	}

}

@media only screen and (max-width: 768px) {

	.btn {
		padding: 12px 12px;
		font-size: 14px;
	}

	body.isMobile .body-background {
		background-position: center right 36%;
	}

	#topp .col-0 {
		padding: 120px 50px;
	}

	.sub-campus h2,
	.sub-campus p {
		text-align: center;
	}

	.SubPage .h1-typewriter {
		text-align: left;
	}

	.sub-campus .btn-top p {
		text-align: center !important;
	}

	.sub-campus .restaurang-info .col-block {
		width: 100%;
	}

	.sub-campus .restaurang-info h2 {
		padding-top: 2em;
	}

	.sub-campus .restaurang-meny .col-1,
	.sub-campus .restaurang-meny .col-2 {
		width: 50%;
	}

	.IndexPage .rest-content,
	.SubPage .rest-content {
		padding: 12px 24px;
	}

	.sub-cateringrest .rest-content {
		width: 85%;
	}

	.SubPage .btn-top .btn {
		max-width: none !important;
		width: 100%;
		margin: 10px 0;
	}

	.sub-catering .btn,
	.sub-catering .btn-center {
		max-width: 350px !important;
	}

	.sub-catering .catering-om .col-0,
	.sub-catering .catering-om .col-1 {
		width: 100%;
	}

	.sub-catering .catering-om .col-0 {
		padding-bottom: 3rem;
	}

	.lunchmeny .btn {
		display: block;
		max-width: 250px;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.verket-logo {
		margin: 0;
	}
}

@media only screen and (max-width: 700px) {

	.SubPage .catering-content,
	.IndexPage .catering-content,
	.SubPage .rest-content,
	.IndexPage .rest-content {
		width: 50%;
	}

	.restauranger .rest-box {
		width: 100% !important;
		margin: 4% 0;
	}

	#topp .col-0 {
		height: 80vh !important;
		padding: 115px 40px !important;
		width: 100%;
	}

	#topp .col-1 {
		height: 20vh;
		clip-path: none;
		width: 100%;
	}


}

@media only screen and (max-width: 600px) {

	.calendar {
		min-height: 530px;
	}

	#topp p {
		display: none;
	}

	#topp .col-0 {
		padding: 150px 15px !important;
		height: 65vh !important;
	}

	#topp .col-1 {
		height: 40vh !important;
	}

	#topp h1 {
		font-size: 28px;
	}

	.IndexPage .rest-content h3,
	.SubPage .rest-content h3,
	.SubPage .catering-content h3,
	.IndexPage .catering-content h3 {
		font-size: 15px;
	}

	.SubPage .catering-content,
	.IndexPage .catering-content,
	.SubPage .rest-content,
	.IndexPage .rest-content {
		width: 87%;
	}

	.SubPage .catering-content,
	.IndexPage .catering-content {
		padding: 12px 29px 12px 14px;
	}

	.restauranger .col-0 * {
		text-align: left;
	}

}

@media only screen and (max-width: 560px) {

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 60px 20px;
	}

	#tjanster p {
		text-align: center;
	}

	#tjanster .col-block {
		padding-bottom: 2em !important;
	}

	#tjanster .col-3 {
		padding-bottom: 0em !important;
	}

	h2 {
		font-size: 27px;
	}

	.SubPage h2,
	.IndexPage .restauranger h2,
	.SubPage h1 {
		font-size: 27px;
	}

	.menyn h2 {
		font-size: 27px;
	}

	.sub-omoss h2,
	.sub-omoss h3 {
		text-align: left;
	}

	/*
	#topp .col-0 {
		padding: 150px 40px !important;	
		height: 50vh !important;
	}
*/

	/*
	#topp .col-1 {
		height: 50vh !important;
	}
*/

	#om-oss p,
	#catering p,
	#catering h2,
	.sub-rest-prego #prego-om h2,
	.sub-rest-prego #prego-meny *,
	#corona * {
		text-align: left;
	}

	.sub-rest-prego #prego-meny {
		height: auto;
	}

	#orebro-restauranger .rest-content {
		width: 80%;
		padding: 12px;
	}

	.IndexPage .rest-content,
	.SubPage .rest-content {
		padding: 12px 10px;
	}

	.footer {
		min-height: 0 !important;
	}

	#om-oss h2 {
		padding-top: 2em;
	}

	.footer p {
		max-width: none;
		font-size: 16px;
	}

	.footer-center {
		padding-right: 30px;
		padding-left: 30px;
	}

	footer img {
		float: none !important;
		padding-bottom: 1em;
	}

	footer h4,
	footer p,
	footer a {
		text-align: center !important;
	}
}

@media only screen and (max-width: 424px) {
	#topp .smaller-title {
		font-size: 18px;
	}

	#topp .nowrap {
		word-break: break-all;
	}

	/* UNDERSIDOR */

	/* LUNCHMENYER */

	.menu-container {
		margin-top: -150px;
		margin-left: 20px;
		margin-right: 20px;
		padding: 80px 40px;
	}

	.lunchmeny h6 {
		text-align: left;
	}

	/* CAMPUSSIDOR */

	.sub-campus .btn-top .section-block {
		padding: 0 !important;
	}

	.sub-campus .header-img,
	.SubPage .header-img {
		height: 280px;
	}

	.SubPage h2,
	.IndexPage .restauranger h2,
	.SubPage h1,
	.SubPage h3 {
		text-align: left;
	}

	.menyn h2 {
		text-align: left;
	}

	.sub-campus .header-title .header-first {
		padding-top: 3em;
	}

	.orebro .header-title .header-first {
		padding-top: 3em;
	}

	.sub-campus .header-title h1 {
		font-size: 40px;
		line-height: 45px;
	}

	.sub-campus .restauranger .section-block {
		padding: 0;
	}

	.sub-campus .restauranger .col-0 {
		padding: 60px 40px !important;
	}

	.sub-campus .rest-box,
	.orebro .rest-box {
		margin-bottom: 20px;
	}

	.sub-campus .restaurang-om h2 {
		font-size: 26px;
	}

	.sub-cateringrest .rest-content {
		width: 88%;
	}

	/* OM OSS SIDOR */

	.sub-omoss .restaurang-info img {
		margin-bottom: 2em !important;
	}

	.sub-kontakt .kontakt-img,
	.sub-kontakt .kontakt-content {
		width: 100%;
	}

	.sub-kontakt .top-kontakt * {
		text-align: left;
	}

	.sub-kontakt .kontaktinfo .col-0 p {
		padding-bottom: 3em;
	}

	.sub-kontakt #kontakt-huvudkontor .col-1 .kontakt-wrap {
		height: auto;
	}

	.sub-kontakt .kontakt-content {
		padding-bottom: 3em;
		padding-top: 0.5em;
	}

	.sub-kontakt .kontakt-img {
		padding-bottom: 1em;
	}

	.sub-kontakt .kontakt-wrap {
		height: auto;
	}

}