/*! 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.6rem/1.6875 'Roboto', Helvetica, Arial, Geneva, sans-serif;
	color: #607886;
	position: relative;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
	font-weight: 400;
	font-size: 1em;
}
h1, .h1 {
	font-weight: 300;
	font-size: 3.5rem;
	text-transform: uppercase;
}
h2, .h2 {
	font-weight: 700;
}
h3, .h3 {
	font-style: italic;
}

p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table,
.p, .box, .table-responsive, .media-responsive, .flex-search, .mb, .accordion, [data-oembed-url] {
	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;
	margin: 1.5em 0;
	height: 1px;
	border: 0;
	color: #DFE6E8;
	background-color: #DFE6E8;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
figure {
	
}
figure > img,
figure > a > img{
	display: block;
}
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;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
}

/* =anchors
--------------------------------------------------------------- */
a, a:link {
	color: #607886;
}
a:visited {
	
}
a:focus, a:hover, a:active {
	color: #EA4F4E;
}
a img {
	border: none;
}
a.link--red {
    color: #d24140
}

/* =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";
}
a[href*=".mzarbon.ch"]::after, 
a[href*=".backslash.ch"]::after, 
a[data-email-link]::after,
a.no-icon::after, a.online-doc::after, a.no-icon::before,
.subnav a[href]::after, 
.footer a[href]::after {
	padding: 0;
	content: none;
}
.os-url a.show-icon[href^="https://intellio-mzarbon.backslash.ch"]::after,
.os-url a.show-icon[href^="https://www.mzarbon.ch"]::after,
a.show-icon[href^="/"]::after { /* OSM-lst: interne Links mit anderem Icon */
	content: "\f0c1";
}
a.document-lst::after { /* OSM-lst: mehrere Files pro Artikel zugewiesen */
	content: "\f0c5";
}

/* =forms
--------------------------------------------------------------- */
[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],
textarea {
	border: 1px solid #ccc;
	padding: 3px 0 3px 3px;
}
textarea {
	resize: vertical;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
[type=checkbox],
[type=radio] {
	border: 0;
}
input:not([type=radio]):not([type=checkbox]):focus,
select:focus,
textarea:focus {
	outline: 0;
	box-shadow: 
		0 0 0 1px #2392f3 inset,
		0 0 4px rgba(35, 146, 243, 0.5);
}
fieldset {
	clear: both;
	border: 1px solid #666;
	padding: 1.5em;
}
legend {
	display: table;
	color: #000;
	font-weight: bold;
	font-size: 1.17em;
}
button + button[type=reset] {
	margin-left: 1em;
}

/* =tables
--------------------------------------------------------------- */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	margin-bottom: 0.5em;
	text-align: left;
	font-weight: bold;
}
table th, 
table td {
	vertical-align: top;
	border-bottom: 1px solid #dcdfde;
	padding: 0.25em 0.5em;
}
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 #dcdfde;
}
table tfoot tr:last-child td {
	border-top: 2px solid #dcdfde;
	border-bottom: 3px double #dcdfde;
	font-weight: bold;
}
table.auto {
	width: auto;
}
table.fixed {
	table-layout: fixed;
}
table.vertical {
	border-top: 1px solid #dcdfde;
}
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: #f8f8f8;
}
table.hover tbody tr:hover,
ul.hover > li:hover {
	background-color: #f7fbff;
}

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

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

/*=responsive tables & media
--------------------------------------------------------------- */
.table-responsive {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}
.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%;
}

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

/* =helper
--------------------------------------------------------------- */
[hidden],
.none, .screenhidden, .printvisible {
	display: none;
}
.screenvisible, .printhidden {
	display: block;
}
.visuallyhidden,
.invis,
.sr,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	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: 28.495575221238938%; /* 161/565 */
	margin:7.256637168141593%; /* 41/565 */
}
.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 {
	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;
}
.box {
	border: 1px solid #5f7684;
	padding: 1.5em;
	background-color: #f6fafb;
	color: #5f7684;
}
.box--notfall {
	border:0;
	color: #d03e3d;
    padding: 0.8em;
	background-color: #fff9f9;
}
.box--warning,
.cookie-alert {
	border-color: #faebcc;
	color: #8a6d3b;
	background-color: #fcf8e3;
}
.box--success {
	border-color: #d6e9c6;
	color: #3c763d;
	background-color: #dff0d8;
}
.box--error {
	border-color: #ebccd1;
	color: #a94442;
	background-color: #f2dede;
}
.box--info {
	border-color: #bce8f1;
	color: #31708f;
	background-color: #d9edf7;
}

