/*! 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 {}
*,
*::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 */
}
body {
	font-size: 16px; /* IE < 11 fallback */
	font: 1.7rem/1.764706 'Montserrat', sans-serif;
	position: relative;
}
h1, h2, h3, h4, h5, h6, caption,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0 0 1.25em;
	line-height: 1.2;
	font-weight: bolder;
}
h1, .h1 {
	font-size: 1.764706em;
	font-weight: normal;
}
h2, caption, .h2 {
	font-size: 1.470588em;
	font-weight: normal;
}
h3, .h3 {
	font-size: 1em;
}
h4, .h4 {
	margin: 0 0 0.4em;
	font-size: 1em;
}
h5, .h5 {
	margin: 0 0 0.2em;
	font-size: 1em;
}
h6, .h6 {
	margin: 0;
	font-size: 1em;
}
p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table, details, iframe, video, audio,
.p, .box, .table-responsive, .media-responsive, .flex-search, .mb, .mod-wrapper, .accordion, [data-oembed-url], [class*="col-"] {
	margin: 0 0 2.5em;
}
p {}
.p {
	font-size: 1em;
	font-weight: normal;
}
::selection {
	background-color: #BBDCEA;
    color: #000;
}
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: #979797;
	background-color: #979797;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
video, audio {
	display: block;
}
figure {}
figcaption {
	margin-top: 0.75em;
}
blockquote {
	padding: 0 1.5em;
	font-style: italic;
}
address {}
cite {}
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.92em;
}
iframe {
	display: block;
	border: 0;
	padding: 0;
	
	width: 100%;
}

summary {
	list-style: none;
	font-weight: bold;
}

@supports not (-ms-ime-align: auto) { /* no ie11 & legacy edge ≤18 */

	summary {
		cursor: pointer;
		margin: -1.5em;
		padding: 1.5em;
		overflow: hidden;
	}
	summary::marker {
		display: none;
	}
	summary {
		display: flex;
		align-items: baseline;
	}
	summary::before {
		content: "";
		position: relative;
		flex: 0 0 auto;
		top: 0.2em;
		width: 1em;
		height: 1em;
		margin-right: 0.5em;
		background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiI+PC9wYXRoPjwvc3ZnPg==');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: .75em .86em;
		transform: rotate(-90deg);
		transition: transform .2s;
	}
	details[open] summary::before {
		transform: rotate(0);
	}
	summary > * {
		display: inline;
		margin-bottom: 0;
	}
	summary + * {
		margin-top: 1.5em;
	}

}

/* =anchors
--------------------------------------------------------------- */
a, a:link {
	color: #007BB0;
}
a:visited {
	
}
a:focus, a:hover, a:active {
	color: #000;
}
:focus:not(:focus-visible) {
	outline: none;
}
a img {
	border: none;
}

