/**
 * SUMOshop Basic v?.?
 * Copyright 2018 SUMOshop http://www.sumoshop.dk
 * All rights reserved
 */
:root {
	--basic-full: 1200px;
	--basic-innerwidth: 1200px;
	--basic-mobile: 600px;
	--basic-print: 900px;
	--basic-mail: 600px;
	--basic-margin: 5px;
	--basic-padding: 0px;
	--basic-innerpadding: 10px;
	--basic-columnwidth: 1/4;
	--basic-background-color: #ffffff;
	--basic-color: #000000;
	--basic-hover-color: #888888;
	--basic-offer-color: #000000;
	--basic-button-background-color: #000000;
	--basic-button-color: #ffffff;
	--basic-button-hover-background-color: #888888;
	--basic-button-hover-color: #ffffff;
	--basic-font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	--basic-font-size: 12px;
	--basic-font-weight: 300;
	--basic-headline-font-family: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--basic-headline-font-weight: 300;
	--basic-glow-color: #ffee00;
	--basic-zoom-factor: 1.25;
	--basic-innerborder-width: 3px;
	--basic-innerborder-margin: 10px;
	--basic-animate-speed: 0.2s;
	--basic-animate-slow-speed: 0.6s;
	--basic-animate-veryslow-speed: 6.0s;
}

* {
	background-repeat: no-repeat;
}

html {
	box-sizing: border-box;
	transform: none !important;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	color: #000000;
	color: var(--basic-color);
	line-height: 1.2;
}

body, input, textarea, select {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-family: var(--basic-font-family);
	font-size: 12px;
	font-size: var(--basic-font-size);
	font-weight: 300;
	font-weight: var(--basic-font-weight);
}

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 solid;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

strong {
	font-weight: bold;
}