fieldset > *:last-child,
blockquote > *:last-child,
.box > *:last-child,
.row > [class*="col-"] > *:last-child,
.lc-reset > *:last-child {
	margin-bottom: 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;
}
#main:focus {
	outline: none; /* entfernt :focus des Skiplinks */
}

/* =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: #00A7B5;
	border-radius: 3px;
	cursor: pointer;
}
.btn:hover, 
.btn:focus {
	color: #fff;
	text-decoration: none !important;
	background-color: #313F44;
}
.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: #607886;
}
.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;
}

/* =grid
--------------------------------------------------------------- */
.row {
	clear: both;
}
[class*="col-"] {
	position: relative;
	float: left;
	margin-bottom: 1.5em;
	margin-left: 3.501280956447481%; /* 41/1171 */
	min-height: 1px;
}
[class*="col-"]:first-child {
	margin-left: 0;
}
.col-1 {
	width: 5.123825789923143%; /* 60/1171 */
}
.col-2 {
	width: 13.748932536293766%; /* 161/1171 */
}
.col-3 {
	width: 22.374039282664389%; /* 262/1171 */
}
.col-4 {
	width: 30.999146029035013%; /* 363/1171 */
}
.col-5 {
	width: 39.624252775405636%; /* 464/1171 */
}
.col-6, .col-half {
	width: 48.24935952177626%; /* 565/1171 */
}
.col-7 {
	width: 56.874466268146883%; /* 666/1171 */
}
.col-8 {
	width: 65.499573014517506%; /* 767/1171 */
}
.col-9 {
	width: 74.12467976088813%; /* 868/1171 */
}
.col-10 {
	width: 82.749786507258753%; /* 969/1171 */
}
.col-11 {
	width: 91.374893253629377%; /* 1070/1171 */
}
.col-12 {
	width: 100%; /* 1171/1171 */
}

/* =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-wrapper
--------------------------------------------------------------- */
.mod-wrapper {
	margin-bottom: 1.5em;
}

/* =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: #a0a0a0;
	font-size: 0.875em; /* 14/16 */
}
.mod-entry-title {
	margin-bottom: 0.5em;
}
.mod-entry-title a {
	display: block;
}
.mod-entry-desc {
	
}
.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 {
	clear: both;
	display: block;
	float: right;
	width: 50%;
	margin: .5em 0 0 0;
	color: #8a8a8a;
}
.form-builder .form-option-lst .form-hint {
	float: none;
	width: auto;
}

.form-builder .required > label,
.form-builder .required .form-option-lst-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 {
		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: -webkit-flex;
	display: -ms-flexbox;
	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 {
	-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.flex-search > button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-right: 1em;
	padding-left: 1em;
	-webkit-flex: 0 0 0;
		-ms-flex: 0 0 0;
			flex: 0 0 0;
}

/* =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: flex;
	align-items: center;
}
.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: 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;
}
ul.gallery-magnific a {
	display: block;
	text-decoration: none;
}
ul.gallery-magnific figure {
	margin-bottom: 0;
}
ul.gallery-magnific figcaption {
	padding: 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;
	}

}

/* =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 0s;
}
.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 {
	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;
}
/*
Grau: #607886;
Hellgrau: #DFE6E8;
Rot: #d24140;
Grün: #00A7B5;
Schwarz: #313F44;
*/

/* =global
--------------------------------------------------------------- */
.wrap,
.tmpl-home .titlesection__content {
	width: 93.4557%;
	max-width: 1171px;
	margin: 0 auto;
}

/* =header
--------------------------------------------------------------- */
header {
	padding: 1.875em 0;
}
.logo {
	padding: 0.9375em 0;
}
.logo__img {
	display: block;
}
.header-address {
	position: absolute;
	right: 0;
	z-index: 2;
	width: 42.5%;
	min-width: 480px;
	background: #d24140;
	font-size: 1.4rem;
	line-height: 1.428571428571429;
	color: #fff;
}
.header-address a {
	color: #fff;
}
.header-address a:hover,
.header-address a:focus {
	color: #313F44;
}
.header-address__col {
	float: left;
	margin: 0.7em 0 0.6em 2.6em;
}
.header-address__col p {
	margin: 0;
}

/* =titlesection
--------------------------------------------------------------- */
.titlesection,
.titlesection__content__image img {
	height: 17.877094972067039vw;
	max-height: 224px;
	min-height: 124px;
}
.titlesection {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
}
.titlesection__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    background: #00A7B5;
}
.titlesection__image {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.titlesection__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	max-width: 72.55%; /* 909/1253 */
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc((100% - 1171px)/2 + (1171px * 0.741));
	        flex: 0 0 calc((100% - 1171px)/2 + (1171px * 0.741));
	width: calc((100% - 1171px)/2 + (1171px * 0.741));
}
.titlesection__content__image {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0;
}
.titlesection__content__title {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-height: 50%;
}
.title--neg {
	background: #313F44;
	color: #fff;
	line-height: 1.3;
}
.main__title {
	margin: 0 0 0.1em;
	padding: 0.06em 1.5rem 0;
}
.main__subtitle {
	margin: 0 0 0.3em;
	padding: 0.4em 1.5rem 0.3em;
}

