/*! 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.5 'Fira Sans', Arial, Geneva, sans-serif;
	position: relative;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0 0 0.75em;
	line-height: 1.32;
	color: #0033A1;
	font-weight: 500;
}
h1, .h1 {
	font-size: 2.125em;
}
h2, .h2 {
	font-size: 1.33em;
}
h3, .h3 {
	font-size: 1.17em;
}
h4, .h4 { 
	font-size: 1em;
}
h5, .h5 {
	margin: 0 0 0.4em;
	font-size: 1em;
}
h6, .h6 {
	margin: 0 0 0.2em;
	font-size: 1em;
}
p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table, details, iframe,
.p, .box, .table-responsive, .media-responsive, .flex-search, .mb, .mod-wrapper, .accordion, [data-oembed-url], [class*="col-"] {
	margin: 0 0 1.5em;
}
p {}
.p {
	font-size: 1em;
	font-weight: normal;
}
li ul,li ol {
	margin: 0;
}
ul, ol {
	padding-left: 0;
}
ul {
	list-style: outside disc;
}
ol {
	list-style-position: outside;
}
ol ol, ul ul {
	margin-bottom: 0;
}
li {
	margin: 0 0 0 1.5em;
}
ol ol li, ul ul li {
	margin: 0 0 0 3em;
}
dt {
	font-weight: bold;
}
dd {
	padding-left: 1.5em;
}
abbr[title] {
	cursor: help;
}
hr {
	clear: both;
	height: 1px;
	margin: 1.5em 0;
	border: 0;
	color: #666;
	background-color: #666;
}
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;
	border: 0;
	padding: 0;
	width: 100%;
}
details {}
details[open] {}
summary {
	font-weight: bold;
}
details[open] > summary {
	margin-bottom: 0.75em;
}


/* =anchors
--------------------------------------------------------------- */
a {
	color: #0033A1;
}
a:visited {
	color: #001071;
}
a:focus, a:hover, a:active, li.active>a {
	color: #008836;
}
a:focus {
	outline-color: rgb(0, 208, 8);
}
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";
}
a[href*=".erlinsbach-ag.ch"]::after,
a[href*=".erlinsbach.ch"]::after,
a[href*=".backslash.ch"]::after,
a[data-email-link]::after,
a.no-icon::after, a.no-icon::before,
.banner-850 [href]::after,
.nav a[href]::after,
.metanav a[href]::after,
.subnav a[href]::after,
.footer a[href]::after,
.mod-dam--gallery a::before {
	content: none;
	padding: 0;
}
.os-url a.show-icon[href^="https://govis-erlinsbach-ag.backslash.ch"]::after,
.os-url a.show-icon[href^="https://www.erlinsbach-ag.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
--------------------------------------------------------------- */
fieldset {
	clear: both;
	border: 1px solid #666;
	padding: 1.5em;
}
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 {
	resize: vertical;
}
select:not([multiple]) {
	display: block;
	padding-right: 1.5em;
	width: 100%;
	max-width: 100%;
	margin: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiI+PC9wYXRoPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: right .75em top 50%;
	background-size: .75em auto;
}
select::-ms-expand { /* Hide arrow icon in IE browsers */
    display: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
[type=checkbox],
[type=radio] {
	border: 0;
	margin-right: 0.25em;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=file]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus,
button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
	outline: 0;
    border-color: rgb(0, 136, 54);
    box-shadow: 0 0 0 3px rgba(0, 208, 82, 0.6);
}
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 #ccc;
	padding: 5px;
}
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 #ccc;
}
table tfoot tr:last-child td {
	border-top: 2px solid #ccc;
	border-bottom: 3px double #ccc;
	font-weight: bold;
}
table.auto {
	width: auto;
}
table.fixed {
	table-layout: fixed;
}
table.vertical {
	border-top: 1px solid #ccc;
}
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: #f5f5f5;
}
table.hover tbody tr:hover,
ul.hover > li:hover {
	background-color: #f7fbff;
}

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