span {
	border: 0 solid;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

body, .body, header, footer, main, .common-menu-hover, input, select, textarea, .groupsubcontainer-subcontainer {
	background-color: #ffffff;
	background-color: var(--basic-background-color);
}

.body {
	overflow: hidden;
}

header, footer, main {
	display: block;
	clear: both;
	position: relative;
	width: 100%;
}

header {
	z-index: 1000;
}

main>*, .header-content>*, .footer-content>*, .block-oversize>.group-subcontainer {
	float: none;
	width: calc(1200px) !important;
	width: calc(var(--basic-full)) !important;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

main, footer>section {
	padding: calc(5px * 4 + 0px * 4) 0;
	padding: calc(var(--basic-margin) * 4 + var(--basic-padding) * 4) 0;
}

main {
	min-height: 600px;
	padding-top: 0;
}

a {
	color: #000000;
	color: var(--basic-color);
	text-decoration: none;
}

a:hover {
	color: #888888;
	color: var(--basic-hover-color);
}

.description a, .text a {
	text-decoration: underline;	
}

a:focus, input, textarea {
	outline: none;
}

a.selected {
	font-weight: bold;
}

img {
	display: block;
	max-width: 100%;
}

br {
	clear: both;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, .headline, .subheadline, .button, .buttonbig, #giftcertificate-form label, #menu-main>ul>li>a, #menu-main .common-menu-hover-sub ul>li>span {
	font-family: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	font-family: var(--basic-headline-font-family);
	font-weight: 300;
	font-weight: var(--basic-headline-font-weight);
}

h1, h2, h3, h4, #giftcertificate-form label {
	line-height: 100%;
	text-transform: uppercase;
	text-overflow: ellipsis;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h1>a, h2>a, h3>a, h4>a {
	font-weight: inherit;
}

input:not([type="checkbox"]):not([type="radio"]), select, textarea {
	border-radius: 0;
	padding: 10px;
	padding: var(--basic-innerpadding);
	apperance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input[type="text"], input[type="search"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], input[type="url"], select, textarea {
	border: 1px solid #888888;
}

textarea {
	font: inherit;
}

select {
	padding-right: 30px;
	background-image: url("../icon/open.svg");
	background-size: auto 10px;
	background-position: calc(100% - 10px) center;
	background-position: calc(100% - var(--basic-innerpadding)) center;
}

input:focus:invalid, input.invalid, select:focus:invalid, select.invalid, ul.invalid {
	outline: none;
	box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.5);
}

.block, .innerblock, .headline, .subheadline, .description, .text, .slugline, .image, .button, .buttonbig, ul.list>li, .list-table, .list-tablelike, dl, .form label, .form input, .form select, .form textarea, .form-error, .link, .block-content-inner {
	margin: 5px;
	margin: var(--basic-margin);
}

.innerblock, .headline, .subheadline, .description, .text, .slugline, .image, .button, .buttonbig, ul.list>li, .list-table, .list-tablelike, dl, .form label, .form-error, .block-content-inner {
	padding: 0px;
	padding: var(--basic-padding);
}

.link {
	margin: calc(5px + 0px);
	margin: calc(var(--basic-margin) + var(--basic-padding));
}

.block-spacer {
	margin-top: 0;
	margin-bottom: 0;
}

.block-spacer.line, .block-spacer.doubleline {
	margin: 5px;
	margin: var(--basic-margin);
}

.content:after {
	content: "";
	clear: both;
	display: block;
}

.content-inner {
	padding: 0 calc(5px + 0px);
	padding: 0 calc(var(--basic-margin) + var(--basic-padding));
}

.content-inner .subheadline {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.description, .text {
	overflow: auto;
	line-height: 160%;
}

.slugline {
	font-style: italic;
}

.block.block-container {
	margin: 0;
}

.headline {
	clear: left;
}

.image img {
	border-radius: inherit;
}

.hidden {
	display: none !important;
}

.visible {
	display: block !important;
}

.disabled {
	opacity: 0.5;
}

a.disabled:hover, .button.disabled:hover {
	cursor: default;
}

a.disabled:hover {
	color: #000000;
	color: var(--basic-color);
}

.left {
	float: left;
}

.right {
	float: right;
}

.fullwidth {
	width: 100%;
}

.fullheight {
	height: 100%;
}

.vertical-center, .vertical-top, .vertical-bottom {
	clear: both;
}

.vertical-center>*:not(.fixed-content), .vertical-center>.fixed-content>* {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.vertical-bottom>* {
	position: relative;
	top: 100%;
	transform: translateY(-100%);
}

.vertical-center>.block, .vertical-center>.fixed-content>.block {
	margin-top: 0;
	margin-bottom: 0;
}

.vertical-bottom>.block {
	position: relative;
	top: calc(100% - 5px * 2);
	top: calc(100% - var(--basic-margin) * 2);
}

body .fixed-top, body .fixed-bottom, .fixed-auto-top .fixed-content, .fixed-auto-bottom .fixed-content, .fixed-auto-top .fixed-subcontainer, .fixed-auto-bottom .fixed-subcontainer {
	z-index: 100;
	position: fixed;
	top: 0;
	background-color: #ffffff;
	background-color: var(--basic-background-color);
}

body .fixed-top, body .fixed-bottom {
	margin: 0;
}

body .fixed-bottom {
	top: auto;
	bottom: 0;
}

body .fixed-top:not(.block-oversize):not(.blockcontainer-oversize), .fixed-bottom:not(.block-oversize):not(.blockcontainer-oversize), .fixed-auto-top .fixed-content .fixed-auto-bottom .fixed-content {
	max-width: calc(1200px);
	max-width: calc(var(--basic-full));
}

.fixed-auto-top .fixed-subcontainer, .fixed-auto-bottom.fixed-subcontainer {
	transform: none;
}

.fixed-auto:not(.fixed-auto-top) .fixed-content {
	left: auto !important;
	width: auto !important;
}

.fixed-auto:not(.fixed-auto-bottom) .fixed-content {
	bottom: auto !important;
}

.fixed-auto-bottom .fixed-content {
	position: absolute;
	top: auto !important;
}

.fixed-layout, .fixed-subcontainer {
	display: none;
	float: left;
	max-width: 100%;
}

.fixed-auto-top .fixed-layout, .fixed-auto-bottom .fixed-layout, .fixed-auto-top .fixed-subcontainer, .fixed-auto-bottom .fixed-subcontainer {
	display: block;
}

.block, .block-container {
	overflow: hidden;
	float: left;
	position: relative;
}

.block-static {
	position: static;
}

.block-outer, .block-inner {
	overflow: hidden;
}

.block-inner {
	max-height: 100%;
	text-overflow: ellipsis;
}

.block-list, .block-list .list, .block-list .list>li, .block-list .list>li>*, .block-outer, .block-outer>* {
	transition: inherit;
	-webkit-transition: inherit;
}

.block-container.block-group:not(.vertical-bottom) {
	overflow: visible;
}

.block.right, .block-container.right {
	float: right;
}

/* .block.center, .block-container.center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
} */

.block.center, .block-container.center {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.blockcontainer-oversize {
	clear: both;
	margin: 5px 0;
	margin: var(--basic-margin) 0;
}

main .blockcontainer-oversize {
	padding-top: 5px;
	padding-top: var(--basic-margin);
}

.common-blocks>div.blockcontainer-oversize:first-child {
	margin-top: 0;
	padding-top: 0;
}

.blockcontainer-oversize.fixed-bottom, .blockcontainer-oversize.fixed-top {
	left: 0;
	width: 100%;
}

main .blockcontainer-oversize.groupcontainer-subcontainer {
	padding-top: 5px;
	padding-top: var(--basic-margin);
}

.blockcontainer-oversize:not([class*=groupcontainer-subcontainer]) {
	height: 600px;
}

.block-oversize {
	clear: both;
	left: 0;
	width: 100%;
	margin: 0;
}

.block-oversize.block-list .list>li {
	width: 100%;
	margin: 0;
}

.block-oversize:not(.fixed-top):not(.fixed-bottom) {
	position: absolute !important;
}

main .groupsubcontainer-subcontainer {
	background-color: #000000;
	background-color: var(--basic-color);
}

.groupsubcontainer-subcontainer>* {
	padding: 5px 0;
	padding: var(--basic-margin) 0;
}

.block-1_1 {
	width: calc(1200px - 5px * 2);
	width: calc(var(--basic-full) - var(--basic-margin) * 2);
	max-width: calc(100vw - 5px * 2);
	max-width: calc(100vw - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_1 {
	width: calc(100% - 5px * 2);
	width: calc(100% - var(--basic-margin) * 2);
}

.block-1_1.block-container {
	width: 1200px;
	width: var(--basic-full);
	max-width: 100vw;
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_1.block-container {
	width: 100%;
}

.block-5_6 {
	width: calc(1200px * 5/6 - 5px * 2);
	width: calc(var(--basic-full) * 5/6 - var(--basic-margin) * 2);
	max-width: calc(100vw * 5/6 - 5px * 2);
	max-width: calc(100vw * 5/6 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-5_6 {
	width: calc(100% * 5/6 - 5px * 2);
	width: calc(100% * 5/6 - var(--basic-margin) * 2);
}

.block-5_6.block-container {
	width: calc(1200px * 5/6);
	width: calc(var(--basic-full) * 5/6);
	max-width: calc(100vw * 5/6);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-5_6.block-container {
	width: calc(100% * 5/6);
}

.block-4_5 {
	width: calc(1200px * 4/5 - 5px * 2);
	width: calc(var(--basic-full) * 4/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 4/5 - 5px * 2);
	max-width: calc(100vw * 4/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-4_5 {
	width: calc(100% * 4/5 - 5px * 2);
	width: calc(100% * 4/5 - var(--basic-margin) * 2);
}

.block-4_5.block-container {
	width: calc(1200px * 4/5);
	width: calc(var(--basic-full) * 4/5);
	max-width: calc(100vw * 4/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-4_5.block-container {
	width: calc(100% * 4/5);
}

.block-3_4 {
	width: calc(1200px * 3/4 - 5px * 2);
	width: calc(var(--basic-full) * 3/4 - var(--basic-margin) * 2);
	max-width: calc(100vw * 3/4 - 5px * 2);
	max-width: calc(100vw * 3/4 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_4 {
	width: calc(100% * 3/4 - 5px * 2);
	width: calc(100% * 3/4 - var(--basic-margin) * 2);
}

.block-3_4.block-container {
	width: calc(1200px * 3/4);
	width: calc(var(--basic-full) * 3/4);
	max-width: calc(100vw * 3/4);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_4.block-container {
	width: calc(100% * 3/4);
}

.block-2_3 {
	width: calc(1200px * 2/3 - 5px * 2);
	width: calc(var(--basic-full) * 2/3 - var(--basic-margin) * 2);
	max-width: calc(100vw * 2/3 - 5px * 2);
	max-width: calc(100vw * 2/3 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_3 {
	width: calc(100% * 2/3 - 5px * 2);
	width: calc(100% * 2/3 - var(--basic-margin) * 2);
}

.block-2_3.block-container {
	width: calc(1200px * 2/3);
	width: calc(var(--basic-full) * 2/3);
	max-width: calc(100vw * 2/3);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_3.block-container {
	width: calc(100% * 2/3);
}

.block-3_5 {
	width: calc(1200px * 3/5 - 5px * 2);
	width: calc(var(--basic-full) * 3/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 3/5 - 5px * 2);
	max-width: calc(100vw * 3/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_5 {
	width: calc(100% * 3/5 - 5px * 2);
	width: calc(100% * 3/5 - var(--basic-margin) * 2);
}

.block-3_5.block-container {
	width: calc(1200px * 3/5);
	width: calc(var(--basic-full) * 3/5);
	max-width: calc(100vw * 3/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-3_5.block-container {
	width: calc(100% * 3/5);
}

.block-1_2 {
	width: calc(1200px * 1/2 - 5px * 2);
	width: calc(var(--basic-full) * 1/2 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/2 - 5px * 2);
	max-width: calc(100vw * 1/2 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_2 {
	width: calc(100% * 1/2 - 5px * 2);
	width: calc(100% * 1/2 - var(--basic-margin) * 2);
}

.block-1_2.block-container {
	width: calc(1200px * 1/2);
	width: calc(var(--basic-full) * 1/2);
	max-width: calc(100vw * 1/2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_2.block-container {
	width: calc(100% * 1/2);
}

.block-2_5 {
	width: calc(1200px * 2/5 - 5px * 2);
	width: calc(var(--basic-full) * 2/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 2/5 - 5px * 2);
	max-width: calc(100vw * 2/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_5 {
	width: calc(100% * 2/5 - 5px * 2);
	width: calc(100% * 2/5 - var(--basic-margin) * 2);
}

.block-2_5.block-container {
	width: calc(1200px * 2/5);
	width: calc(var(--basic-full) * 2/5);
	max-width: calc(100vw * 2/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-2_5.block-container {
	width: calc(100% * 2/5);
}

.block-1_3 {
	width: calc(1200px * 1/3 - 5px * 2);
	width: calc(var(--basic-full) * 1/3 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/3 - 5px * 2);
	max-width: calc(100vw * 1/3 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_3 {
	width: calc(100% * 1/3 - 5px * 2);
	width: calc(100% * 1/3 - var(--basic-margin) * 2);
}

.block-1_3.block-container {
	width: calc(1200px * 1/3);
	width: calc(var(--basic-full) * 1/3);
	max-width: calc(100vw * 1/3);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_3.block-container {
	width: calc(100% * 1/3);
}

.block-1_4 {
	width: calc(1200px * 1/4 - 5px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/4 - 5px * 2);
	max-width: calc(100vw * 1/4 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_4 {
	width: calc(100% * 1/4 - 5px * 2);
	width: calc(100% * 1/4 - var(--basic-margin) * 2);
}

.block-1_4.block-container {
	width: calc(1200px * 1/4);
	width: calc(var(--basic-full) * 1/4);
	max-width: calc(100vw * 1/4);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_4.block-container {
	width: calc(100% * 1/4);
}

.block-1_5 {
	width: calc(1200px * 1/5 - 5px * 2);
	width: calc(var(--basic-full) * 1/5 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/5 - 5px * 2);
	max-width: calc(100vw * 1/5 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_5 {
	width: calc(100% * 1/5 - 5px * 2);
	width: calc(100% * 1/5 - var(--basic-margin) * 2);
}

.block-1_5.block-container {
	width: calc(1200px * 1/5);
	width: calc(var(--basic-full) * 1/5);
	max-width: calc(100vw * 1/5);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_5.block-container {
	width: calc(100% * 1/5);
}

.block-1_6 {
	width: calc(1200px * 1/6 - 5px * 2);
	width: calc(var(--basic-full) * 1/6 - var(--basic-margin) * 2);
	max-width: calc(100vw * 1/6 - 5px * 2);
	max-width: calc(100vw * 1/6 - var(--basic-margin) * 2);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_6 {
	width: calc(100% * 1/6 - 5px * 2);
	width: calc(100% * 1/6 - var(--basic-margin) * 2);
}

.block-1_6.block-container {
	width: calc(1200px * 1/6);
	width: calc(var(--basic-full) * 1/6);
	max-width: calc(100vw * 1/6);
}

.block-oversize:not(.groupsubcontainer-subcontainer) .block-1_6.block-container {
	width: calc(100% * 1/6);
}

.block-auto {
	display: inline-block;
}

.block-spacing {
	position: relative;
	overflow: hidden;
}

.block-popup {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 2000;
}

.block-popup>div {
	position: relative;
	left: -50%;
}

.block-fancybox {
	display: none;
}

.button, .buttonbig, .pager a {
	background-color: #000000;
	background-color: var(--basic-button-background-color);
	color: #ffffff;
	color: var(--basic-button-color);
}

.button:hover:not([class*="disabled"]), .buttonbig:hover:not([class*="disabled"]), .pager a:hover {
	background-color: #888888;
	background-color: var(--basic-button-hover-background-color);
	color: #ffffff;
	color: var(--basic-button-hover-color);
}

.button.selected, .buttonbig.selected, .pager a.selected {
	background-color: #888888;
	background-color: var(--basic-hover-color);
}

.border {
	border: 1px solid #000000;
}

.list:after, .common-blocks:after, .block-group:after, .common-menu-hover:after, .common-menu-ordered:after {
	content: "";
	clear: both;
	display: block;
}

.common-menu-hover .common-blocks:after {
	clear: none;
}

.button, .buttonbig {
	display: inline-block;
	border: 0;
	padding: 10px;
	padding: var(--basic-innerpadding);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.1s ease;
}

.buttonbig {
	padding: 20px;
	font-size: 24px;
}

.button:hover, .buttonbig:hover {
	text-decoration: none;
}

.form li {
	padding: 0px;
	padding: var(--basic-padding);
}

.form li.form-fieldset {
	padding: 0;
}

.form label {
	display: inline-block;
	width: calc(1200px * 1/4 - 5px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
	margin: 5px;
	margin: var(--basic-margin);
	padding: 0px;
	padding: var(--basic-padding);
	vertical-align: middle;
}

.form label[class*="label-radiolist"], .form label[class*="label-multilist"] {
	vertical-align: top;
}

.form label.required:after {
	content: " *";
}

.form label.rightlabel {
	margin-left: 0;
}

.form label.empty.cancel {
	display: none;
}

.form li label {
	padding-left: 0;
	padding-right: 0;
}

.form .multilist {
	margin: 5px;
	margin: var(--basic-margin);
	display: block;
}

.form .multilist label {
	display: inline;
}

.form div {
	display: inline-block;
}

.form input[type=text], .form input[type=search], .form input[type=email], .form input[type=tel], .form input[type=number], .form input[type=password], .form input[type=submit], .form input[type=button], .form textarea, .form select, .form .radiolist {
	width: calc(1200px * 1/2 - 5px * 2);
	width: calc(var(--basic-full) * 1/2 - var(--basic-margin) * 2);
	max-width: calc(100% - 5px * 2);
	max-width: calc(100% - var(--basic-margin) * 2);
	vertical-align: middle;
}

.form input[type=button].cancel {
	opacity: 0.5;
	width: calc(1200px * 1/4 - 5px * 2);
	width: calc(var(--basic-full) * 1/4 - var(--basic-margin) * 2);
}

.form input[type=checkbox] {
	vertical-align: middle;
}

.form .radiolist label {
	display: inline;
	margin: 0;
	vertical-align: middle;
}

.form .radiolist span:after, .form .radiolist label:after {
	content: "";
	display: block;
	margin: 5px 100% 5px 0;
	margin: var(--basic-margin) 100% var(--basic-margin) 0;
}

.form .radiolist input[type=radio], .form input[type=checkbox] {
	margin: calc(5px + 0px);
	margin: calc(var(--basic-margin) + var(--basic-padding));
	margin-left: 5px;
	margin-left: var(--basic-margin);
}

.form .multilist input[type=checkbox] {
	margin: 0;
}

.form .datepicker {
	vertical-align: middle;
}

.form .datepicker select {
	display: block;
	float: left;
	width: calc(1200px * 1/6 - 5px * 2);
	width: calc(var(--basic-full) * 1/6 - var(--basic-margin) * 2);
}

.form .link {
	display: inline-block;
}

.form input[type=text].securityimage-code {
	width: 180px;
}

.securityimage-image {
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	margin: var(--basic-margin);
	margin-top: calc(5px + 0px);
	margin-top: calc(var(--basic-margin) + var(--basic-padding));
}

.form-error {
	display: inline-block;
	color: red;
}

.breadcrumbs {
	margin: 5px;
	margin: var(--basic-margin);
}

.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs li:before {
	content: " > ";
}

.breadcrumbs li:first-child:before {
	content: none;
}

.icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: calc(5px + 0px);
	margin: calc(var(--basic-margin) + var(--basic-padding));
	text-indent: -9999px;
	background-size: contain;
	background-position: center center;
}

.imagezoom-handle {
	display: none;
}

.imagezoom-zoom:hover {
	cursor: move;
}

.message {
	width: 100%;
}

.message>div {
	display: block;
	z-index: 10001;
	position: fixed;
	left: calc(50% - 150px);
	top: 100px;
	width: 300px;
	border: 1px solid #888888;
	padding: calc(5px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
	background-color: #ffffff;
	text-align: center;
	opacity: 0;
}

.message .none {
	display: none;
}

.message .warning {
	border: 1px solid #ff8800;
}

.message .error {
	border: 1px solid #cc0000;
}

.message>div>span {
	display: block;
	padding: calc(5px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
	padding-top: 0;
}

.message .button {
	display: inline-block;
	margin: 5px;
	margin: var(--basic-margin);
	min-width: 80px;
}

.message .hidden {
	display: block;
	z-index: -10;
	opacity: 0;
	transition-duration: 0.4s;
}

.message .reveal {
	display: block;
	opacity: 1;
	transition-duration: 0.2s;
}

.loading {
	opacity: 0.50;
	transition-duration: 0.2s;
}

.loaded {
	opacity: 1;	
	transition-duration: 0.2s;
}

.loader {
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 200px;
	background-image: url("../graphics/loader.gif");
}

.updated {
	animation: blinker 0.6s linear 3;
	-webkit-animation: blinker 0.6s linear 3;
}

@keyframes blinker {  
	50% {
		opacity: 0.2;
	}
}

@media only screen and (max-width: 1200px) {
	html {
		width: 100vw;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	main>*, .header-content>*, .footer-content>*, .block-oversize>.group-subcontainer, .block-full.block-container {
		width: 100% !important;
	}

	body .fixed-top:not(.block-oversize), .fixed-bottom:not(.block-oversize), .fixed-auto-top .fixed-content .fixed-auto-bottom .fixed-content {
		max-width: 100% !important;
	}

	.fixed .fixed-subcontainer {
		display: none;
	}

	.message>div {
		left: calc(50% - 150px);
	}
}

@media only screen and (max-width: 900px) {
	.block-5_6, .block-4_5, .block-3_4, .block-2_3, .block-3_5 {
		width: calc(1200px - 5px * 2);
		width: calc(var(--basic-full) - var(--basic-margin) * 2);
		max-width: calc(100vw - 5px * 2);
		max-width: calc(100vw - var(--basic-margin) * 2);
	}

	.block-5_6.block-container, .block-4_5.block-container, .block-3_4.block-container, .block-2_3.block-container, .block-3_5.block-container {
		width: 1200px;
		width: var(--basic-full);
		max-width: 100vw;
	}
}

@media only screen and (min-width: 601px) {
	.hidden-desktop {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 18px;
	}

	.hidden-mobile {
		display: none;
	}

	.block-oversize.block-image img, .block-oversize.block-imagecontent img {
		max-width: 200%;
		width: 200%;
	}

	.block-1_2, .block-2_5, .block-1_3 {
		width: calc(1200px - 5px * 2);
		width: calc(var(--basic-full) - var(--basic-margin) * 2);
		max-width: calc(100vw - 5px * 2);
		max-width: calc(100vw - var(--basic-margin) * 2);
	}

	.block-1_2.block-container, .block-2_5.block-container, .block-1_3.block-container {
		width: 1200px;
		width: var(--basic-full);
		max-width: 100vw;
	}

	.block-1_4, .block-1_5, .block-1_6 {
		width: calc(1200px * 1/2 - 5px * 2);
		width: calc(var(--basic-full) * 1/2 - var(--basic-margin) * 2);
		max-width: calc(100vw * 1/2 - 5px * 2);
		max-width: calc(100vw * 1/2 - var(--basic-margin) * 2);
	}

	.block-1_4.block-container, .block-1_5.block-container, .block-1_6.block-container {
		width: calc(1200px * 1/2);
		width: calc(var(--basic-full) * 1/2);
		max-width: calc(100vw * 1/2);
	}

	.block-spacing {
		margin: 0 !important;
	}

	.common-menu-hover .common-blocks:after {
		clear: both;
	}

	.form input[type=text], .form input[type=search], .form input[type=email], .form input[type=tel], .form input[type=number], .form input[type=password], .form textarea, .form select, .form .radiolist, .form .multilist, .form input[type=button].cancel {
		width: calc(100% - 5px * 2);
		width: calc(100% - var(--basic-margin) * 2);
	}

	.form .radiolist input:checked+span, .form .radiolist input:checked+label {
		font-weight: bold;
	}

	.form label:not([class*="rightlabel"]):not([class*="label-radiolist"]):not([class*="label-multilist-option"]) {
		display: none;
		margin-bottom: 0;
	}

	.form label.empty {
		display: none;
	}

	.form-error {
		margin: 5px;
		margin: var(--basic-margin);
	}

	.imagezoom-handle {
		display: block;
		margin: 5px;
		margin: var(--basic-margin);
		text-indent: -9999px;
	}
}

@media only screen and (max-width: 300px) {
	.block-1_4 {
		width: calc(1200px - 5px * 2);
		width: calc(var(--basic-full) - var(--basic-margin) * 2);
		max-width: calc(100vw - 5px * 2);
		max-width: calc(100vw - var(--basic-margin) * 2);
	}

	.block-1_4.block-container {
		width: 1200px;
		width: var(--basic-full);
		max-width: 100vw;
	}
}

@media (pointer: coarse) {
	.imagezoom-handle {
		display: block;
		margin: 5px;
		margin: var(--basic-margin);
		text-indent: -9999px;
	}

	input[type=radio] {
		background-color: #888888;
	}
}