/* =content
--------------------------------------------------------------- */
.container {
	padding: 6.4375em 0 3.2em;
}
.main .plupload_wrapper {
    min-width: 0;
}
.main .plupload_header_content {
    height: auto;
}
.main .plupload_button {
    float: left;
}
/*a.online-doc {
	display: inline-block;
    padding: 0.4em 1.2em 0.4em 0.6em;
    font-size: 1.375em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #ea4f4e;
}
a.online-doc:hover,
a.online-doc:focus {
    background: #bf2f2e;
}
a.online-doc>img {
	display: inline-block;
    margin-right: 1em;
    vertical-align: top;
}*/
a.online-doc {
    display: inline-block;
    padding: 0.4em;
}
a.online-doc {
    transition: 0.15s
}
a.online-doc:hover,
a.online-doc:focus {
    background: #f3f3f3;
}

/* =home
--------------------------------------------------------------- */
.tmpl-home .titlesection {
	height: 35.514764565043895vw;
	max-height: 445px;
	min-height: 148px;
}
.tmpl-home .titlesection__image {
	position: absolute;
    top: 0;
	height: 100%;
	height: 100%;
    width: calc((100% - 1171px)/2 + (1171px * 0.741));
}
.tmpl-home .titlesection__content {
	position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: auto;
}
.tmpl-home .titlesection__content__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 74.12467976088813%;
            flex: 1 1 74.12467976088813%;
    min-height: auto;
}
.tmpl-home .titlesection__content__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25.87532023911187%;
            flex: 1 1 25.87532023911187%;
    height: 100%;
    padding: 0 3.501280956447481% 2.2em;
    font-size: 1.4rem;
    background: #fff;
    background-position: right 36px;
	background-size: 100% auto;
	background-repeat: no-repeat;
    background-image: url('/public/upload/assets/104/Header__Info__Background.jpg');
    color: #313F44;
}
.tmpl-home .titlesection__content__info p {
	margin: 0;
}
.tmpl-home .titlesection__content__info .info__image {
    margin-right: 1em;
}
.tmpl-home .titlesection__content__info .info__image,
.tmpl-home .titlesection__content__info .info__content {
    float: left;
}
.tmpl-home .main__title {
	margin: 0 0 1em;
    padding: 0
}
.tmpl-home .title--block {
    display: block;
	width: 100%;
    padding: 0 0.4em;
    margin-bottom: 0.1em;
}
.tmpl-home .main h2 {
    margin-bottom: 1.5em
}

/* =sidebar
--------------------------------------------------------------- */
.sidebar {
	font-size: 1.4rem;
    line-height: 1.428571428571429;
}
.sidebar hr,
.sidebar table {
	margin-left: -0.3em;
	margin-right: -0.3em;
}
.sidebar h2 {
    font-weight: 700;
}
.sidebar table th {
    font-weight: normal;
}
.sidebar--notfall,
.sidebar--notfall a{
    color: #d24140;
}
.sidebar--notfall h2.listheader  {
    padding: 0.4em 0.8em;
    border-top: 1px solid #FBDCDC;
    border-bottom: 1px solid #FBDCDC;
}
.sidebar--notfall ul {
    list-style: none;
}
.sidebar--notfall li {
    margin: 0;
    padding: 0.4em 0.8em;
    border-bottom: 1px solid #FBDCDC;
}