/*=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%;
	background:
		linear-gradient(to right, #fff 30%, rgba(255,255,255,0)), /* needs matching background-color */
		linear-gradient(to right, rgba(255,255,255,0), #fff 70%) 0 100%, /* needs matching background-color */
		radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: #fff; /* needs matching background-color */
	background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  	background-position: 0 0, 100%, 0 0, 100%;
	background-attachment: local, local, scroll, scroll;
	-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;
	 -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: 46.590909090909091%; /* 328/704 */
	margin: 6.818181818181818%; /* 48/704 */
}
.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 li {
	list-style: none outside none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
nav ul {
	margin-bottom: 0;
}
.nobr {
	white-space: nowrap;
}
details,
.box {
	border: 1px solid #666;
	padding: 1.5em;
	background-color: #f5f5f5;
}
.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;
}

blockquote > *:last-child,
fieldset > *:last-child,
details > *:last-child,
.box > *:last-child,
.row > [class*="col-"] > *:last-child,
.lc-reset > *: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: 20000;
	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,
a.btn,
.service__content--iwant a,
.service__content--toplinks a {
	display: inline-block;
	border: 0;
	padding: .25em 1em;
	color: #fff;
	text-decoration: none;
	font-size: 0.875em;
	text-align: center;
	line-height: inherit;
	background-color: #0033A1;
	border-radius: 1em;
	cursor: pointer;
	transition: background 0.15s;
}
.btn:hover,
.btn:focus,
.btn--home:hover,
.service__content--iwant a:hover,
.service__content--iwant a:focus,
.service__content--toplinks a:hover,
.service__content--toplinks a:focus {
	color: #fff;
	text-decoration: none !important;
	background-color: #001071;
}
.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: #757575;
}
.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;
}
.btn--home {
	display: inline-block;
	width: auto;
	padding: 0.5em 1em;
	border: 2px solid #0033A1;
	font-size: 0.875em;
	text-transform: uppercase;
	background: #fff;
	color: #0033A1;
	border-radius: 0;
}

/* =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: 4.444444444444444%; /* 48/1080 */
	min-height: 1px;
}
[class*="col-"]:first-child {
	margin-left: 0;
}
.col-1 {
	width: 12.962962962962963%; /* 140/1080 */
}
.col-2 {
	width: 30.37037037037037%; /* 328/1080 */
}
.col-3, .col-half {
	width: 47.777777777777778%; /* 516/1080 */
}
.col-4 {
	width: 65.185185185185185%; /* 704/1080 */
}
.col-5 {
	width: 82.592592592592593%; /* 892/1080 */
}
.col-6 {
	width: 100%; /* 1080/1080 */
}

/* =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 {
	position: relative;
	border-bottom: 1px solid #A3A3A3;
	padding: 0.75em 0;
}
.mod-entry:first-child {
	padding-top: 0.25em;
}
.mod-entry > *:last-child,
.mod-entry a > *:last-child {
	margin-bottom: 0;
}
.mod-category-title {
	
}
.mod-entry-meta,
.mod-entry-date {
	display: block;
	margin-bottom: 0.5em;
	color: #757575;
	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,
.form-builder .password-strength,
.form-builder .password-rules {
	clear: both;
	display: block;
	float: right;
	width: 50%;
	margin: .5em 0 0 0;
	color: #585858;
}
.form-builder .form-option-lst .form-hint {
	float: none;
	width: auto;
}

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

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

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

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

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

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

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

}

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

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

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

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

.cal-noentry { /* Daten ohne Eintrag */
	
}
.cal-noentry a {
	color: #707070;
}
.cal-noentry a:hover,
.cal-noentry a:focus {
	color: #000;
}

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

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

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

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

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

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

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

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

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

}

/* =magnific gallery
--------------------------------------------------------------- */
ul.gallery-magnific {
	overflow: hidden;
}
ul.gallery-magnific li {
	float: left;
	max-width: 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;
}
.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;
}

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

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

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

}

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

.govis-menu-node-item {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #555;
}
.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: #fff;
	background: #f4f4f7;
	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: #000;
}
.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: #625d5b;
	border-radius: 0;
}
.govis-menu-node-controller .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	color: #fff;
	transform: rotate(0deg) scale(1.5);
	transition: transform .2s ease;
}
.govis-menu-node-controller: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);
	}
}

/* =egov
--------------------------------------------------------------- */
.mod-contact-lst > .mod-entry {
	padding: 2em 0
}
.mod-contact-lst .mod-entry-img {
	margin-top: 0;
    margin-bottom: 1em;
}

