/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
	--base-color: #3d3e3f;
	--accent-color-light: #d0a460;
    --accent-color-dark: #3d3e3f;
	--highlight-color: #b48e53;

	--light-color: #f6f2ed; /* .box, .zebra */

	--sperator-color: #b48e53; /* hr, table-borders, .list-separators */
}

*,
*::before,
*::after,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%; /* 10/16 */
	/* scroll-behavior: smooth; */
}
body {
	font-size: 16px; /* IE < 11 fallback */
	font: 1.6em/1.75 'Arimo', sans-serif;
	position: relative;
	color: var(--base-color);
}
h1, h2, h3, h4, h5, h6, caption,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0 0 0.75em;
	line-height: 1.2;
	font-family: 'Playfair Display', serif;
	font-weight: bold;
    color: var(--accent-color-dark);
}
h1, .h1 {
	font-size: 2.25em; /* 36/16 */
}
h2, .h2, caption {
	font-size: 1.5em; /* 24/16 */
	text-transform: uppercase;
	letter-spacing: 2px;
}
main > h2,
main table > caption {
	margin-top: 3em;
    margin-bottom: 1.5em;
}
h3, .h3 {
	font-size: 1.17em;
}
h4, .h4 {
	font-size: 1em;
}
h5, .h5 {
	margin: 0 0 0.4em;
	font-size: 1em;
}
h6, .h6 {
	margin: 0 0 0.2em;
	font-size: 1em;
}
p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table, details, iframe,
.p, .box, .table-responsive, .media-responsive, .flex-search, .mb, .mod-wrapper, .accordion, [data-oembed-url], [class*="col-"] {
	margin: 0 0 1.5em;
}
p {}
.p {
	font-size: 1em;
	font-weight: normal;
}
li ul,li ol {
	margin: 0;
}
ul, ol {
	padding-left: 0;
}
ul {
	list-style: outside disc;
}
ol {
	list-style-position: outside;
}
ol ol, ul ul {
	margin-bottom: 0;
}
li {
	margin: 0 0 0 1.5em;
}
ol ol li, ul ul li {
	margin: 0 0 0 3em;
}
dt {
	font-weight: bold;
}
dd {
	padding-left: 1.5em;
}
abbr[title] {
	cursor: help;
}
hr {
	clear: both;
	height: 1px;
	margin: 1.5em 0;
	border: 0;
	color: var(--sperator-color);
	background-color: var(--sperator-color);
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

figure {}
figcaption {
	margin-top: 0.75em;
    line-height: 1.5;
}
blockquote {
	display: flex;
    flex-direction: column;
	padding: 0 8.547008547008547%; /* 100/1170 */
	font-style: italic;
    font-size: 2.4rem;
    line-height: 1.5;
    color: var(--accent-color-dark);
}
@media only screen and (min-width: 500px) {
    blockquote {
        padding: 0 14.925373134328358%; /* 100/670 */
    }
}

blockquote > * {
    margin-bottom: 0.75em;
}
blockquote cite {
	position: relative;
    display: inline-block;
    float: right;
    padding: 0.5em 0;
    text-align: right;
    font-size: 1.8rem;
}
blockquote cite::before,
blockquote cite::after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 3px;
    background-color: var(--sperator-color);
}
blockquote cite::after {
	top: auto;
    bottom: 0;
}
address {}
tt, code, kbd, samp, pre {
	font-family: "Courier New", Courier, mono;
}
kbd {
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	padding: 0 2px;
	border-radius: 3px;
	background-color: #f6f4f3;
}
figcaption,
small, .small,
.form-hint,
label.error,
.asset-meta,
.cookie-alert {
	font-size: 0.875em;
}
iframe {
	display: block;
	border: 0;
	padding: 0;
	width: 100%;
}
details {}
details[open] {}
summary {
	font-weight: bold;
}
details[open] > summary {
	margin-bottom: 0.75em;
}

/* =anchors
--------------------------------------------------------------- */
a {
	color: var(--accent-color-dark);
}
a:visited {

}
a:focus, a:hover, a:active {
	color: #000;
}
a img {
	border: none;
}

.hover-effect {
    position: relative;
}
.hover-effect::before,
.home-col a.hover-effect::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--light-color);
    transition: width .2s;
    will-change: width;
    transform: rotateX(0);
}
.hover-effect:hover::before,
.home-col a.hover-effect:hover::before{
    width: 100%;
}
.hover-effect:focus-within::before,
.home-col a.hover-effect:focus-within::before{
    width: 100%;
}