/* =nav
--------------------------------------------------------------- */
.mainnav a {
	position: relative;
	display: block;
	padding: 0.5625em 0 0.5625em 1em;
    line-height: 1.3;
	text-decoration: none;
}
.mainnav .folder>a {
    color: #313F44;
}
.mainnav a:hover,
.mainnav a:focus,
.mainnav .current>a {
	color: #d24140;
}
.mainnav li {
	margin: 0;
}
.mainnav>ul,
.mainnav>ul>li>ul {
	border-top: 1px solid #DFE6E8;
}
.mainnav>ul>li {
	border-bottom: 1px solid #DFE6E8;
}
.mainnav>ul>li>a {
	color: #313F44;
}
.mainnav>ul>li>ul {
	margin: 0 0 2.2em;
}
.mainnav>ul>li>ul>li>a {
	padding-left: 2em;
}
.mainnav>ul>li>ul>li>ul,
.mainnav>ul>li>ul>li>ul>li>ul {
	margin: 0 0 0.5em;
}
.mainnav>ul>li>ul>li>ul>li>a {
	padding: 0.2em 0 0.2em 3em;
}
.mainnav>ul>li>ul>li>ul>li>ul>li>a {
	font-size: 0.9em;
	padding: 0 0 0 5em;
}
.mainnav>ul>li>ul>li>ul>li>ul>li>a::before {
	content: "– "
}
.responsivenav {
	display: none;
}
.mainnav li.folder>a::after {
	content: "\f107";
	position: absolute;
	right: 0em;
	font-size: 1.2em;
	line-height: 1em;
	font-family: FontAwesome;
}