@media only screen and (max-width: 38.75em) { /* 620/16 */
	.mod-contact-lst .mod-entry-img {
        margin-bottom: 1em;
    }
}


/* =global
--------------------------------------------------------------- */
.wrap {
	width: 90%; 
	max-width: 1080px;
	margin: 0 auto;
}
.contain {
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;'; /* for polyfill */
	width: 100%;
	height: 100%;
}

/* =header
--------------------------------------------------------------- */
.header {
	position: relative;
    overflow: hidden;
}
.js-mobilenav-visible .header {
    overflow: visible;
}
.js-mobilenav-visible .header__wave__img {
    display: none;
}

.services {
	position: fixed;
	right: 0;
	top: 22em; /* 308 */
	z-index: 10;
	font-size: 0.875em;
	color: #fff;
	-webkit-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15);
	        box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15)
}
.service {
	background: #0033A1;
	-webkit-transition: background 0.15s;
	transition: background 0.15s;
}
.service:hover,
.service__btn:focus,
.service.active .service__btn {
	background: #535CD3;
}
.service a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.service__btn,
a.service__btn {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 1em 0 0;
	border: 0;
	background: none;
	color: inherit;
}
.service__btn:hover {
	cursor: pointer;
}
.service__heading__icon {
	width: 1.714285714285714em;
	height: 1.714285714285714em;
	margin: 0.857142857142857em;
}
.service__content {
	display: none;
	position: absolute;
	right: 100%;
	top: 0;
	width: 25em;
	max-width: 80vw;
	min-height: 100%;
	padding: 1em;
	background: #535CD3;
}
.service__content--search {
	padding: 0;
}
.searchform {
	flex: 1 0 auto;
}
.searchform__input {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 1em;
	border: 0;
	background: none;
    color: #fff;
}
.searchform__input::-webkit-input-placeholder {
	color: #CCCCCC;
}
.searchform__input::-moz-placeholder {
	color: #CCCCCC;
}
.searchform__input:-ms-input-placeholder {
	color: #CCCCCC;
}
.searchform__input::-ms-input-placeholder {
	color: #CCCCCC;
}
.searchform__input::placeholder {
	color: #CCCCCC;
}
.service__content--iwant ul,
.service__content--toplinks ul {
	display: flex;
	flex-wrap: wrap;
}
.service__content--iwant ul>li {
	margin: 0 0.5em 0.25em 0;
}
.service__content--toplinks {
	padding: 1em;
}
.service__content--toplinks ul>li {
	flex: 0 0 50%;
}
.service__content--toplinks a {
	position: relative;
	z-index: 1;
    text-align: left;
	font-size: 0.857142857142857em;
    background: none;
}

.header__bg {
	position: relative;
}
.header__innerwrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 11.111111111111111vw;/* 160/1440 */
	min-height: 4em;
	max-height: 10em;
}
.logo {
	display: flex;
	align-items: center;
	flex: 0 1 auto;
	margin: 0 1em 0 0
}
.logo__img {
	display: block;
}
.logo__img--mobile {
	display: none;
}
.metanav-mainnav-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	max-height: 3.6em;
	margin: 0 0 0.75em;
}
.headimage {
	height: 33.333333333333333vw; /* 480/1440 */
	max-height: 30em; 
	background-color: grey;
	background-size: cover;
	background-position: center center;
}


/* =nav
--------------------------------------------------------------- */
.metanav a,
.mainnav a,
.subnav a {
	display: block;
	text-decoration: none;
}
.metanav a,
.mainnav a {
	padding: 0 0.5em;
	font-weight: 500;
	text-transform: uppercase;
}
.metanav>ul,
.mainnav>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.metanav a {
	font-size: 0.875em;
	color: #757575;
}
.metanav a:hover,
.metanav a:focus {
	color: #008836;
}
.metanav__link-img {
	display: block;
	height: 12px;
}
.subnav__subtitle {
	padding: 0 0 0.5em;
	margin: 0;
	font-size: 2.125em;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #001071
}
.subnav>ul>li {
	border-bottom: 1px solid #ccc;
}
.subnav>ul>li>a {
	padding: 1.5em 0 0.75em;
	font-weight: 700;
}
.subnav>ul>li>ul {
	padding: 0 0 1em;
}
.subnav>ul>li>ul>li a {
	padding: 0.125em 0 0.125em 1.5em;
	line-height: 1.25;
}
.subnav>ul>li>ul>li>ul>li>a {
	font-size: 0.875em;
	padding: 0 0 0 2.5em;
}
.responsivenav {
	display: none;
}