/* =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*=".seeberg.ch"]::after,
[href*=".backslash.ch"]::after,
[data-email-link]::after,
.no-icon::after, .no-icon::before,
.nav [href]::after,
.mandantenswitch [href]::after,
.subnav [href]::after,
.footer [href]::after,
.mod-dam--gallery a::before {
	content: none;
	padding: 0;
}
.os-url .show-icon[href^="https://govis-seeberg.backslash.ch"]::after,
.os-url .show-icon[href^="https://www.seeberg.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;
	min-width: 0;
	border: 1px solid #666;
	padding: 1.5em;
}
fieldset.reset {
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
}
legend {
	display: table;
	color: #000;
	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 #ccc;
	padding: 0.25em 0.5em;
	background-color: #fff;
	border-radius: 2px;
}
textarea {
	min-height: 5em;
	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 .86em;
}
select::-ms-expand { /* Hide arrow icon in IE browsers */
	display: none;
}
::-webkit-date-and-time-value { /* fixes Safari Mobile Bug, where empty date fields colapses */
	min-height: 1.25em;
}
[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,
summary:focus {
	outline: 3px solid transparent;
	border-color: #0074a9;
	box-shadow: 0 0 0 5px rgba(21, 156, 228, 0.4);
}
[disabled], [readonly] {
	border-style: dotted;
	cursor: not-allowed;
}
[disabled] {
	opacity: 0.5;
}
button + button[type=reset] {
	margin-left: 1em;
}

/* =tables
--------------------------------------------------------------- */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
}
table th,
table td {
	vertical-align: top;
	border-bottom: 1px solid #F2F2F2;
	padding: 0.5em;
}
table th {
	text-align: left;
	font-weight: bold;
}
table:not(.calendar) thead th {
	vertical-align: bottom;
	border-bottom-color: #000;
}
table tr:first-child th,
table tr:first-child td {
	border-top: 1px solid #f2f2f2;
}
table:not(.calendar) thead tr:first-child th,
table:not(.calendar) thead tr:first-child td {
	border-top: 0;
}
table tfoot tr:first-child td {
	border-top: 1px solid #000;
}
table tfoot tr:last-child th,
table tfoot tr:last-child td {
	border-top: 1px solid #000;
	border-bottom: 3px double #000;
	font-weight: bold;
}
table.auto {
	width: auto;
}
table.fixed,
.tbl-fixed {
	table-layout: fixed;
}
th[align="left"], th.left, td.left {
	float: none;
	text-align: left;
}
th[align="center"], th.center, td.center {
	text-align: center;
}
th[align="right"], th.right, td.right,
.tbl-no {
	float: none;
	text-align: right;
}
table.no-pad th:first-child,
table.no-pad td:first-child {
	padding-left: 0;
}
table.no-pad th:last-child,
table.no-pad td:last-child {
	padding-right: 0;
}

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

/*=grid-tables
--------------------------------------------------------------- */
table.grid th,
table.grid td {
	border-left: 1px solid #f2f2f2;
}
table.grid th:last-child,
table.grid td:last-child {
	border-right: 1px solid #f2f2f2;
}

/*=presentation (layout-tables). don't forget role="presentation"
--------------------------------------------------------------- */
table.presentation,
table.presentation th,
table.presentation td,
table.presentation tr:first-child th,
table.presentation tr:first-child td,
table.presentation thead ~ tbody tr:last-child,
table.reset,
table.reset th,
table.reset td,
table.reset tr:first-child th, 
table.reset tr:first-child td,
table.reset thead ~ tbody tr:last-child {
	border: 0;
	padding: 0;
}

/*=responsive tables & media
--------------------------------------------------------------- */
.table-responsive {
	position: relative;
	z-index: 1;
}
.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%;
}

/*=scrollbars
--------------------------------------------------------------- */
pre,
.table-responsive, .visible-scrollbar {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
pre::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar, .visible-scrollbar::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}
pre::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track, .visible-scrollbar:-webkit-scrollbar-track {
	background-color: #f6f4f3;
}
pre::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb, .visible-scrollbar::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 20em;
}
pre::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover, .visible-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: black;
}

/*=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 {
	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;
}
.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 {
	max-width: 34.375%; /* 330/960 */
	margin: 3.125%; /* 30/960 */
}
.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;
}
.reverse {
	display: flex;
	flex-direction: column;
}
.reverse > .reverse__child,
.reverse > .date,
.reverse > .visuallyfirst,
.reverse > .mod-entry-meta {
	order: -1;
}

.reset,
.reset li,
nav ul,
nav ul li {
	list-style: none outside none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
nav ul {
	margin-bottom: 0;
}
nav li::before {
	content: "\200B"; /* fixes VoiceOver Issue */
	position: absolute;
}
.nobr {
	white-space: nowrap;
}
details,
.box {
	border: 1px solid #BBDCEA;
	padding: 1.5em;
	background-color: #BBDCEA;
}
.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,
details > *:last-child, summary ~ div > *:last-child,
fieldset > *:last-child,
th > *:last-child, td > *: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: #333;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: inherit;
	background-color: #BBDCEA;
	border-radius: 3px;
	cursor: pointer;
}
.btn:hover,
.btn:focus {
	text-decoration: none !important;
	background-color: #82c7e4;
}
.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;
	color: #fff;
}
.btn--invis,
.btn--ghost {
	border: 0;
	color: #000;
	background-color: transparent;
}
.btn--ghost {
	border: 1px solid #666;
}
.btn--fullwidth {
	width: 100%;
}
.btn--reject {
	background-color: red;
}
.btn--accept {
	background-color: green;
}