/* =footer
--------------------------------------------------------------- */
.footer {
	clear: both;
	padding: 3em 0 1.5em;
	font-size: 1.4rem;
	background-color: #313F44;
	color: #fff;
}
.footer a {
	color: #fff;
}
.footer a:hover,
.footer a:focus {
	color: #DFE6E8;
}
.footer ul {
	list-style-type: none;
}
.footer li {
	margin: 0;
}





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

	/* =basics
	--------------------------------------------------------------- */
	h1, .h1 {
		font-size: 3rem;
	}

	/* =header
	--------------------------------------------------------------- */
	.logo {
		padding: 0;
	}

	/* =content
	--------------------------------------------------------------- */
	.container {
		padding: 3.2em 0 1.6em;
	}

    /* =home
	--------------------------------------------------------------- */
    .tmpl-home .titlesection__content__info {
        background-size: 90% auto;
    }
    .tmpl-home .titlesection__content__info .info__image {
        display: none;
    }
}

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

	/* =basics
	--------------------------------------------------------------- */
	h1, .h1 {
		font-size: 3rem;
	}

	/* =header
	--------------------------------------------------------------- */
	header {
		padding: 0.9375em 0;
	}
	.logo__img {
		width: 33%;
	}
	.header-address {
		top: 15px;
	}

	/* =titlesection
	--------------------------------------------------------------- */
	.titlesection__content {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 96.728%;
		        flex: 0 0 96.728%;
		width: 96.728%;
		max-width: none;
	}

	/* =content
	--------------------------------------------------------------- */
	.container {
		padding: 3em 0 1.5em;
	}
	.main {
		width: 74.12467976088813%;
	}

    /* =home
	--------------------------------------------------------------- */
    .tmpl-home .titlesection__content__info {
        background-image: none;
    }

	/* =sidebar
	--------------------------------------------------------------- */
	.sidebar {
		float: right;
		width: 74.12467976088813%;
		font-size: 1.6rem;
	}
}

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

	/* =basics
	--------------------------------------------------------------- */
	h1, .h1 {
		font-size: 2.6rem;
	}

	/* =header
	--------------------------------------------------------------- */
	header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.logo {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	.logo__img {
		width: 240px;
	}
	.header-address {
		position: relative;
        -webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		top: 0;
		min-width: auto;
		width: auto;
		background: none;
		font-size: 1.2rem;
		color: #607886;
	}
    .header-address a {
		color: #607886;
	}
	.header-address__col {
		margin: 0 0 0 1.5em;
	}

	/* =titlesection
	--------------------------------------------------------------- */
	.titlesection__image {
		background-image: none;
	}

	/* =content
	--------------------------------------------------------------- */
    .main {
    	width: 65.499573014517506%;
    }

    /* =home
	--------------------------------------------------------------- */
    .tmpl-home .titlesection__image {
        width: 100%;
    }
    .tmpl-home .titlesection__content__info {
        display: none;
    }

	/* =mainnav
	--------------------------------------------------------------- */
	.mainnav {
		width: 30.999146029035013%;
	}

    /* =sidebar
	--------------------------------------------------------------- */
	.sidebar {
		width: 65.499573014517506%;
	}

    /* =footer
	--------------------------------------------------------------- */
	.footer__col--first {
		width: 30.999146029035013%; /* 363/1171 */
	}
    .footer__col--second {
		width: 39.624252775405636%; /* 464/1171 */
	}
}

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

	/* =basics
	--------------------------------------------------------------- */
	h1, .h1 {
		font-size: 2rem;
	}

	/* =content
	--------------------------------------------------------------- */
	.main,
	.sidebar {
		font-size: 1.8rem;
	}

	/* =header
	--------------------------------------------------------------- */
	.header-address {
		display: none;
	}
	.main__subtitle {
		font-size: 1.4rem;
	}

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

	/* =responsivenav
	--------------------------------------------------------------- */
	.responsivenav {
		display: block;
		overflow-x: hidden;
	}
	.mobilenav-block {
		display: none;
		position: absolute;
		z-index: 2;
		left: 0;
		width: 100%;
		background-color: #DFE6E8;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
                box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
	}
	.mobilenav-box {
		width: 100%;
	}
	.mobilenav-box h2 {
		margin: 0;
		border-top: 1px solid #fff;
		font-size: 1em;
	}
	.govis-menu-node-item {
		margin: 0;
		border-top: 1px solid #fff;
		list-style: none;
	}
	.mobilenav-box a {
		display: block;
		padding: 0.5em 3%;
		text-decoration: none;
		font-size: 1.2em;
	}
	.mobilenav-box .govis-menu-node-item a,
	.mobilenav-box a:hover {
		color: #313F44;
	}
	.mobilenav-box .govis-menu-node-controller {
		top: 0;
		background: #00A7B5;
		border-left: 0;
		font-size: 1.2em;
		fill: #fff;	
	}
	.mobilenav-box .govis-menu-parent-node-item a {
		font-style: normal;
        font-weight: 700;
		color: #fff;
	}
	.govis-menu-node-controller .icon {
	    margin-bottom: -0.1em;
	}

	/* =hamburger
	--------------------------------------------------------------- */
	.hmbg-btn {
		display: block;
		position: absolute;
		z-index: 2;
		top: 10px;
		right: 3.27215%;
		height: 52px;
		width: 52px;
		padding: 0;
		border: 0;
		background: #fff;
		border-radius: 8px;
		cursor: pointer;
	}
	.hmbg-btn__row {
		position: absolute;
		left: 10%;
		height: 4px; /* übernehmen für alle top-Positionen (5x) */
		width: 80%;
		border-radius: 2px;
		background-color: #00A7B5;
		-webkit-transition: .2s linear;
		-o-transition: .2s linear;
		transition: .2s linear;
	}
	.hmbg-btn__row:nth-child(2) {
		top: calc(25% - 4px / 2);
	}
	.hmbg-btn__row:nth-child(3) {
		top: calc(50% - 4px / 2);
	}
	.hmbg-btn__row:nth-child(4) {
		top: calc(75% - 4px / 2)
	}
	.hmbg-btn--active .hmbg-btn__row:nth-child(2) {
		top: calc(50% - 4px / 2);
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.hmbg-btn--active .hmbg-btn__row:nth-child(3) {
		opacity: 0;
	}
	.hmbg-btn--active .hmbg-btn__row:nth-child(4) {
		top: calc(50% - 4px / 2);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* =content
	--------------------------------------------------------------- */
	.container main.main,
	.sidebar {
		width: 100%;
		margin: 0 0 3em;
		padding: 0;
	}
    .portrait {
        width: 48%;
        margin-left: 4%;
    }
    .portrait:nth-child(2n + 1) {
        margin: 0;
    }

	/* =sidebar
	--------------------------------------------------------------- */
	aside hr,
	aside table {
		margin-left: 0;
		margin-right: 0;
	}

	/* =footer
	--------------------------------------------------------------- */
	.footer__col {
		width: 100%;
		margin: 0 0 1.5em 0;
	}

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