/* =doc-anchors font-awesome
--------------------------------------------------------------- */
[href^="http:"]::after, [href^="https:"]::after,
.show-icon[href^="/"]::after, .document-lst::after,
[href$=".csv" i]::before, [href*=".csv?" i]::before,
[href$=".doc" i]::before, [href*=".doc?" i]::before,
[href$=".docx" i]::before, [href*=".docx?" i]::before,
[href$=".dotx" i]::before, [href*=".dotx?" i]::before,
[href$=".docm" i]::before, [href*=".docm?" i]::before,
[href$=".dot" i]::before, [href*=".dot?" i]::before,
[href$=".jpg" i]::before, [href*=".jpg?" i]::before,
[href$=".jpeg" i]::before, [href*=".jpeg?" i]::before,
[href$=".gif" i]::before, [href*=".gif?" i]::before,
[href$=".eps" i]::before, [href*=".eps?" i]::before,
[href$=".pdf" i]::before, [href*=".pdf?" i]::before,
[href$=".png" i]::before, [href*=".png?" i]::before,
[href$=".potm" i]::before, [href*=".potm?" i]::before,
[href$=".potx" i]::before, [href*=".potx?" i]::before,
[href$=".pps" i]::before, [href*=".pps?" i]::before,
[href$=".ppsm" i]::before, [href*=".ppsm?" i]::before,
[href$=".ppsx" i]::before, [href*=".ppsx?" i]::before,
[href$=".ppt" i]::before, [href*=".ppt?" i]::before,
[href$=".pptm" i]::before, [href*=".pptm?" i]::before,
[href$=".pptx" i]::before, [href*=".pptx?" i]::before,
[href$=".psd" i]::before, [href*=".psd? " i]::before,
[href$=".rss" i]::before, [href*=".rss?" i]::before,
[href$=".rtf" i]::before, [href*=".rtf" i]::before,
[href$=".svg" i]::before, [href*=".svg?" i]::before,
[href$=".tif" i]::before, [href*=".tif?" i]::before,
[href$=".tiff" i]::before, [href*=".tiff?" i]::before,
[href$=".txt" i]::before, [href*=".txt?" i]::before,
[href$=".vcf" i]::before, [href*=".vcf?" i]::before,
[href$=".xlam" i]::before, [href*=".xlam?" i]::before,
[href$=".xls" i]::before, [href*=".xls?" i]::before,
[href$=".xlt" i]::before, [href*=".xlt?" i]::before,
[href$=".xlsb" i]::before, [href*=".xlsb?" i]::before,
[href$=".xlsm" i]::before, [href*=".xlsm?" i]::before,
[href$=".xlsx" i]::before, [href*=".xlsx?" i]::before,
[href$=".xltm" i]::before, [href*=".xltm?" i]::before,
[href$=".xltx" i]::before, [href*=".xltx?" i]::before,
[href$=".zip" i]::before, [href*=".zip?" i]::before,
[href^="mailto\3A"]::before, [data-email-link]::before,
[href^="tel\3A"]::before,
[href^="https://www.google.com/maps/"]::before,
[href^="http://www.google.com/maps/"]::before,
[href^="https://maps.google.com/"]::before,
[href^="http://maps.google.com/"]::before,
[href^="https://goo.gl/maps/"]::before,
.download-icn::before {
	display: inline-block;
	padding-right: 0.25em;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
[href$=".doc" i]::before, [href*=".doc?" i]::before,
[href$=".docm" i]::before, [href*=".docm?" i]::before,
[href$=".docx" i]::before, [href*=".docx?" i]::before,
[href$=".dot" i]::before, [href*=".dot?" i]::before,
[href$=".dotx" i]::before, [href*=".dotx?" i]::before,
[href$=".rtf" i]::before, [href*=".rtf?" i]::before {
	content: "\f1c2";
}
[href$=".pdf" i]::before, [href*=".pdf?" i]::before {
	content: "\f1c1";
}
[href$=".potm" i]::before, [href*=".potm?" i]::before,
[href$=".potx" i]::before, [href*=".potx?" i]::before,
[href$=".pps" i]::before, [href*=".pps?" i]::before,
[href$=".ppsm" i]::before, [href*=".ppsm?" i]::before,
[href$=".ppsx" i]::before, [href*=".ppsx?" i]::before,
[href$=".ppt" i]::before, [href*=".ppt?" i]::before,
[href$=".pptm" i]::before, [href*=".pptm?" i]::before,
[href$=".pptx" i]::before, [href*=".pptx?" i]::before {
	content: "\f1c4";
}
[href$=".rss" i]::before, [href*=".rss?" i]::before {
	content: "\f09e";
}
[href$=".txt" i]::before, [href*=".txt?" i]::before {
	content: "\f0f6";
}
[href$=".vcf" i]::before, [href*=".vcf?" i]::before {
	content: "\f007";
}
[href$=".csv" i]::before, [href*=".csv?" i]::before,
[href$=".xlam" i]::before, [href*=".xlam?" i]::before,
[href$=".xls" i]::before, [href*=".xls?" i]::before,
[href$=".xlt" i]::before, [href*=".xlt?" i]::before,
[href$=".xlsb" i]::before, [href*=".xlsb?" i]::before,
[href$=".xlsm" i]::before, [href*=".xlsm?" i]::before,
[href$=".xlsx" i]::before, [href*=".xlsx?" i]::before,
[href$=".xltm" i]::before, [href*=".xltm?" i]::before,
[href$=".xltx" i]::before, [href*=".xltx?" i]::before {
	content: "\f1c3";
}
[href$=".zip" i]::before, [href*=".zip?" i]::before {
	content: "\f1c6";
}
[href^="https://www.google.com/maps/"]::before,
[href^="http://www.google.com/maps/"]::before,
[href^="https://maps.google.com/"]::before,
[href^="http://maps.google.com/"]::before,
[href^="https://goo.gl/maps/"]::before {
	content: "\f041";
}
[href$=".jpg" i]::before, [href*=".jpg?" i]::before,
[href$=".jpeg" i]::before, [href*=".jpeg?" i]::before,
[href$=".gif" i]::before, [href*=".gif?" i]::before,
[href$=".eps" i]::before, [href*=".eps?" i]::before,
[href$=".png" i]::before, [href*=".png?" i]::before,
[href$=".psd" i]::before, [href*=".psd?" i]::before,
[href$=".svg" i]::before, [href*=".svg?" i]::before,
[href$=".tif" i]::before, [href*=".tif?" i]::before,
[href$=".tiff" i]::before, [href*=".tiff?" i]::before {
	content: "\f1c5";
}
.download-icn::before {
	content: "\f019";
}
[href^="mailto:"]::before,
[data-email-link]::before {
	content: "\f003";
}
[href^="tel:"]::before {
	content: "\f095";
}
[href^="http:"]::after,
[href^="https:"]::after {
	padding-right: 0;
	padding-left: 0.25em;
	content: "\f08e";
}
[href*=".saxer-weine.ch"]::after,
[href*=".backslash.ch"]::after,
[data-email-link]::after,
.no-icon::after, .no-icon::before,
.footer [href]::after,
.mod-dam--gallery a::before,
.home-col a::before,
.mod-link__link::after {
	content: none;
	padding: 0;
}
.os-url .show-icon[href^="https://intellio-saxer-weine.backslash.ch"]::after,
.os-url .show-icon[href^="https://www.saxer-weine.ch"]::after,
.show-icon[href^="/"]::after { /* OSM-lst: interne Links mit anderem Icon */
	content: "\f0c1";
}
.document-lst::after { /* OSM-lst: mehrere Files pro Artikel zugewiesen */
	content: "\f0c5";
}

/* =forms
--------------------------------------------------------------- */
fieldset {
	clear: both;
	border: 1px solid var(--sperator-color);
	padding: 1.5em;
    scroll-margin-top: 100px;
}
legend {
	display: table;
	color: var(--base-color);
	font-weight: bold;
	font-size: 1.17em;
}
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=file],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea,
button, [type="button"], [type="reset"], [type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid var(--sperator-color);
	padding: 0.25em 0.5em;
	background-color: #fff;
	border-radius: 2px;
	transition: box-shadow .2s;
}
textarea {
	resize: vertical;
}
select:not([multiple]) {
	display: block;
	padding-right: 1.5em;
	width: 100%;
	max-width: 100%;
	margin: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiI+PC9wYXRoPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: right .75em top 50%;
	background-size: .75em auto;
}
select::-ms-expand { /* Hide arrow icon in IE browsers */
    display: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
[type=checkbox],
[type=radio] {
	border: 0;
	margin-right: 0.25em;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=file]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus,
button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
	outline: 0;
	border-color: var(--highlight-color);
	box-shadow: 0 0 0 5px rgba(21, 156, 228, 0.4);
}
button + button[type=reset] {
	margin-left: 1em;
}

/* =tables
--------------------------------------------------------------- */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
	font-weight: bold;
}
table th,
table td {
	vertical-align: top;
	border-bottom: 1px solid var(--sperator-color);
	padding: .25em .75em;
}
table th {
	border-bottom-width: 2px;
	text-align: left;
	font-weight: bold;
}
table th[align="left"] {
	text-align: left;
}
table th[align="center"] {
	text-align: center;
}
table th[align="right"] {
	text-align: right;
}
table tbody th {
	border-bottom-width: 1px;
}
table tfoot tr:first-child td {
	border-top: 2px solid var(--sperator-color);
}
table tfoot tr:last-child td {
	border-top: 2px solid var(--sperator-color);
	border-bottom: 3px double var(--sperator-color);
	font-weight: bold;
}
table.auto {
	width: auto;
}
table.fixed {
	table-layout: fixed;
}
table.vertical {
	border-top: 1px solid var(--sperator-color);
}
table.vertical th {
	border-bottom-width: 1px;
}
.tbl-no {
	text-align: right;
}
.tbl-fixed {
	table-layout: fixed;
}

/*=zebras & hover
--------------------------------------------------------------- */
table.zebra tbody tr:nth-child(even),
ul.zebra > li:nth-child(even) {
	background-color: var(--light-color);
}
table.hover tbody tr:hover,
ul.hover > li:hover {
	background-color: var(--light-color);
}

/*=grid-tables
--------------------------------------------------------------- */
table.grid th,
table.grid td {
	border-left: 1px solid var(--sperator-color);
}
table.grid th:last-child,
table.grid td:last-child {
	border-right: 1px solid var(--sperator-color);
}

/*=presentation (layout-tables). don't forget role="presentation"
--------------------------------------------------------------- */
table.presentation,
table.presentation th,
table.presentation td,
table.reset,
table.reset th,
table.reset td {
	border: 0;
	padding: 0;
}
table.reset th,
table.reset td {
	padding-right: 1.5em;
}

/*=responsive tables & media
--------------------------------------------------------------- */
.table-responsive {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	max-width: 100%;
}
.table-responsive > table {
	margin-bottom: 0;
}

.media-responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.media-responsive iframe,
.media-responsive object,
.media-responsive embed,
.editor .media-responsive img.cke_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 37.5em) { /* 600 */
	.table-responsive {
		border-bottom: 0;
	}
}

/*=microformats
--------------------------------------------------------------- */
.vcard .region,
.vcard .country-name,
.vcard .url {
	display: none;
}