/* =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
--------------------------------------------------------------- */
.row {
	clear: both;
}
[class*="col-"] {
	position: relative;
	float: left;
	margin-left: 2.127659574468085%; /* 30/1410 */
	min-height: 1px;
}
[class*="col-"]:first-child {
	margin-left: 0;
}
.col-1 {
	width: 6.382978723404255%; /* 90/1410 */
}
.col-2 {
	width:14.893617021276596%; /* 210/1410 */
}
.col-3 {
	width: 23.404255319148936%; /* 330/1410 */
}
.col-4 {
	width: 31.914893617021277%; /* 450/1410 */
}
.col-5 {
	width: 40.425531914893617%; /* 570/1410 */
}
.col-6, .col-half {
	width: 48.936170212765957%; /* 690/1410 */
}
.col-7 {
	width: 57.446808510638298%; /* 810/1410 */
}
.col-8 {
	width: 65.957446808510638%; /* 930/1410 */
}
.col-9 {
	width: 74.468085106382979%; /* 1050/1410 */
}
.col-10 {
	width: 82.978723404255319%; /* 1170/1410 */
}
.col-11 {
	width: 91.48936170212766%; /* 1290/1410 */
}
.col-12 {
	width: 100%; /* 1410/1410 */
}

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

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





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

}
.mod-lst > .mod-entry {
	border-top: 1px solid #666;
	padding: 0.75em 0;
}
.mod-entry:first-child {
	border-top: 0;
	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;
	color: #767676;
	font-size: 0.875em; /* 14/16 */
}
.mod-entry-title {
	margin-bottom: 0.5em;
}
.mod-entry-title a {
	display: block;
}
.mod-entry-desc {
	
}
.mod-entry-lead {
	font-weight: bold;
}
.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 .form-builder-container {
	margin-bottom: 1.5em;
}
.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 label > em,
.form-builder legend > em {
	font-style: normal;
}
.form-builder legend.form-option-lst-title {
	font-size: 1em;
	color: currentColor;
	font-weight: normal;
}
.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 label.error + label.error {
	margin-top: 0;
	padding-top: 0;
}
.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;
}
.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 .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%;
	}
	.form-builder .clearfix > label,
	.form-builder .cf > label {
		padding-right: 0;
		padding-bottom: 0.2em;
	}
	.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;
	border-top: 1px solid #ccc;
}
.calendar,
.calendar th,
.calendar td {
	color: #000;
	font-weight: inherit;
}
.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 th {
	font-size: inherit;
    line-height: inherit;
	letter-spacing: inherit;
	background-color: transparent;
}
.calendar tbody {
	background-color: #dcdfde;
}
.calendar a {
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}
.calendar tbody a {
	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;
}

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

	.calendar {
		width: 100%;
	}

}

/* =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ähltes 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-available.cal-available,
.cal-partlyfree.cal-partlyfree,
.cal-almostsoldout.cal-almostsoldout,
.cal-full.cal-full {
	box-shadow: none;
}
.cal-allfree,
.cal-allfree-legend span,
.cal-available,
.cal-available-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-available 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: 30.769230769231%; /* 200/650 */
	margin: 3.846153846154%; /* 25/650 */
	margin-top: 0;
	margin-right: 0;
}
ul.gallery-magnific li:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}

@supports (display: grid) {
	ul.gallery-magnific {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1.5em;
        gap: 1.5em;
    }
	ul.gallery-magnific li,
    ul.gallery-magnific li:nth-child(1n+1) {
        max-width: none;
        margin: 0;
    }
}