/* =content
--------------------------------------------------------------- */
.container {
	padding: 5.375em 0;	
}
main {
	padding: 4em 0 0;
}


/* =footer
--------------------------------------------------------------- */
footer {
	clear: both;
	color: #fff;
	background: #0033A1;
}
.footer {
	position: relative;
	margin: 60px 0 0;
	padding: 8em 0 5em;
}
.footer::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 1px);
	left: 0;
	right: 0;
	height: 60px;
	z-index: -1;
	background-image: url(/public/upload/assets/298/footer-welle-erlinsbach-ag.svg);
	background-repeat: repeat-x;
	background-position: 50% 100%;
}
.footer a {
	color: inherit;
	text-decoration: none;
}
.footer a:hover,
.footer a:focus {
	text-decoration: underline;
}
.footer strong {
	font-weight: 500;
}
.footer__logo {
	margin: 0 0 3em;
}
.footer__subtitle {
	padding: 0 0 0.5em;
	margin: 0 0 1em;
	border-bottom: 1px solid #fff;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}


/* =home
--------------------------------------------------------------- */

/* header */
.slogan-services-container {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
    height: 100%;
    padding-top: 60px;
}
.slogan {
	margin-bottom: 0.5em;
	font-size: 3.125em;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
}
.slogan p {
    text-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
.services-visible .services {
	position: relative;
	top: auto;
	font-size: 1em;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.services-visible .services__lst {
	display: flex
}
.services-visible .service {
	position: relative;
	flex: 1 1 33.33333%;
	margin-right: 4.444444444444444%;
	-webkit-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15);
	        box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15)
}
.services-visible .service:last-child {
	margin-right: 0;
}
.services-visible .service__btn {
	font-size: calc(0.8em + 0.5vw);
}
@media screen and (min-width: 112.5em) {
    .services-visible .service__btn {
        font-size: 1.3125em;
    }
}
.services-visible .service__heading__icon {
	height: 1.5em;
	width: 1.5em
}
.services-visible .service__content {
	top: 100%;
	left: 0;
	min-height: 0;
}
.services-visible .service:last-child .service__content {
	left: auto;
	right: 0;
}
.tmpl--home  .header__innerwrapper {
	margin-bottom: -2em;
	z-index: 2000;
	position: relative;
}
.tmpl--home .header__wave {
	position: relative;
}
.tmpl--home .header__wave__img {
	position: absolute;
	top: -30px;
    left: 50%;
    overflow: hidden;
    transform: translateX(-50%);
}
.tmpl--home .headimage {
	height: 55.555555555555556vw; /* 800/1440 */
	min-height: 30em;
	max-height: 50em;
}

/* content */
.tmpl--home .main {
	padding: 0;
}

/* Sections */
.section {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 6em;
}
.section--center {
	text-align: center;
}
.section__category {
	order: -1;
	margin: 0 0 0.5em;
	font-size: 0.875em;
	color: #757575;
	font-weight: 500;
	text-transform: uppercase;
}
.section__title {
    width: 100%;
}

/* facts */
.fact__lst {
	display: flex;
	justify-content: space-around;
	width: 100%;
	list-style: none;
}
.fact {
	flex: 1 1;
	margin: 0 1em;
}
.fact__img {
	margin: 0 0 1em;
}
.fact__number,
.fact__txt {
	display: block;
}
.fact__number {
	margin: 0 0 0.1em;
}

/* Teaser */
.teaser {
	display: flex;
	width: 100%;
}
.teaser__img {
	flex: 0 0 65.185185185185185%;
	background:  grey;
}
.teaser__content {
	flex: 1 1 47.777777777777778%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
    z-index: 2;
	margin: 2em 0 2em -12.962962962962963%;
	padding: 2em;
	background: #fff;
	-webkit-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15);
	        box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15)
}

/* Banner */
.banner {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
    background: grey;
}
.banner__img {
	height: 33.333333333333333vw;
	max-height: 30em;
}
.banner__wasserzeichen {
	position: absolute;
	top: calc(50% - 18px);
	left: calc(50% - 32px)
}