/* =helper
--------------------------------------------------------------- */
[hidden],
.none, .screenhidden, .printvisible {
	display: none;
}
.block,
.screenvisible, .printhidden {
	display: block;
}
.visuallyhidden,
.invis,
.sr,
.sr-only,
.tmpl--home main h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	 -webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	overflow: hidden;
    background: transparent;
}
.reverse {
	display: flex;
    flex-direction: column;
}
.reverse > .date,
.reverse > .visuallyfirst,
.reverse > .mod-entry-meta {
	order: -1;
}
.nmb {
	margin-bottom: 0;
}
.right	{float: right;}
.left	{float: left;}
.clear	{clear: both;}
.clearfix::after,
.cf::after,
.row::after {
	content: "";
	display: table;
	clear: both;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.alignleft,
.alignright,
.aligncenter {
	float: none;
	display: block;
	max-width: 100%;
	margin: 1.5em 0;
}
.aligncenter {
	display: table;
	width: auto;
}
.aligncenter figcaption {
	display: table-caption;
	caption-side: bottom;
}

@media only screen and (min-width: 37.5em) { /* 600 */
	.alignleft,
	.alignright,
	.aligncenter {
		max-width: 40.298507462686567%; /* 270/670 */
		margin: 4.477611940298507%; /* 30/670 */
	}
	.alignleft {
		float: left;
		margin-top: 0;
		margin-left: 0;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.alignright {
		float: right;
		margin-top: 0;
		margin-right: 0;
	}
}

.reset,
.reset li,
nav ul,
nav li, nav li li {
	list-style: none outside none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
nav ul {
	margin-bottom: 0;
}
.nobr {
	white-space: nowrap;
}
details,
.box {
	padding: 1.5em;
	background-color: var(--light-color);
}
.box--warning,
.cookie-alert {
	border-color: #faebcc;
	color: #85662b;
	background-color: #fcf8e3;
}
.box--success {
	border-color: #d6e9c6;
	color: #337234;
	background-color: #dff0d8;
}
.box--error {
	border-color: #ebccd1;
	color: #a43431;
	background-color: #f2dede;
}
.box--info {
	border-color: #bce8f1;
	color: #216b8b;
	background-color: #d9edf7;
}

blockquote > *:last-child,
fieldset > *:last-child,
details > *:last-child,
.box > *:last-child,
.row > [class*="col-"] > *:last-child,
.lc-reset > *:last-child,
.katabox > *:last-child {
	margin-bottom: 0;
}

.link-expanded {
	position: relative;
}
.link-expanded a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* =skiplinks
--------------------------------------------------------------- */
.skiplinks__link {
	position: absolute;
	top: -9999px;
	left: 1.5em;
	z-index: 10;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #fff;
	background-color: #000;
}
.skiplinks__link:focus,
.skiplinks__link:active {
	top: 1.5em;
	color: #fff;
}

/* =buttons
--------------------------------------------------------------- */
.btn, .btn:link, .btn:visited {
	display: inline-block;
	border: 0;
	padding: .5em 1em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: inherit;
	background-color: var(--accent-color-dark);
	border-radius: 3px;
	cursor: pointer;
}
.btn:hover,
.btn:focus {
	color: #fff;
	text-decoration: none !important;
	background-color: #000;
}
.btn:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.btn--small, .btn--small {
  	padding: .1em .5em;
}
.btn[type="reset"],
.btn--secondary {
	background-color: grey;
}
.btn--invis,
.btn--ghost {
	border: 0;
	color: #000;
	background-color: transparent;
}
.btn--ghost {
	border: 1px solid var(--accent-color-dark);
}
.btn--fullwidth {
	width: 100%;
}
.btn--reject {
	background-color: red;
}
.btn--accept {
	background-color: green;
}

/* =hamburger
--------------------------------------------------------------- */
.hamburger {
	flex: 0 0 auto;
	margin: 0;
	width: 55px;
	height: 45px;
	border: 0;
	text-indent: -9999px;
	border-radius: 3px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	background: var(--accent-color-light);
	-ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	transition: .5s ease-in-out;
}
.hamburger span {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	height: 3px;
	width: 35px;
	background: #000;
	border-radius: 2px;
	opacity: 1;
	-ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	transition: .25s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 11px;
}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
	top: 21px;
}
.hamburger span:nth-child(4) {
	top: 31px;
}

.hamburger--active {
}
.hamburger--active span:nth-child(1) {
	top: 20px;
	width: 0%;
	left: 50%;
}
.hamburger--active span:nth-child(2) {
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
.hamburger--active span:nth-child(3) {
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
.hamburger--active span:nth-child(4) {
	top: 20px;
	width: 0%;
	left: 50%;
}

/* =animations
--------------------------------------------------------------- */
@media screen and (prefers-reduced-motion: reduce), (update: slow) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* =grid
--------------------------------------------------------------- */
@media only screen and (min-width: 37.5em) { /* 600 */
	.row {
		clear: both;
	}
	[class*="col-"] {
		position: relative;
		float: left;
		margin-left: 2.564102564102564%; /* 30/1170 */
		min-height: 1px;
	}
	[class*="col-"]:first-child,
	[class*="col-"]:nth-child(odd) {
		clear: both;
		margin-left: 0;
	}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6, .col-half,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11 {
		width: 48.717948717948718%; /* 570/1170 */
	}
}

@media only screen and (min-width: 53.125em) { /* 850 */

	[class*="col-"]:nth-child(2n+3) {
		clear: none;
		margin-left: 2.564102564102564%; /* 30/1170 */
	}
	.col-1 {
		width: 5.982905982905983%; /* 70/1170 */
	}
	.col-2 {
		width: 14.52991452991453%; /* 170/1170 */
	}
	.col-3 {
		width: 23.076923076923077%; /* 270/1170 */
	}
	.col-4 {
		width: 31.623931623931624%; /* 370/1170 */
	}
	.col-5 {
		width: 40.170940170940171%; /* 470/1170 */
	}
	.col-6, .col-half {
		width: 48.717948717948718%; /* 570/1170 */
	}
	.col-7 {
		width: 57.264957264957265%; /* 670/1170 */
	}
	.col-8 {
		width: 65.811965811965812%; /* 770/1170 */
	}
	.col-9 {
		width: 74.358974358974359%; /* 870/1170 */
	}
	.col-10 {
		width: 82.905982905982906%; /* 970/1170 */
	}
	.col-11 {
		width: 91.452991452991453%; /* 1070/1170 */
	}
	.col-12 {
		width: 100%;
	}
}

/* =editor styles (backend)
--------------------------------------------------------------- */
.cke_editable {
    padding-bottom: 2em;
}
.editor .element,
.editor .sortiment-item {
	position: relative;
	border: 1px dotted red;
}
.editor .sortiment-item {
	border-color: green;
}
.editor .element::before,
.editor .sortiment-item::before{
	content: 'Container';
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background-color: red;
}
.editor .sortiment-item::before{
	content: 'Produkt';
    background-color: green;
}

.editor img.cke_iframe {
	width: 100% !important;
	height: 100% !important;
}

.editor > h2,
.editor table > caption {
	margin-top: 3em;
    margin-bottom: 1.5em;
}


/* =sortiment
--------------------------------------------------------------- */
.sortiment-item {
    display: flex;
    margin: 0 0 1em 0;
}
.sortiment-item:nth-child(even) {
    margin-right: 0;
}
.sortiment-item__img {
    flex: 0 0 100px;
    margin-right: 10px;
}








/* =global module-lists
--------------------------------------------------------------- */
.mod-category {

}
.mod-lst > .mod-entry {
	position: relative;
	border-top: 1px solid var(--sperator-color);
	padding: 0.75em 0;
}
.mod-entry:first-child {
	border-top: 0;
}
.tmpl--content .mod-entry:first-child {
	padding-top: 0;
}
.mod-entry > *:last-child,
.mod-entry a > *:last-child {
	margin-bottom: 0;
}
.mod-category-title {

}
.mod-entry-meta {
	display: block;
	margin-bottom: 0.5em;
    font-family: 'Roboto Condensed', Helvetica, Arial, Geneva, sans-serif;
	color: var(--base-color);
	font-size: 0.8125em; /* 13/16 */
}
.mod-entry-title {
	margin-bottom: 0.5em;
    text-transform: inherit;
    letter-spacing: 0;
}
.mod-entry-title a {
	display: block;
}
.mod-entry-desc {

}
.mod-entry-lead {
	position: relative;
    padding: 1em 0;
	font-weight: bold;
}
.mod-entry-lead::before,
.mod-entry-lead::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
    height: 3px;
    background-color: var(--sperator-color);
}
.mod-entry-lead::after {
    top: auto;
    bottom: 0;
}
.mod-entry-img {
	display: block;
}

/* =global module-navigation
--------------------------------------------------------------- */
.mod-nav {
	overflow: hidden;
	margin: .5em 0 1.5em 0;
}
.mod-nav li {
	display: inline-block;
	margin-right: 1em !important;
}
.mod-nav a {
	font-size: 1em;
	color: #273941;
	text-decoration: none;
}
.mod-nav a:hover,
.mod-nav a:focus,
.mod-nav .active a {
	color: #000;
}
.mod-nav .active a {
	font-weight: bold;
}

.login-pw-reset {
	float: right;
}

@media only screen and (max-width: 32.5em) { /* 520/16 */

	.login-pw-reset {
		float: none;
		margin-top: 0.75em;
		text-align: center;
	}
}

/* =Files
--------------------------------------------------------------- */
.asset-meta {
	white-space: nowrap;
}
.asset-type {
	text-transform: uppercase;
}
.asset-size {

}

/* =form-builder
--------------------------------------------------------------- */
.form-builder .clearfix,
.form-builder .cf {
	margin-bottom: .75em;
}
.form-builder fieldset > *:last-child,
.form-builder .last,
.form-builder .form-builder-container > *:last-child {
	margin-bottom: 0;
}
.form-builder .clearfix > label,
.form-builder .cf > label,
.form-builder .form-option-lst-title {
	display: block;
	float: left;
	width: 50%;
	padding-top: .2em;
	padding-right: 2em;
}
.form-builder .form-option-lst-title label {
	display: inline;
}
.form-builder input,
.form-builder textarea,
.form-builder select {
	float: right;
	width: 50%;
}
.form-builder input[type=submit],
.form-builder button {
	float: none;
	width: auto;
}
.form-builder .form-hint,
.form-builder label.error,
.form-builder .password-strength,
.form-builder .password-rules {
	clear: both;
	display: block;
	float: right;
	width: 50%;
	margin: .5em 0 0 0;
	color: #585858;
}
.form-builder .form-option-lst .form-hint {
	float: none;
	width: auto;
}

.form-builder .required > label,
.form-builder .required .form-option-lst-title,
.form-builder .password-strength__rule-title {
	font-weight: bold;
}
.form-builder .form-required-hint {
	font-style: normal;
}
.form-builder .required > label.error {
	font-weight: normal;
}
.error,
.form-builder input.error,
.form-builder label.error {
	color: red;
}
.form-builder label.error {
	padding-right: 0;
}
.form-builder .form-option-lst-show-title .form-option-lst,
.form-builder .form-sizer-wrapper {
	width: 50%;
	float: right;
}
.form-builder .form-option-lst > ul {
	margin-bottom: 0;
}
.form-builder .form-option-lst li label {
	display: block;
	padding-right: 0;
	padding-left: 1.5em;
}
.form-builder .form-option-lst li label > input {
	width: auto;
	float: none;
	margin-left: -1.5em;
}
div:not([class*="form-option-lst-show-title"]) label.error {
	float: none;
	width: 100%;
}
.form-builder .form-builder-btn {
	margin-bottom: 2.4em;
}
.form-builder .form-builder-btn-group p {
	display: inline-block;
	margin: 0 1.5em 0 0;
}
.form-builder input[disabled] {
	opacity: 0.5;
}

.form-builder .form-sizer label {
	white-space: nowrap;
	float: none;
	width: 100%;
	padding-right: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.form-builder .form-sizer input {
	float: none;
	width: 100%;
}
.form-builder .form-sizer {
	float: left;
	margin-bottom: 0;
}
.form-builder .form-sizer-25,
.form-builder .form-street-component .form-sizer:last-child,
.form-builder .form-zip-component .form-sizer:first-child {
	width: 23%;
}
.form-builder .form-sizer-50 {
	width: 48%;
}
.form-builder .form-sizer-75,
.form-builder .form-street-component .form-sizer:first-child,
.form-builder .form-zip-component .form-sizer:last-child {
	width: 73%;
}
.form-sizer + .form-sizer {
	float: right;
}

/* =form-builder terms & conditions-component
--------------------------------------------------------------- */
.form-builder .form-builder-tac {
	position: relative;
}
.form-builder .form-builder-tac label {
	float: none;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-left: 1.5em;
	font-weight: normal;
}
.form-builder .form-builder-tac input[type=checkbox] {
	float: none;
	width: auto;
	position: absolute;
	left: 0;
	top: 0.3em;
}

/* =form-builder stacked: Label sits on top of input
--------------------------------------------------------------- */
.form-builder .clearfix.stacked > * {
	display: block;
	float: none;
	width: 100%;
	padding-right: 0;
}
.form-builder .clearfix.stacked > label {
	padding-top: 0;
	margin-bottom: 0.25em;
}

/* =form-builder 30% label / 70% input
--------------------------------------------------------------- */
.form-builder-30 .clearfix > label,
.form-builder-30 .cf > label,
.form-builder-30 .form-option-lst-title {
	width: 30%;
}
.form-builder-30 input,
.form-builder-30 textarea,
.form-builder-30 select,
.form-builder-30 .form-hint,
.form-builder-30 label.error,
.form-builder-30 .form-option-lst-show-title .form-option-lst,
.form-builder-30 .form-sizer-wrapper {
	width: 70%;
}

@media only screen and (max-width: 32.5em) { /* 520/16 */

	.form-builder label,
	.form-builder .clearfix > label,
	.form-builder .cf > label,
	.form-builder input,
	.form-builder textarea,
	.form-builder select,
	.form-builder .form-option-lst-show-title .form-option-lst,
	.form-builder .form-option-lst-title,
	.form-builder .form-hint,
	.form-builder label.error,
	.form-builder .form-sizer-wrapper,
	.form-builder .password-strength,
	.form-builder .password-rules {
		display: block;
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.form-builder input[type=radio],
	.form-builder input[type=checkbox] {
		display: inline;
		width: auto;
	}
	.form-builder [type=submit],
	.form-builder button {
		width: 100%;
	}
	.form-builder .form-builder-btn-group p {
		display: block;
		margin: 0;
	}
	.form-builder .form-builder-btn-group > p + p {
		margin-top: 0.7em;
	}
	button + button[type=reset] {
		margin-top: 0.7em;
		margin-left: 0;
	}

}

/* =form-builder multistep
--------------------------------------------------------------- */
.form-to-wizard-commands .btn + .btn {
    margin-left: 1.5em;
}
.form-to-wizard-current {
	font-weight: bold;
}
.form-to-wizard-current ~ li {
	color: grey;
}

/* =flex-search
--------------------------------------------------------------- */
.flex-search {
	display: flex;
}
.flex-search > label {
	margin-right: 1em;
	align-self: center;
}
.form-builder.flex-search > label ,
.form-builder .flex-search > label {
	margin-right: 1em;
	width: auto;
	padding-right: 0 ;
}
.flex-search > input {
	flex: 1 1 auto;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.flex-search > button {
	flex: 0 0 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-right: 1em;
	padding-left: 1em;
}

/* =calendar (events, reservations)
--------------------------------------------------------------- */
.calendar {
	width: 50%;
	line-height: 2;
}
.calendar,
.calendar th,
.calendar td {
    color: #000;
    font-weight: inherit;
}
.calendar th {
	background-color: transparent;
}
.calendar th,
.calendar td {
	width: 14.28571428571429%;
	border: 1px solid #ccc;
	padding: 0;
	text-align: center;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
}
.calendar tbody {
	background-color: #dcdfde;
}
.calendar a {
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}
.calendar tbody a {
	-webkit-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}
.calendar tbody a:hover,
.calendar tbody a:focus {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.25);
}
.cal-year a {
	display: inline;
}

/* =Tageszustände
--------------------------------------------------------------- */
.cal-entry { /* Daten mit Eintrag */
	font-weight: bold;
}

.cal-noentry { /* Daten ohne Eintrag */

}
.cal-noentry a {
	color: #707070;
}
.cal-noentry a:hover,
.cal-noentry a:focus {
	color: #000;
}

.cal-disabled,
.cal-disabled-legend span { /* inaktive Tage */
	color: #adadad;
	background-color: #eee;
}

.cal-othermonth { /* Tage ausserhalb des ausgewählten Monats */
	background-color: #fff;
}

.cal-today,
.cal-today-legend span {  /* heute */
	color: #fff;
	background-color: #000;
	box-shadow: none !important;
}
.cal-today a,
.cal-today a:hover,
.cal-today a:focus {
	color: #fff;
	text-shadow: none;
}

.cal-selected { /* ausgewählten Datum */
	box-shadow: none !important;
}
.cal-selected a,
.cal-selected-legend span {
	outline: 3px solid yellow;
}

/* =Reservations-Tageszustände
--------------------------------------------------------------- */
.calendar-legend {
	margin-bottom: 1.5em;
	font-size: 1em;
	-webkit-column-gap: 1em;
	   -moz-column-gap: 1em;
			column-gap: 1em;
	-webkit-columns: 2 10em;
	   -moz-columns: 2 10em;
			columns: 2 10em; /* max. columns, max width */
}
.calendar-legend li {
	display: inline-flex;
	align-items: center;
	width: 100%;
	margin-bottom: 0.25em;
}
.calendar-legend span {
	display: block;
	float: left;
	width: 1.4em;
	height: 1.4em;
	margin-right: .5em;
	border: 1px solid #ccc;
}

.cal-allfree.cal-allfree,
.cal-partlyfree.cal-partlyfree,
.cal-almostsoldout.cal-almostsoldout,
.cal-full.cal-full {
	box-shadow: none;
}
.cal-allfree,
.cal-allfree-legend span { /* alles frei */
	background-color: #008000;
}
.cal-partlyfree,
.cal-partlyfree-legend span { /* teilweise frei */
	background-color: #fffc00;
}
.cal-almostsoldout,
.cal-almostsoldout-legend span { /* letzte karte(n) */
	background-color: #ff9c00;
}
.cal-full,
.cal-full-legend span { /* ausgebucht */
	background-color: #ff0000;
}
.cal-partlyfree a:link {
	color: #000;
}
.cal-allfree a:link,
.cal-almostsoldout a:link,
.cal-full a:link {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

/* =travelpass
--------------------------------------------------------------- */
.travelpass .calendar {
	width: 100%;
}
.travelpass-cal-wrapper,
.travelpass-order-wrapper {
	width: 48.181818181818%;
	float: left;
}
.travelpass-order-wrapper {
	margin-left: 3.636363636364%; /* 20 / 550 */
}
.terms {
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 48em) { /* 768/16 */

	.travelpass-cal-wrapper,
	.travelpass-order-wrapper {
		float: none;
		width: 100%;
		margin-left: 0;
	}

}

/* =magnific gallery
--------------------------------------------------------------- */
ul.gallery-magnific {
	overflow: hidden;
}
ul.gallery-magnific li {
	float: left;
	max-width: 47.761194029850746%; /* 320/670 */
	margin: 4.477611940298507%; /* 30/670 */
	margin-top: 0;
	margin-right: 0;
}
ul.gallery-magnific li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
ul.gallery-magnific a {
	display: block;
	text-decoration: none;
}
ul.gallery-magnific figure {
	margin-bottom: 0;
}
ul.gallery-magnific figcaption {
	padding: 0.5em;
    padding-top: 0;
	text-align: center;
}
ul.gallery-magnific img {
	display: block;
	margin: 0 auto;
}
.mfp-content figcaption {
	margin-top: 0;
}

@media only screen and (min-width: 48em) { /* 768 */
	ul.gallery-magnific li,
	ul.gallery-magnific li:nth-child(2n+1) {
		clear: none;
		max-width: 30.348258706467662%; /* 203.333333333333333/670 */
		margin-left: 4.477611940298507%; /* 30/670 */
	}
	ul.gallery-magnific li:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
}

/* =breadcrumb
--------------------------------------------------------------- */
.breadcrumb {
	position: relative;
	overflow: hidden;
}
.breadcrumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	pointer-events: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.breadcrumb__lst {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.5em 0;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}
.breadcrumb__item {
	display: table-cell;
	float: none;
	padding-right: 0.5em;
	white-space: nowrap;
}
.breadcrumb__item:last-child {
	padding-right: 1em;
}

/* =osm online-schalter
--------------------------------------------------------------- */
.os-article {
	width: 85%;
}
.os-price {
	width: 15%;
  	text-align: right;
}
.os-price-detail {
	text-align: right;
	border-top: 1px solid #a1acb0;
	border-bottom: 3px double #a1acb0;
	padding: 0.25em 0 0.15em 0;
}
.infobox {
	overflow: hidden;
	margin-bottom: 1.5em;
	font-size: 1em;
}
.infobox > div {
	float: left;
	width: 50%;
}
.infobox > div + div {
	float: right;
}
.infobox > div:first-of-type {
	padding-right: 1em;
}
.infobox > div > p {
	margin-bottom: .7em;
}

/* =sales warenkorb
--------------------------------------------------------------- */
.sales-basket-infobox .btn {
	display: block;
	color: #fff;
	padding: 0.25em 0.5em;
}
.sales-basket-article {
	width: 100%;
}
.sales-basket-tbl {
	font-size: 1em;
}
.sales-basket-quant {
	white-space: nowrap;
}
.sales-updatequantity {
	width: 3em;
}

.sales-subtotal,
.sales-fee,
.sales-shippingprice {
	font-size: 1em;
}
.sales-subtotal {
	border-bottom-width: 2px;
	font-weight: bold;
}

/* =osm payment: KK-Auswahl
--------------------------------------------------------------- */
.cc-lst li {
	position: relative;
	display: flex;
	margin-bottom: 0.5em;
}
.cc-lst li > * {
	transition: all 0.2s ease-in-out;
}
.cc-lst label {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0);
	cursor: pointer;
}
.cc-lst .cc-lst-img {
	flex: 0 0 auto;
	min-width: 50px;
	max-width: 80px;
	margin: 5px;
    filter: grayscale(100%);
    }
.cc-lst .cc-lst-img > img {
	display: block;
	width: 100%; /* for IE */
}
.cc-lst .cc-lst-txt {
	display: block;
	flex: 1 1 auto;
	padding-left: 1em;
	align-self: center;
}
.cc-lst input[type="radio"] {
	position: absolute;
	display: inline;
	left: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
}
.cc-lst input[type="radio"]:checked ~ label {
	border: 2px solid #49b1eb;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.cc-lst input[type="radio"]:checked ~ .cc-lst-img {
	filter: none;
}
.cc-lst input[type="radio"]:checked ~ .cc-lst-txt {
	font-weight: 500;
}

/* =messenger
--------------------------------------------------------------- */
.subscription-opt-lst thead th {
	white-space: nowrap;
}
.col-subscription-title {
	width: 100%;
}
.col-subscription-html,
.col-subscription-plain,
.col-subscription-sms {
	text-align: center;
}
.subscription-opt-lst input {
	float: none;
	width: auto;
}
.col-subscription-delivery {
	padding-right: 0;
}
.col-subscription-delivery ul {
	margin: 0;
}
.col-subscription-delivery label {
	white-space: nowrap;
}
.subscription-opt-lst [class*="col-"] {
	margin-left: 0;
	float: none;
}

/* =mod-index toc
--------------------------------------------------------------- */
.mod-index-toc {
	position: relative;
	margin-bottom: 2em;
	overflow: hidden;
	background-color: #f6f4f3;
}

.mod-index-toc ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
}
.mod-index-toc li {
	display: table-cell;
	text-align: center;
	display: table-cell;
	white-space: nowrap;
}
.mod-index-toc a {
	display: block;
	padding: 0.25em 0;
	color: #666;
	text-decoration: none;
	box-shadow: inset 1px 0 rgba(0, 0, 0, 0.2)
}
.mod-index-toc li:first-child a {
	box-shadow: none;
}
.mod-index-toc a:hover,
.mod-index-toc a:focus {
	color: #000;
}

@media only screen and (max-width: 32.5em) { /* 520/16 */

	.mod-index-toc::after {
		display: block;
		pointer-events: none;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 20%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+100 */
		background-image: -moz-linear-gradient(left,  rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
		background-image: -webkit-linear-gradient(left,  rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background-image: linear-gradient(to right,  rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.mod-index-toc ul {
		display: block;
		width: auto;
		margin: 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.mod-index-toc a {
		padding: 0.25em 0.5em;
	}

}

/* =mod-index a-z list
--------------------------------------------------------------- */
.mod-index-pages > div {
	margin-bottom: 1.5em;
}
.mod-index-pages > div > h2 {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
	top: 0;
	border-top: 1px solid #666;
	padding: 0.25em;
	color: #000;
	background-color: #ececec;
}
.mod-index-pages > div:target {
	scroll-margin-top: 90px;
	background-color: #f6f4f3;
}
.mod-index-pages > div:target h2 {
	color: #fff;
	background-color: #666;
}
.mod-index-pages > div:target ul {
	padding-bottom: 1em;
}

/* =collections
--------------------------------------------------------------- */
.collection-lst {
	margin-bottom: 0;
}
.collection-item {
	display: block;
	float: left;
}
.collection-item::after {
	content: '\00A0\00A0/\00A0\00A0';
}
.collection-item:last-child::after {
	content: none;
}

/* =accordion
--------------------------------------------------------------- */
.js-accordion {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 1.5em;
}
.js-accordion_control {
	margin-bottom: 0;
	border-top: 1px solid #d2d2d2;
	padding: 0.25em 0;
	cursor: pointer;
}
.js-accordion_control::after {
	float: right;
	padding-right: 0.5em;
	content: "\f077";
	display: inline-block;
	font: normal normal 0.7em/1.8 FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.js-accordion_control--active::after {
	content: "\f078";
}
.js-accordion-content {
	padding: 0.7em 0;
}
.js-accordion-content > *:last-child {
	margin-bottom: 0;
}

/* =blog (news in blogform)
--------------------------------------------------------------- */
.mod-blog .mod-entry {
	clear: both;
}
.mod-blog .mod-entry--has-img > a {
  	overflow: hidden;
	padding-top: 0.75em;
}
.mod-blog .mod-entry-title {
	clear: none;
}
.mod-blog .mod-entry img.alignright {
	margin: 0 0 3.448275862069% 3.448275862069%;
  	max-width: 48.275862068966%; /* 280/580 */
}

.news-stats{
	border: 1px solid #d9d9d9;
  	border-right: 0;
  	border-left: 0;
  	padding: 1em;
}

/* =kommentare
--------------------------------------------------------------- */
.mod-lst-comments li {
	list-style: none;
}
.mod-lst-comments > li {
	margin-left: 0;
}
.mod-comments .mod-entry-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
	align-items: baseline;
    margin-bottom: 0.7em;
}
.mod-comments .mod-entry-header > * {
	margin: 0;
}
.mod-comments .mod-entry-body {
	margin-bottom: 0.7em;
}
.mod-comments .mod-entry-footer {
	text-align: right;
}
.mod-entry-footer + ol {
    margin-top: 0.75em;
}
.mod-entry-footer + ol > .mod-entry,
.mod-entry-footer + ol > .mod-entry:first-child {
    border-top: 1px solid #d9d9d9;
}
.mod-comments .mod-entry-footer a {
	border-bottom: 0;
	font-size: 0.86666666666667em; /* 13/15 */
}

/* =cookie law
--------------------------------------------------------------- */
.cookie-alert {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top-style: solid;
    border-top-width: 1px;
	padding: 1em 0;
}
.btn-row {
	text-align: center;
}
.btn-row button + button {
    margin-left: 1em;
}

/* =KataBox
--------------------------------------------------------------- */
.katabox {
  position: relative;
  border: 1px solid #000;
  padding: 2em 1.5em;
}
.katabox::before,
.katabox::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(
    45deg,
    #FFEB3B,
    #FFEB3B 10px,
    #000000 10px,
    #000000 20px
  );
}
.katabox::after {
  top: auto;
  bottom: 0;
}
.katabox__title {
  text-align: center;
}

/* =Mobilenav AJAX
--------------------------------------------------------------- */
.mobilenav {
    position: absolute;
    z-index: 100;
    width: 100%;
    padding: 0 0 1.5em 0;
    background-color: #000;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}
.mobilenav__bg {
    display: none;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    background-color: rgba(0,0,0,0.2);
}
.mobilenav-box {
    width: 100%;
}
.mobilenav-box .level-nav {
    margin: 0;
}
.mobilenav-box .levelup span {
    float: left;
    position: static;
    right: inherit;
}

.govis-menu-node-item {
	position: relative;
    margin: 0;
}
.govis-menu-node-item.title,
.govis-menu-node-item > a {
	position: relative;
	width: 100%;
	overflow: hidden;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #555;
    padding: 1em 0.75em 1em 3%;
    list-style-type: none;
    color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
    text-decoration: none;
}
.govis-menu-node-item > a {
    display: block;
}
.govis-menu-node-item > a:hover,
.govis-menu-node-item > a:focus {
	text-decoration: none;
}
.govis-menu-node-item.folder > a {
	padding-right: 25%;
}
.govis-menu-node-item > ul {
	position: relative;
	z-index: 1;
}

.title .govis-menu-node-controller {
    left: 0;
    top: 0;
    right: inherit;
}

.mobilenav-current-pagetitle a {
	display: flex;
	text-transform: uppercase;
    letter-spacing: 2px;
	background-color: var(--accent-color-dark);
}
.mobilenav-current-pagetitle a .icon {
	margin-right: .25em;
    transition: transform 0.2s 0s;
    transform: translateX(0) scale(1.5);
}
.mobilenav-current-pagetitle a:hover .icon,
.mobilenav-current-pagetitle a:focus .icon {
    transform: translateX(-.25em) scale(1.5);
}

/* =expander */
.no-js .govis-menu-node-controller {
	display: none;
}
.govis-menu-node-controller {
    display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
    top: 0;
	right: 0;
    width: calc(3% + 54px);
    height:100%;
    border: 0;
    border-top: 1px solid transparent;
	cursor: pointer;
    font-size: 1em;
    text-align: center;
    background: #625d5b;
    border-radius: 0;
}
.govis-menu-node-controller .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	color: #fff;
	transform: rotate(0deg) scale(1.5);
	transition: transform .2s ease;
}
.govis-menu-node-controller.expanded .icon {
	transform: rotate(180deg) scale(1.5);
}
.govis-menu-node-controller.loading .icon {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


/* A11Y */
.mobilenav-current-pagetitle:focus,
.govis-menu-node-controller:focus {
    z-index: 1;
}

button.mobilenav-current-pagetitle {
	display: block;
    position: relative;
    height: auto;
    width: 100%;
    border: 0;
    padding: 1.5em 3%;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background-color: var(--accent-color-dark);
}
button.mobilenav-current-pagetitle > span {
	display: flex;
    width: 100%;
	background-color: transparent;
}
button.mobilenav-current-pagetitle .icon {
	flex: 0 0 auto;
	margin-right: .25em;
    transition: transform 0.2s 0s;
    transform: translateX(0) scale(1.5);
}
button.mobilenav-current-pagetitle:hover .icon,
button.mobilenav-current-pagetitle:focus .icon {
    transform: translateX(-.25em) scale(1.5);
}


.cms-p-29 .form-builder .form-hint {
    float: none;
}


/* =global
--------------------------------------------------------------- */
.wrapper {
	width: 94%;
	max-width: 1170px;
	margin: 0 auto;
}
@media only screen and (min-width: 48em) { /* 768 */
	.wrapper {
		width: 90%;
	}
}

/* =header
--------------------------------------------------------------- */
.header {
    background-color: var(--accent-color-dark);
}
.wrapper--header {
	padding: 1em 0;
}

.header__block {
	margin: -1em 0;
	display: flex;
	justify-content: space-between;
}
.header__block > *:not(.mobilenav__bg) {
	margin: 1.5em 0;
}
.header__block:nth-child(1) {
	align-items: center;
	flex: 1 1 auto;
}
.header__block:nth-child(2) {
	display: flex;
	flex-direction: row;
}
.header__block:nth-child(2) .hamburger {
	margin-left: 1em;
}

.logo {
	width: 140px;
	max-width: 50%;
    margin-right: 1.5em;
}
.logo .primary-color,
.logo .primary-color * {
	fill: var(--accent-color-dark);
}
.logo a {
	display: block;
}
.logo svg {
	max-width: 100%;
}
.logo .secondary-color,
.logo .secondary-color * {
	fill: var(--accent-color-light);
}
.header a {
	text-decoration: none;
}
.header a:hover,
.header a:focus {
	text-decoration: underline;
}
.govis-menu-node-item > a:hover,
.govis-menu-node-item > a:focus {
	text-decoration: none;
}
.header-nav {
	margin-left: auto;
}
.metanav {
	display: flex;
	align-self: center;
	font-size: 1.4rem;
    color: #fff;
}
.tmpl--home .metanav__item--home {
    display: none;
}
.metanav__link {
	margin-right: .75em;
    color: inherit;
}
.metanav__link:hover,
.metanav__link:focus {
	color: var(--accent-color-light);
}
.searchform {
	flex: 1 1 auto;
	display: flex;
	border: 2px solid var(--accent-color-light);
	border-radius: 4px;
	transition: box-shadow .2s;
    background-color: #fff;
}
.searchform:focus-within {
	outline: 0;
	border-color: var(--highlight-color);
	box-shadow: 0 0 0 5px rgba(21, 156, 228, 0.4);
}
.searchform:focus-within *:focus {
	box-shadow: none;
}
.searchform__input {
	flex: 1 1 auto;
	width: 1%;
	border: 0;
	padding: .5em .75em;
}
.searchform__submit {
	display: flex;
    align-items: center;
	border: 0;
	color: var(--accent-color-dark);
	border-radius: 0;
	transition: all .2s;
	background-color: transparent;
}
.searchform__submit:focus {
	color: #fff;
	background-color: var(--highlight-color);
}
.searchform__submit svg {
	width: 1.25em;
    height: 1.25em;
}

@media only screen and (min-width: 48em) { /* 768 */
	.wrapper--header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header__block {
		align-items: center;
	}
	.header__block:nth-child(2) {
		width: 23.076923076923077%; /* 270/1170 */
	}
	.header-nav {
		margin-right: 1.5em;
	}
}

/* =panorama
--------------------------------------------------------------- */
@media only screen and (min-width: 37.5em) { /* 600 */
	.pano-img {
		min-height: 150px;
		height: 20vw;
		max-height: 300px;
		background-image: url(/public/upload/assets/96/pano-fallback.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
    .tmpl--home .pano-img {
		min-height: 150px;
		height: 30vw;
		max-height: 490px;
    }
}

/* =mainnav
--------------------------------------------------------------- */
.mainnav {
	position: relative;
	background-color: var(--accent-color-dark);
	font-family: 'Playfair Display', serif;
	font-weight: bold;
}
@media only screen and (min-width: 37.5em) { /* 600 */
	.mainnav {
		position: sticky;
		top: 0;
		z-index: 5;
	}
}
.mainnav::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 30px;
	pointer-events: none;
	background-image: linear-gradient(180deg, rgba(0,0,0,.2), transparent);
}
.mainnav__level-1 {
	display: flex;
	justify-content: center;
	width: 100%;
}
.mainnav__item {
	position: relative;
	margin-left: 0;
}
.mainnav__link {
	display: block;
	text-decoration: none;
	color: #fff;
}
.mainnav__level-1 > .mainnav__item > a {
	padding: 0.25em 1em; /* 45/30 */
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	min-height: 0vw; /* forces safari to update fontsize on window resize  */
}
@media screen and (min-width: 600px) {
	.mainnav__level-1 > .mainnav__item > a {
		font-size: calc(14px + 10 * ((100vw - 600px) / 600));
	}
}
@media screen and (min-width: 1200px) {
	.mainnav__level-1 > .mainnav__item > a {
		font-size: 24px;
		padding: 0.25em 1.5em; /* 45/30 */
	}
}

.mainnav__level-1 > .mainnav__item.folder::after {
	opacity: 0;
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
    transition: 280ms all 120ms ease-out;
}
.mainnav__level-1 > .mainnav__item.folder:hover::after,
.mainnav__level-1 > .mainnav__item.folder:focus::after{
	opacity: 1;
    border-bottom-color: #fff;
}
.mainnav__level-1 > .mainnav__item.folder:focus-within::after {
	opacity: 1;
    border-bottom-color: #fff;
}
.mainnav__level-1 > .mainnav__item > a:hover,
.mainnav__level-1 > .mainnav__item > a:focus,
.mainnav__level-1 > .mainnav__item:hover > a,
.mainnav__item--active .mainnav__link {
	color: var(--accent-color-light);
}

.mainnav__level-1 > .mainnav__item:focus-within > a {
	color: var(--accent-color-light);
}

.mainnav__dropdown {
/* 	display: none; */
    position: absolute;
	left: 0;
	z-index: 10;
	width: 330px;
	padding: 1.875em; /* 30/16 */
	font-weight: normal;
    font-family: 'Arimo', sans-serif;
	background-color: #fff;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	transform: rotateX(-90deg);
	transform-origin: top center;
	opacity: .3;
    max-height: 0;
    transition: all 280ms ease-out 120ms;
    /*
	transition-property: opacity, transform, max-height;
    transition-duration: 280ms;
    transition-timing-function: ease-out;
    transition-delay: 120ms;
    */
}
.mainnav__level-1 > .mainnav__item:nth-last-child(-n+2) .mainnav__dropdown { /* letzte 2 Elemente auswählen*/
    left: auto;
	right: 0;
}

.mainnav__item:hover > .mainnav__dropdown {
/*	display: block;*/
	opacity: 1;
	max-height: 1000px;
	transform: rotateX(0);
}
.mainnav__item:focus-within > .mainnav__dropdown {
	display: block;
	opacity: 1;
	max-height: 1000px;
	transform: rotateX(0);
}

/* =subnav
--------------------------------------------------------------- */
.subnav__title {
	border-bottom: 2px solid var(--accent-color-light);
	padding: 0.5em 0.714285714285714em; /* 15/21 */
	font-size: 2.1rem;
	color: var(--accent-color-dark);
	text-transform: uppercase;
	letter-spacing: 2px;
}
.subnav__lst {
	margin: 1.5em 0;
}
.subnav__lst.subnav__level-2 {
	margin-top: .75em;
}
.subnav__level-2 .subnav__link {
	margin-left: 0.9375em; /* 30/16 */
}

.subnav__item.folder-active > a {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiI+PC9wYXRoPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: right .75em top 50%;
	background-size: .75em auto;
}

/* =main & subnav hover-, focus and active-styles
--------------------------------------------------------------- */
.mainnav__link:hover,
.mainnav__link:focus,
.subnav__link:hover,
.subnav__link:focus {
	color: var(--highlight-color);
}
.mainnav__dropdown .mainnav__link,
.subnav__link {
	position: relative;
	display: block;
	text-decoration: none;
	line-height: 1.4;
	color: var(--accent-color-dark);
	padding: 0.4em 0.9375em; /* 15/16 */
}
.mainnav__dropdown .mainnav__link::after,
.subnav__link::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--light-color);
	border-radius: 2px;
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity .5s, transform .5s;
}
.mainnav__dropdown .mainnav__link:hover::after,
.mainnav__dropdown .mainnav__link:focus::after,
.mainnav__dropdown .mainnav__item--current > a::after,
.subnav__link:hover::after,
.subnav__link:focus::after,
.subnav__item--current > a::after {
	opacity: 1;
	transform: translateY(0);
}
.mainnav__dropdown .mainnav__link--active,
.subnav__link--active {
	font-weight: bold;
}

/* =content
--------------------------------------------------------------- */
.maincontainer {
	padding: 1em 0;
}
@media only screen and (min-width: 37.5em) { /* 600 */
    .maincontainer {
        padding: 2em 0;
    }
}

.main__title {
	font-size: 30px;
	min-height: 0vw; /* forces safari to update fontsize on window resize  */
}
@media screen and (min-width: 600px) {
	.main__title {
		font-size: calc(30px + 6 * ((100vw - 600px) / 400));
	}
}
@media screen and (min-width: 1000px) {
	.main__title {
		font-size: 36px;
	}
}

.govis-image-captioned:not([class*="align"]) {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.govis-image-captioned:not([class*="align"]) figcaption {
    padding-right: 3%;
    padding-left: 3%;
}
@media screen and (min-width: 600px) {
    .govis-image-captioned:not([class*="align"]) {
        width: auto;
        position: static;
        margin-left: 0;
        margin-right: 0;
    }
    .govis-image-captioned:not([class*="align"]) figcaption {
        padding-right: 0;
        padding-left: 0;
    }
}

/* =layout-logic
--------------------------------------------------------------- */
.mainnav,
.subnav,
.mobilenav {
	display: none;
}
.searchform,
.hamburger {
    z-index: 5;
}
@media only screen and (min-width: 37.5em) { /* 600 */

	.mainnav {
		display: block;
	}
	.mobilenav,
    .hamburger,
    .mobilenav__bg {
		display: none !important;
	}
	.subnav {
		display: block;
		float: left;
		width: 31.623931623931624%; /* 370/1170 */
	}
	.main {
		float: left;
		width: 65.811965811965812%; /* 770/1170 */
		margin-left: 34.188034188034188%; /* 400/1170 */
        scroll-margin-top: 90px;
	}
    .subnav + .main {
        margin-left: 2.564102564102564%; /* 30/1170 */
    }
}
@media only screen and (min-width: 62.5em) { /* 1000 */
	.main {
		width: 57.264957264957265%; /* 670/1170 */
	}
}

@supports (grid-template-columns: minmax(0, 0)) {

	@media only screen and (min-width: 37.5em) { /* 600 */
		.wrapper--maincontainer {
			display: grid;
			grid-template-columns: repeat(12, minmax(0, 1fr));
			gap: 2.564102564102564%; /* 30/1170 */
		}
		.subnav {
			grid-column: span 4;
		}
		.main {
            grid-column: 5 / -1;
		}
        .subnav + .main {
            margin-left: 0;
        }
		.subnav, .main { /* overwrites the fallback */
			width: auto;
			margin-left: 0;
		}
	}

	@media only screen and (min-width: 62.5em) { /* 1000 */
		.main {
            grid-column: 5 / -2;
		}
	}
}

/* =home
--------------------------------------------------------------- */
.tmpl--home .wrapper--maincontainer {
	display: block;
}
.tmpl--home .maincontainer {
    padding: 0;
}
@media only screen and (max-width: 37.5em) { /* 600 */
    .tmpl--home .maincontainer {
        padding: 1em 0;
    }
}
.tmpl--home main {
    grid-column: 1 / -1;
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #fff;
}
.home-col {
	z-index: 1;
    width: 100%;
    margin-bottom: 3.5em;
    margin-left: 0;
}
.home-col a {
	display: block;
    text-decoration: none;
}
.home-col a:focus {
    text-decoration: underline;
}
.home-col h2 {
	margin-bottom: 1.5em;
    border-bottom: 3px solid var(--accent-color-light);
    padding-right: 10px;
    padding-bottom: 0.5em;
    padding-left: 10px;
    font-size: 1.3125em; /* 21/16 */
}
.home-col .news {
    margin-bottom: 4em;
}
.tmpl--home .mod-entry {
    padding-right: 10px;
    padding-left: 10px;
}
.tmpl--home .mod-entry-title {
	margin-bottom: 0;
    font-size: 1.3125em; /* 21/16 */
}
.tmpl--home .mod-entry-desc {
	margin-top: 0.5em;
    font-size: 0.875em; /* 14/16 */
}
.tmpl--home .mod-no-entry {
    padding: 10px;
    font-size: 0.875em; /* 14/16 */
}
a.showmore {
	align-self: flex-start;
	display: inline-block;
	margin-top: auto;
	border: 1px solid var(--accent-color-light);
    padding: 0.25em 1.25em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8125em; /* 13/16 */
}
a.showmore:hover,
a.showmore:focus {
	border-color: var(--accent-color-dark);
}
.home-col--intro p,
.home-col--intro ul,
.home-col--intro ol,
.treue-praemie p {
    font-size: 0.875em; /* 14/16 */
}

@media only screen and (min-width: 37.5em) { /* 600 */
    .tmpl--home main {
        margin-top: -10vw;
    	padding: 3.931623931623932%; /* 46/1170 */
    }

    .home-col--news,
    .home-col--events,
    .home-col--intro {
        width: 47.866419294990724%; /* 516/1078 */
        display: flex;
        flex-direction: column;
    }
    .home-col--events {
        margin-left: 4.267161410018553%; /* 46/1078 */
    }
}

@media only screen and (min-width: 62.5em) { /* 1000 */
    .home-col {
    	margin-bottom: 0;
    }
    .home-col--news,
    .home-col--events,
    .home-col--intro {
        width: 33.441558%; /* 336/1078 */
    }
    .home-col--intro {
        /* width: 68.831169%; */ /* 707/1078 */
    }
    .home-col--news:nth-child(n) {
    	margin-left: 0;
    }
    .home-col--toplinks {
        width: 24.582560296846011%; /* 265/1078 */
    }
}

.home-col--toplinks {
	margin-bottom: 0;
}
.mod-link__lst {
    font-size: 1.125em; /* 18/16 */
    line-height: 1.2;
    font-weight: bold;
    column-gap: 2em;
    columns: 2 12em; /* max. columns, max width */
}
.mod-link__item {
	position: relative;
    z-index: 0;
    margin-bottom: 8px;
    background-color: var(--light-color);
    break-inside: avoid;
}
.mod-link__link.hover-effect {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.mod-link__link.mod-link__link:hover,
.mod-link__link.mod-link__link:focus {
	color: var(--light-color);
    text-decoration: none;
}
.mod-link__link.hover-effect::before,
.home-col a.mod-link__link.hover-effect::before {
    background-color: var(--accent-color-dark);
}
.mod-link__link > span {
    padding: .5em 10px;
}
.mod-link__icon {
	flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-left: auto;
    border-left: 8px solid #fff;
}

/* =footer
--------------------------------------------------------------- */
.footer {
	clear: both;
	padding: 2em 0 0;
	color: #fff;
	background-color: var(--accent-color-dark);
}
.footer h2,
.footer caption {
	color: var(--accent-color-light);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.125em;
}
.footer p {
	margin-bottom: 0.75em;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover,
.footer a:focus {
	text-decoration: underline;
}
.footer li:not(:last-child) {
	margin-bottom: 0.25em;
}
.footer li > a {
    display: block;
}
.footer__copyright {
	padding: 0.75em 0;
	text-align: right;
	background-color: rgba(0,0,0,0.5);
}
.footer__businesshours-tbl {

}
@media screen and (max-width: 37.5em) { /* 600 */
	.footer__businesshours-tbl span {
		display: none;
	}
}