ul.gallery-magnific a {
	display: block;
	text-decoration: none;
}
ul.gallery-magnific figure {
	margin-bottom: 0;
}
ul.gallery-magnific figcaption {
	padding: 0 0.5em 0.5em 0.5em;
	text-align: center;
}
ul.gallery-magnific img {
	display: block;
	margin: 0 auto;
}
.mfp-content figcaption {
	margin-top: 0;
}

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

	ul.gallery-magnific li,
	ul.gallery-magnific li:nth-child(3n+1) {
		clear: none;
		max-width: 46.153846153846%; /* 300/650 */
		margin-left: 3.846153846154%; /* 25/650 */
	}
	ul.gallery-magnific li:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}

    @supports (display: grid) {
        ul.gallery-magnific {
            grid-template-columns: 1fr 1fr;
        }
        ul.gallery-magnific li,
        ul.gallery-magnific li:nth-child(1n+1) {
            max-width: none;
            margin: 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-image: 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: flex;
	width: 100%;
	margin: 0;
	padding: 0.5em 0;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.breadcrumb__item {
	position: relative;
	padding-right: 0.5em;
	white-space: nowrap;
}
.breadcrumb__item:last-child {
	padding-right: 1em;
}
.breadcrumb__link {
	text-decoration: none;
}

/* separator icon */
.breadcrumb__item:not(:first-child)::before {
	content: "\f105";
	display: inline-block;
	margin: 0 .75em;
	font-family: FontAwesome;
}


/* breadcrumb dropdown */
.breadcrumb__dropdown {
    display: none;
    position: absolute;
    top: 1.55rem;
    left: 0;
    z-index: 800;
}
.breadcrumb__dropdown.expanded {
    display: block;
}
.breadcrumb__dropdown ul {
    min-width: 200px;
}

/* =osm online-schalter
--------------------------------------------------------------- */
.os-category-title {}
.os-tbl-caption {}
.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: #DCD2BF;
}

.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: #000;
	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 {
	background-color: #FFF8C7;
}

@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: #BBDCEA;
}
.mod-index-pages > div:target {
	background-color: #f7f8fb;
}
.mod-index-pages > div:target h2 {
	color: #fff;
	background-color: #2c7796;
}
.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;
}

/* =hamburger
--------------------------------------------------------------- */
.hamburger {
	display: block;
	position: relative;
	z-index: 4;
	flex: 0 0 auto;
	margin: 0;
	width: 55px;
	height: 42px;
	border: 0;
	text-indent: -9999px;
	border-radius: 3px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	background-color: #BBDCEA;
	transform: rotate(0deg);
	transition: .2s ease-in-out;
}
.hamburger--active {
	background-color: #2c7796;
}
.hamburger span {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	height: 2px;
	width: 35px;
	background: #333;
	border-radius: 2px;
	opacity: 1;
	transform: rotate(0deg);
	transition: .2s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
	top: 20px;
}
.hamburger span:nth-child(4) {
	top: 30px;
}
.hamburger--active span {
	background: #fff;
}
.hamburger--active span:nth-child(1) {
	top: 20px;
	width: 0%;
	left: 50%;
}
.hamburger--active span:nth-child(2) {
	transform: rotate(45deg);
}
.hamburger--active span:nth-child(3) {
	transform: rotate(-45deg);
}
.hamburger--active span:nth-child(4) {
	top: 20px;
	width: 0%;
	left: 50%;
}

/* =Mobilenav AJAX
--------------------------------------------------------------- */
.mobilenav {
	display: none;
}

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

	.mainnav {
		display: none;
	}
	.mobilenav {
		display: block;
	}

}