/* Ticker (News/Events) */
.ticker-container {
	width: 100%;
}
.ticker {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.ticker .section__title {
	width: 100%;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #0033a1;
}
.ticker .mod-wrapper {
	width: 100%;
}
.ticker .mod-wrapper a {
    display: block;
    text-decoration: none;
    color: #000;
}
.ticker .mod-wrapper a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ticker .mod-wrapper .mod-entry {
	display: flex;
    flex-direction: column;
    padding-left: 0.25em;
    padding-right: 0.25em;
}
.ticker .mod-wrapper .mod-entry .mod-entry-title {
	margin: 0;
}
.ticker .mod-wrapper .mod-entry .mod-entry-date {
    order: -1;
    margin: 0 0 0.5em;
}
.ticker .mod-wrapper .mod-entry:hover {
    background: #f5f5f5;
}
.ticker .mod-wrapper .mod-entry:focus-within {
    background: #f5f5f5;
}
.ticker .mod-wrapper a:hover,
.ticker .mod-wrapper a:focus {
    color: #0033A1;
}


.ticker--news .mod-news:first-of-type {
    margin-bottom: 0;
}

/* =850 johr speuz #59520 + #62599
--------------------------------------------------------------- */
.tmpl--home .container {
	position: relative;
    padding-top: 5.375em;
}
.banner-850 {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.banner-850 div {
	max-width: 90vw;
	padding: .75em 1.5em;
    background-color: #fff;
    border-radius: .25em;
}
.banner-850 a {
    display: block;
    text-decoration: none;
}
.banner-850 img {
	width: auto;
    max-height: 80px;
}

@media only screen and (max-width: 38.75em) { /* 620/16 */
    .tmpl--home .container {
        padding: 1.5em 0;
    }
    .banner-850 {
        position: static;
        transform: none;
        margin-bottom: 3em;
    }
    .banner-850 div {
    	background-color: #fafafa;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.15);
    }
}

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

	/* =header
	--------------------------------------------------------------- */
	.services {
		top: 21.388888888888889vw; /* 308/1440 */
	}

	/* =content
	--------------------------------------------------------------- */
	.container {
		padding: 5.972222222222222vw 0;
	}
	main {
		padding: 4.444444444444444vw 0 0;
	}

	/* =footer
	--------------------------------------------------------------- */
	.footer {
		padding: 8.888888888vw 0 5.555555555555556vw;
	}

	/* =home
	--------------------------------------------------------------- */
	.tmpl--home  .header__innerwrapper {
		margin-bottom: -2vw;
	}
	.slogan {
		font-size: calc(1.325em + 2vw);
	}
	.tmpl--home .header__wave__img {
		top: -2.083333333333333vw;
		width: 394.58vw;
        height: 11.111111111111111vw;
	}
}

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

	/* =global
	--------------------------------------------------------------- */
	h1, .h1,
	.subnav__subtitle {
		font-size: 1.75em;
	}

	/* =header
	--------------------------------------------------------------- */
	.metanav-mainnav-container {
		justify-content: center;
		margin: 0;
	}
	.metanav {
		display: none;
	}

	/* =home
	--------------------------------------------------------------- */
	.slogan {
		font-size: calc(1em + 2vw);
	}
	.services-visible .service {
		font-size: 0.75em;
	}
    .searchform__input {
		font-size: 1.6rem;
	}
}

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

	/* =global
	--------------------------------------------------------------- */
	h1, .h1 {
		font-size: 1.5em;
	}

	/* =header
	--------------------------------------------------------------- */
	.mainnav,
	.subnav,
	.metanav {
		font-size: 0.875em;
	}
	.services {
		top: 15vw;
		font-size: 0.75em;
	}

	/* =content
	--------------------------------------------------------------- */
	.main {
		padding: 0;
	}

	/* =footer
	--------------------------------------------------------------- */
	.footer__column {
		width: 100%;
		margin: 0 0 3em;
	}
    .service__content {
		font-size: 1.4rem;
	}
}

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

	/* =global
	--------------------------------------------------------------- */
	.wrap {
		width: 75%;
	}
	.subnav,
	.mainnav,
	.metanav,
	.logo__img--desktop {
		display: none;
	}
    .service__heading__txt {
        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;
    }

	/* =header
	--------------------------------------------------------------- */
    .header__bg {
        background: #fff;
    }
	.services {
		top: 8em;
	}
	.service__btn {
		padding: 0;
	}
	.logo__img--mobile {
		display: block;
	}
	.metanav-mainnav-container {
		justify-content: center;
	}
	.metanav-mobile {
		margin-top: 1.5em;
	}
	.metanav-mobile a {
		display: block;
		padding: 0.5em 0.75em 0.5em 3%;
		color: #757575;
		font-weight: 500;
	}
	.metanav__link-img {
		height: 18px;
	}

	/* =responsivenav
	--------------------------------------------------------------- */
	.responsivenav {
		display: block;
		overflow-x: hidden;
	}
	.responsivenav__bg {
		display: none;
		position: fixed;
		z-index: 300;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
	}
	.responsivenav__container {
		display: none;
		position: absolute;
		z-index: 3002;
		top: 59px;
		left: 0;
		width: 100%;
		background-color: #fff;
	}
	.mobilenav-box {
		width: 100%;
	}
	.mobilenav-box h2 {
		margin: 0;
		border-top: 1px solid #757575;
		font-size: 1em;
	}
	.govis-menu-node-item {
		margin: 0;
		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: #33688a;
	}
	.mobilenav-box .govis-menu-node-controller {
		top: 0;
		background: #0033A1;
		border-left: 0;
		font-size: 1.2em;
		fill: #fff;	
	}
	.mobilenav-box .govis-menu-parent-node-item a {
		color: #fff;
	}
	.govis-menu-node-controller .icon {
	    margin-bottom: -0.1em;
	}
    .mobilenav-box .govis-menu-node-item.title, 
    .mobilenav-box .govis-menu-node-item > a {
        padding: 0.5em 0.75em 0.5em 3%;
        border: 0;
    }

	/* =hamburger
	--------------------------------------------------------------- */
	.hmbg-btn {
		display: block;
		position: relative;
		z-index: 301;
		height: 40px;
		width: 40px;
		padding: 0;
		border: none;
		background: #fff;
		border-radius: 0;
		cursor: pointer;
	}
	.hmbg-btn__row {
		position: absolute;
		height: 4px; /* übernehmen für alle top-Positionen (5x) */
		width: 80%;
		left: 10%;
		border-radius: 0;
		background-color: #0033A1;
		-webkit-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);
		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);
		transform: rotate(45deg);
	}

	/* =content
	--------------------------------------------------------------- */
	.main {
		width: 100%;
		margin-left: 0;
	}

	/* =home
	--------------------------------------------------------------- */
	.ticker {
		width: 100%;
		margin: 0 0 3em;
	}
	.teaser {
		flex-direction: column;
	}
	.teaser__img {
		flex: 1 1 auto;
	}
    .teaser__content {
		flex: 1 1 auto;
		margin: 0;
		padding: 1em 0 0;
		box-shadow: none;
	}
	.fact__lst {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.fact {
		display: flex;
        flex-direction: column;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: calc(33% - 2em);
        font-size: 0.7em;
	}
    .fact:first-child {
		margin-left: 0
	}
    .fact:last-child {
		margin-right: 0
	}
    .fact__content {
    	flex: 1 0 auto;
        display: flex;
        flex-direction: column;
    }
    .fact__number {
        flex: 1 0 auto;
    }
	.tmpl--home .header__wave__img {
		top: -3px;
		width: 2000px;
        height: 56.32px
	}
	.tmpl--home .header__innerwrapper {
		position: static;
	}
	.services-visible .services__lst {
		display: flex;
		flex-direction: column;
	}
	.services-visible .service__content {
		position: relative;
		width: 100%;
		top: 0;
	}
    .service__content--toplinks a {
        padding: 0.25em;
    }
	.tmpl--home.services-visible .service {
		flex: 0 0 auto;
		margin: 2em 0 0;
	}
	.tmpl--home.services-visible .service__heading__txt {
		position: relative;
        width: auto;
        height: auto;
        margin: 0;
        border: 0;
        padding: 0;
        white-space: normal;
         -webkit-clip-path: none;
        clip-path: none;
        overflow: visible;
	}

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