.mobilenav__container {
	display: none;
	position: absolute;
	left: 0;
	z-index: 100;
	width: 100%;
	margin-top: 1em;
	padding: 0 0 1.5em 0;
	background-color: #DCD2BF;
	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.4);
}
.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;
	border-bottom: 1px solid #333;
}
.govis-menu-node-item.title,
.govis-menu-node-item > a {
	position: relative;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 1em 0.75em 1em 3%;
	list-style-type: none;
	color: #000;
	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;
	padding-right: 3%;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: normal;
	background-color: #2c7796;
    color: #fff;
}
.mobilenav-current-pagetitle a .icon {
	margin-right: .5em;
	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: #2c7796;
	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:hover .icon {
	transform: translateX(.25em) scale(1.5);
}
.govis-menu-node-controller.expanded .icon {
	transform: rotate(90deg) 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% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

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

/* =Associations
--------------------------------------------------------------- */
.mod-association .association-address {
	width: 40%;
    white-space: nowrap;
}

/* =global
--------------------------------------------------------------- */
.wrap {
	width: 92%;
	max-width: 1410px;
	margin: 0 auto;
}
.icon {
	width: 1em;
	height: 1em;
}

/* =header
--------------------------------------------------------------- */
.header {
	font-size: 1.2rem;
	font-size: min(max(0.9rem, 1.066667vw), 1.7rem);
    min-height: 0vh;
}
.header__inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 19.176471em 1fr 24.822695%;
	grid-template-columns: 19.176471em 1fr 24.822695%;
	padding: 0.8em 0 0;
}
.logo {
	-ms-grid-row: 2;
	grid-row: 2;
	margin: 0.8em 2em -1.5em 0;
}
.logo img {
	width: 100%;
}
.searchform {
	-ms-grid-column: 3;
	grid-column: 3;
	position: relative;
	-ms-grid-column-align: end;
	    justify-self: end;
	width: 100%;
	font-size: 1.176471em;
}
.searchform__input {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.5em 2em 0.5em 0.2em;
	line-height: 1;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #979797;
}
.searchform__input::placeholder {
	color: #000;
}
.searchform__submit {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	border: 0;
	transition: 0.2s;
}
.searchform__submit:hover,
.searchform__submit:focus {
	background: #000;
	color: #fff;
	cursor: pointer;
}
.headimage {
	overflow: hidden;
	max-height: 420px;
	min-height: 120px;
	height: 21.875vw; /* 420/1920 */
	background-color: grey;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.headimage__inner {
	position: relative;
	height: 100%;
}
.mandantenswitch {
	position: absolute;
	bottom: 0;
}
.mandantenswitch>ul {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 22.291667vw; /* 428/1920 */
	max-width: 428px;
	min-width: 15em;
	padding: 0 1em;
	color: #fff;
}
.mandantenswitch::before,
.mandantenswitch>ul::before {
	content: "";
	position: absolute;
	width: 5000px;
	height: 500px;
	right: 0;
	bottom: 0;
	background-color: #000;
	transform: skew(45.6deg);
	transform-origin: right bottom;
}
.mandantenswitch::before {
	background-color: #007BB0;
	opacity: 0.2;
}
.mandantenswitch>ul>li {
	z-index: 2;
}
.mandantenswitch>ul>li:first-child>a::after {
	content: "";
	position: absolute;
	top: calc(50% - 0.5em);
	height: 1em;
	right: -1px;
	width: 1px;
	background-color: #fff;
}
.mandantenswitch>ul>li.active {
	font-weight: bolder;
}
.mandantenswitch>ul>li>a {
	position: relative;
	display: block;
	min-height: 1.5em;
	padding: 0.12em 0.75em;
	color: inherit;
	text-decoration: none;
}
.mandantenswitch>ul>li>a:hover,
.mandantenswitch>ul>li>a:focus {
	color: #FFF8C7;
	text-decoration: underline;
}

/* =nav
--------------------------------------------------------------- */
.mainnav {
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column: 2 / span 2;
	-ms-grid-row: 2;
	grid-row: 2;
	-ms-grid-row-align: end;
	    align-self: end;
}
.mainnav,
.subnav {
	line-height: 1.25;
}
.mainnav a,
.subnav a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mainnav>ul {
	display: flex;
	justify-content: flex-end;
	margin: 0 -1.470588em 0 0;
}
.mainnav>ul>li {
	position: relative
}
.mainnav>ul>li>a {
	padding: 0.5em 0.8em 0.7em 0.8em;
	font-size: 1.470588em;
}
.mainnav>ul>li:hover>a::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	border-top: 1px solid #979797;
}
.mainnav>ul>li:focus-within>a {
	border-top: 1px solid #979797;
}
.mainnav>ul>li.active>a {
	color: #007BB0;
}
.mainnav>ul>li>ul {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 200;
	width: 20.588235em;
	padding: 1em 0.7em;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	font-size: 1.7rem;
	color: inherit;
	transition-property: opacity, visibility;
	transition-duration: .3s, 0s;
	transition-delay: 0s, .3s;
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.2);
}
.mainnav>ul>li:hover>ul {
	left: 0;
	opacity: 1;
	visibility: visible;
	transition-delay: 0s, 0s;
}
.mainnav>ul>li:focus-within>ul {
	left: 0;
	opacity: 1;
	visibility: visible;
	transition-delay: 0s, 0s;
}
.mainnav>ul>li>ul>li>a {
	position: relative;
	padding: 0.295em 0.7em;
	transition: 0.1s;
}
.mainnav>ul>li:nth-child(5):hover>ul,
.mainnav>ul>li:nth-child(6):hover>ul {
	left: auto;
    right: 0;
}
.mainnav>ul>li:nth-child(5):focus-within>ul,
.mainnav>ul>li:nth-child(6):focus-within>ul {
	left: auto;
    right: 0;
}
.mainnav>ul>li>ul>li>a::before {
	content: "";
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transform-origin: left top;
	transition: 0.1s;
}
.mainnav>ul>li>ul>li:hover>a {
	background-color: #000;
	color: #fff;
}
.mainnav>ul>li>ul>li:focus-within>a {
	background-color: #000;
	color: #fff;
}
.mainnav>ul>li>ul>li:hover>a::before {
	background-color: #000;
	transform: skew(45.6deg);
}
.mainnav>ul>li>ul>li:focus-within>a::before {
	background-color: #000;
	transform: skew(45.6deg);
}
.subnav {
	flex: 0 0 23.404255%; /* 330/1410 */
	margin-right: 2.12766%; /* 30/1410 */
	padding: 1em 0;
	border-top: 1px solid #979797;
}
.subnav__subtitle {
	font-size: 1.058824em;
	margin: 0 0 1em;
}
.subnav a {
	padding: 0.3em 0;
}
.subnav a:hover,
.subnav a:focus {
	color: #007BB0;
}
.subnav li.active>a {
	font-weight: bolder;
}
.subnav>ul>li>ul>li>a {
	padding-left: 1.2em;
}
.subnav>ul>li>ul>li>a::before {
	content: "\f105";
	font-family: "FontAwesome";
	margin: 0 0.5em 0 0;
}
.subnav>ul>li>ul>li>ul {
	font-size: 0.882353em;
	margin:0 0 0.75em;
}
.subnav>ul>li>ul>li>ul>li>a {
	padding-left: 3.5em;
}
.subnav>ul>li>ul>li>ul>li>ul>li>a {
	padding-left: 4.2em;
}


/* =content
--------------------------------------------------------------- */
.container {
	display: flex;
	justify-content: space-between;
	padding: 5.588235em 0;
}
.main {
	width: 100%;
}
.tmpl-content .main {
	flex: 0 0 74.468085%; /* 1050/1410 */
	max-width: 960px;
}
.services {
    position: relative;
    font-size: 0.82352941em;
    margin: 6em 0 0;
}
.services::before {
    content: "";
    position: absolute;
    top: -0.5em;
    left: 0;
    width: 5em;
    border-top: 1px solid #979797;
}
	

/* =footer
--------------------------------------------------------------- */
.footer {
	clear: both;
}
.footer a {
	text-decoration: none;
}
.footer a:hover,
.footer a:focus {
	text-decoration: underline;
}
.footer__inner {
	display: flex;
	flex-wrap: wrap;
	padding: 1.5em 0 0;
	border-top: 1px solid #979797;
	line-height: 1.647059;
}
.footer-title {
	margin: 0 0 0.5em;
	font-size: 1em;
	font-weight: bolder;
}
.footer-column {
	margin: 0 2.12766% 0 0;/* 30/1410 */
}
.footer-column:last-child {
	margin-right: 0;/* 30/1410 */
}
.footer-column--address {
	flex: 1 0 31.914894%; /* 450/1410 */
}
.footer-column--openings {
	flex: 1 0 40.425532%; /* 570/1410 */
}
.footer-column--openings>* {
	max-width: 450px;
}
.footer-column--openings table tr th,
.footer-column--openings table tr td {
	padding: 0.2em 1em 0.25em 0;
	border: 0;
	font-weight: normal;
	line-height: 1.25;
}
.footer-column--services {
	flex: 1 0 23.404255%; /* 330/1410 */
}

/* =home
--------------------------------------------------------------- */
.tmpl-home .container {
	padding: 4em 0;
}
.dashboard__lst {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
    margin: 0 -1.06383%;
}
.dashboard__item {
	flex: 1 1 31.25%; /* 450/1440 */
	margin: 0 1.041667% 2.12766% 1.041667%; /* 15/1440 */
	padding: 1.5em 3em;
	min-height: 10.588235em;
	transition: background-color 0.1s;
}
/* IE11-Rules, weil der die Paddings zur Breite zählt */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dashboard__item {
		flex-basis: calc(31.9% - 6em);
    }
}

.dashboard__item:hover {
	background-color: #FFF8C7;
}
.dashboard__item:focus-within {
	background-color: #FFF8C7;
}
.dashboard__item--white {
	border-top: 1px solid #979797;
}
.dashboard__item--blue {
	background-color: #BBDCEA;
}
.dashboard__item--brown {
	background-color: #DCD2BF;
}
.dashboard__item__icon {
    position: absolute;
    right: 1em;
    bottom: 1em;
    transition: .15s;
    pointer-events: none;
}
.dashboard__item__icon svg {
	display: block;
    width: 2em;
    height: auto;
}
.dashboard__item--icon:hover .dashboard__item__icon {
	transform: scale(1.2)
}
.dashboard__item__title {
	margin: 0 0 0.75em;
	font-size: 1.764706em;
}
.dashboard__item__content {
	margin: 0;
	padding: 0 2.2em 0 0;
	font-size: 0.941176em;
	line-height: 1.5;
}
.dashboard__item a {
	color: inherit;
	text-decoration: none;
}
.claim {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1em 0;
	font-size: 1.411765em;
	font-size: 1.6rem;
	font-size: min(max(2rem, 1.702128vw), 2.4rem);
	list-style: none;
}
.claim>li {
	margin: 0 0.5em;
}








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

	/* =home
	--------------------------------------------------------------- */
	.dashboard__item {
		padding: 1.5em 2em;
	}
	.dashboard {
		font-size: 0.8em;
	}
}

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

	/* =header
	--------------------------------------------------------------- */
	.header {
		font-size: 1.6rem;
	}
	.header__inner {
		-ms-grid-columns: 220px auto 75px;
		grid-template-columns: 220px auto 75px;
		padding: 1em 0;
	}
	.logo {
		-ms-grid-row-span: 2;
		grid-row: span 2;
		margin-top: 0;
	}
	.searchform {
		-ms-grid-column: 2;
		grid-column: 2;
		width: auto;
		font-size: 1.6rem;
	}
	.searchform__input {
		height: 100%;
	}
	.mobilenav {
		-ms-grid-column: 3;
		grid-column: 3;
		-ms-grid-column-align: end;
		    justify-self: end;
	}

	/* =nav
	--------------------------------------------------------------- */
	.subnav {
		display: none;
	}

	/* =content
	--------------------------------------------------------------- */
	.container {
		padding: 2em 0;
	}
	.main,
    .tmpl-content .main {
		flex: 1 0 auto;
	}

	/* =home
	--------------------------------------------------------------- */
	.dashboard__item {
		padding: 1em;
	}
	.dashboard__item__title {
		font-size: 1.5em;
	}
    .dashboard__item--icon {
        background-size: 1.5em;
    }
}

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

	/* =basics
	--------------------------------------------------------------- */
	body {
		font-size: 1.6rem
	}

	/* =header
	--------------------------------------------------------------- */
	.header__inner {
		-ms-grid-columns: 160px auto 75px;
		grid-template-columns: 160px auto 75px;
	}
	.logo {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 1;
		grid-row: 1;
		margin: 0 0 0.5em;
	}
	.searchform {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / span 3;
		-ms-grid-row: 2;
		grid-row: 2;
		width: 100%;
	}
	.mandantenswitch {
		display: none;
	}

	/* =home
	--------------------------------------------------------------- */
	.dashboard__item {
		flex: 0 0 100%;
		margin-right: 0;
		min-height: 8em;
	}

	/* =helper
	--------------------------------------------------------------- */
	.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;
	}

	.table-responsive {
		border-right: 1px solid #dcdfde;
		border-bottom: 0;
	}
}