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

*,
*:before,
*:after,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	position: relative;
	font: 1em/1.5 'Roboto', Arial, Geneva, sans-serif;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
	line-height: 1.4;
}
h1, .h1 {
	margin-bottom: 0.5em;
	font-size: 1.6875em;
	font-weight: 500;
}
h2, .h2 {
	font-size: 1.25em;
	font-weight: 500;
}
h2.mod-title {
	margin-bottom: 0.5em;
}
h3, .h3 {
	font-size: 1em;
	font-weight: 500;
}
h4, .h4 {
	font-size: 1em;
}
h5, .h5 {
	font-size: 1em;
}
h6, .h6 {
	font-size: 1em;
}
p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table,
.p, .box, .table-responsive, .media-responsive, .flex-search, .mb {
	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;
	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;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
}


/* =anchors
--------------------------------------------------------------- */
a, a:link {
	color: #000;
}
a:visited {
	
}
a:focus, a:hover, a:active, .subnav a:hover {
	color: #649d38;
}
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*=".muelligen.ch"]::after, 
a[href*=".schulemuelligen.ch"]::after, 
a[href*=".backslash.ch"]::after, 
a[data-email-link]::after,
a.no-icon::after, a.no-icon::before,
.mainnav a[href]::after, 
.subnav a[href]::after, 
.footer a[href]::after,
.mandantennav a[href]::after {
	padding: 0;
	content: none;
}
.os-url a.show-icon[href^="https://www.schulemuelligen.ch/"]::after,
.os-url a.show-icon[href^="https://www.muelligen.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";
}

/* =link expanded
--------------------------------------------------------------- */
.link-expanded {
	position: relative;
}
.link-expanded a::after,
a.link-expanded__child::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* =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: 5px 10px;
}
table th:first-child, 
table td:first-child {
	padding-left: 0;
}
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),
.zebra li:nth-child(even) {
	background-color: #f8f8f8;
}
table.hover tbody tr:hover,
.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 {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-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%);
	clip: rect(0 0 0 0);
	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: 42.528735632183908%; /* 370/870 */
	margin: 3.448275862068966%; /* 30/870 */
}
.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;
}
.portraet {
    width: 185px;
}
	
.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 #000;
	padding: 1.5em;
	background-color: #dbdbdb;
}
.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 {
	margin-bottom: 0;
}

/* =skiplinks
--------------------------------------------------------------- */
.skiplinks__link {
	position: absolute;
	top: -9999px;
	left: 1.5em;
	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: #649d38;
	border-radius: 3px;
	cursor: pointer;
}
.btn:hover, 
.btn:focus {
	color: #fff;
	text-decoration: none !important;
	background-color: #5a8d32;
}
.btn:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}
	
.btn--small, .btn--small {
  	padding: .1em .5em;
}
.btn[type="reset"],
.btn--secondary {
	background-color: grey;
}
.btn--invis,
.btn--ghost {
	border: 0;
	color: #000;
	background-color: transparent;
}
.btn--ghost {
	border: 1px solid #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: 2.564102564102564%; /* 30/1170 */
	min-height: 1px;
}
[class*="col-"]:first-child {
	margin-left: 0;
}
.col-1 {
	width: 5.982905982905983%; /* 70/1170 */
}
.col-2 {
	width: 14.52991452991453%; /* 170/1170 */
}
.col-3 {
	width: 23.076923076923077%; /* 270/1170 */
}
.col-4 {
	width: 31.623931623931624%; /* 370/1170 */
}
.col-5 {
	width: 40.170940170940171%; /* 470/1170 */
}
.col-6, .col-half {
	width: 48.717948717948718%; /* 570/1170 */
}
.col-7 {
	width: 57.264957264957265%; /* 670/1170 */
}
.col-8 {
	width: 65.811965811965812%; /* 770/1170 */
}
.col-9 {
	width: 74.358974358974359%; /* 870/1170 */
}
.col-10 {
	width: 82.905982905982906%; /* 970/1170 */
}
.col-11 {
	width: 91.452991452991453%; /* 1070/1170 */
}
.col-12 {
	width: 100%; /* 1170/1170 */
}

/* =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;
}
/* =global
--------------------------------------------------------------- */
.wrap {
	width: 100%;
	max-width: 1378px;
	margin: 0 auto;
	padding-left:104px;
	padding-right:104px;
}

/* =header
--------------------------------------------------------------- */
.header {
	padding-top: 24px;
}
.site-logo {
	margin: 0 24px 32px -78px;
}
.site-logo img {
	display: block;
}
.mandantennav {
	width: 300px;
	margin-top: -24px;
	border-top: 24px solid #dbdbdb;
}
.mandantennav__lst {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.mandantennav__item {
	font-weight: 500;
}
.mandantennav__item a {
	text-decoration: none;
}
.mandantennav__item--active {
	color: #42860d;
}

.headimage {
	height: 21.709401709401709vw;
	max-height: 254px;
    background-color: grey;
	background-position: center center;
	background-size: cover;
}


/* =content
--------------------------------------------------------------- */
main {
	padding: 2.1em 0;
}
.mod-lst-company> .mod-entry {
    padding: 0.75em 10px;
    border-top-color: #dcdfde;
}
.function-lst {
    margin-bottom: 0.75em;
}
.mod-contact-lst__img img {
	text-align: right;
    min-width: 185px;
}
.mod-entry-img--portraet {
	width: 185px;
}

/* =home
--------------------------------------------------------------- */
.tmpl-home .mod-wrapper,
.tmpl-home .mod-lst,
.tmpl-home .news-title,
.tmpl-home .event-date{
    margin: 0;
}
.tmpl-home .mod-lst > .mod-entry {
    border: 0;
    padding-top: 0;
}
.tmpl-home .event-date {
	position: relative;
    padding-left: 0.75em;
    font-size: 1em;
    color: #000;
}
.tmpl-home .event-date::before {
	content: "\f0da";
	position: absolute;
	left: 0;
	font-size: 1em;
	line-height: 1.5em;
	font-family: FontAwesome;
	color: #649d38;
}
.dashboard {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 31.623931623931624% 31.623931623931624% 31.623931623931624%;
	grid-template-columns: 31.623931623931624% 31.623931623931624% 31.623931623931624%;
	grid-column-gap: 2.564102564102564%;
	grid-row-gap: 30px;
}
.dashboard__item {
	position: relative;
	padding: 0.75em 1.25em;
	min-height: 11.25em;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.dashboard__item a {
	text-decoration: none;
}
.dashboard__item a:hover {
	text-decoration: underline;
}
.dashboard__item--img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
	padding: 0;
    background-color: grey;
}
.dashboard__item--img > .dashboard__item--img__image {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
    padding: 0.75em 1.25em;
}
.dashboard__item__title {
	position: relative;
	margin-bottom: 0.25em;
	font-weight: 300;
	font-size: 1.875em;
	line-height: 1.2;
}
.dashboard__item__desc {
	font-weight: 500;
	font-size: 1.25em;
}
.dashboard__item__desc--indent {
	margin-left: 2em;
}
.dashboard__item--bottom,
.dashboard__item--bottom.dashboard__item--img > .dashboard__item--img__image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.dashboard__item--bottom.dashboard__item--img {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.dashboard__item--green,
a.dashboard__item--green {
	background-color: #649d38;
	color: #fff;
}
.dashboard__item--yellow,
a.dashboard__item--yellow {
	background-color: #ffbf00;
    background-color: #f3aa00;
	color: #fff;
}
.dashboard__item--blue,
a.dashboard__item--blue {
	background-color: #1e64a0;
	color: #fff;
}
.dashboard__item--grey {
	background-color: #f6f6f6
}
.dashboard__item--dark-grey {
	background-color: #e3e3e3
}
.dashboard__item--grey .dashboard__item__title,
.dashboard__item--dark-grey .dashboard__item__title,
.dashboard__item--grey .dashboard__item__title a,
.dashboard__item--dark-grey .dashboard__item__title a {
	color: #598e30;
}
a.dashboard__item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.5625em;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
a.dashboard__item--green:hover,
a.dashboard__item--green:focus{
	background-color: #5a8d32;
	color: #fff;
}
a.dashboard__item--green:hover::after,
a.dashboard__item--green:focus::after{
	background-color: #ffbf00;
}
a.dashboard__item--yellow:hover,
a.dashboard__item--yellow:focus{
	background-color: #f2b500;
	color: #fff;
}
a.dashboard__item--yellow:hover::after,
a.dashboard__item--yellow:focus::after{
	background-color: #649d38;
}
a.dashboard__item--blue:hover,
a.dashboard__item--blue:focus{
	background-color: #18568c;
	color: #fff;
}
a.dashboard__item--blue:hover::after,
a.dashboard__item--blue:focus::after{
	background-color: #649d38;
}
a.dashboard__item--plan:hover::after,
a.dashboard__item--plan:focus::after{
	background-color: #ffbf00;
}
a.dashboard__item--schulalltag:hover::after,
a.dashboard__item--schulalltag:focus::after{
	background-color: #ffbf00;
}
.dashboard__item__title--white,
.dashboard__item--green a,
.dashboard__item--green a:hover,
.dashboard__item--blue a,
.dashboard__item--blue a:hover{
    color: white;
}


/* specific dashboard-items
--------------------------------------------------------------- */
.dashboard__item--welcome {
	background: url('/public/upload/assets/15/muehlenrad-angeschnitten.svg') 100.8% 100.8% no-repeat;
}
.dashboard__item--plan > .dashboard__item--img__image {
	background: url('/public/upload/assets/16/Ortsbild_Background.jpg') center center no-repeat;
	background-size: cover;
}
.dashboard__item--plan:hover > .dashboard__item--img__image::before,
.dashboard__item--plan:focus > .dashboard__item--img__image::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url('/public/upload/assets/16/Ortsbild_Background.jpg') center center no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
}
.dashboard__item--osm {
	-ms-grid-column: 2;
}
.dashboard__item--paper {
	-ms-grid-column: 3;
    -ms-grid-row: 1;
}
.dashboard__item--events {
	-ms-grid-row: 2;
	-ms-grid-row-span: 2;
	grid-row: 2 / span 2;
}
.dashboard__item--news {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column: 2 / span 2;
}
.dashboard__item--search {
	-ms-grid-row: 3;
    -ms-grid-column: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 20px;
}
.dashboard__item--plan  {
	-ms-grid-row: 3;
    -ms-grid-column: 3;
}
/* =search
--------------------------------------------------------------- */
.searchform {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: stretch;
	    -ms-flex-pack: stretch;
	        justify-content: stretch;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.searchform__label {
	display: block;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.searchform__input {
	width: 100%;
	padding: 7px 7px 7px 2em;
	border: 0;
    border-radius: 0;
	font-weight: 300;
	color: #666;
    -webkit-appearance: none;
}
.searchform__submit {
	position: absolute;
	bottom: 0;
	width: 1.6em;
	padding: 7px 10px;
	color: #666;
	background: none;
	border: 0;
    overflow: visible;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
  font-family: 'Roboto', Arial, sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  font-family: 'Roboto', Arial, sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
  font-family: 'Roboto', Arial, sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-family: 'Roboto', Arial, sans-serif;
}
/*IE only*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
    .dashboard {
        -ms-grid-columns: 33.333333% 33.333333% 33.333333%;
    }
    .dashboard__item:not(.dashboard__item--img) {
    	display: block;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .dashboard__item--img {
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .dashboard__item.dashboard__item--news,
    .dashboard__item.dashboard__item--plan,
    .dashboard__item.dashboard__item--paper,
    .dashboard__item.dashboard__item--interna,
    .dashboard__item.dashboard__item--angebote {
        margin-right: 0;
    }
    .searchform {
        height: 100%;
    }
}

/* =nav
--------------------------------------------------------------- */
.responsivenav {
	display: none;
}
.mainnav {
	position: relative;
	font-size: 1.25rem;
}
.mainnav a {
	display: block;
	text-decoration: none;
}
.mainnav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.mainnav > ul > li {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.mainnav > ul > li > a {
	text-align: center;
	padding-bottom: 0.5em;
}
.mainnav > ul > li:hover .megadropdown {
	display: block;
}
.megadropdown {
	display: none;
	position: absolute;
	width: 108%;
	left: -4%;
	top: 100%;
	z-index: 2;
    padding:0 4% 0.8em 4%;
}
.megadropdown > ul {
	padding-bottom: 0.8em;
	border-bottom: 4px solid #649d38;
	background-color: #f6f6f6;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
}
.megadropdown > ul > li {
	margin-bottom: 0;
}
.megadropdown > ul > li > a {
	padding: 0.1em 1em;
	font-weight: 500;
	color: #fff;
	background-color: #666666;
}
.megadropdown > ul > li:nth-child(4n + 2) > a {
	background-color: #7d7b7b;
}
.megadropdown > ul > li:nth-child(4n + 3) > a {
	background-color: #999999;
}
.megadropdown > ul > li:nth-child(4n + 4) > a {
	background-color: #b0b0b0;
}
.megadropdown > ul > li > a:hover,
.megadropdown > ul > li > a:focus {
	color: #fff;
	background-color: #4c4c4c;
}
.megadropdown > ul > li > ul > li {
	margin: 0;
	font-size: 0.8em;
	border-bottom: 1px solid #bfbfbf;
}
.megadropdown > ul > li > ul > li > a {
	padding: 0 1.25em;
}
.megadropdown > ul > li > ul > li a:hover,
.megadropdown > ul > li > ul > li a:focus{
	color: inherit;
	background-color: rgba(0,0,0,0.2);
}
.megadropdown li.current > a::before {
	content: "\f0da";
	position: absolute;
	left: 6px;
	font-size: 1em;
	line-height: 1.5em;
	font-family: FontAwesome;
	color: #649d38;
}

/* =subnav
--------------------------------------------------------------- */
.subnav h3 {
	padding: 2.333333em 6px 0 6px;
	font-size: 1.125em;
	color: #4c7d27;
	background-color: #f7f6f6;
}
.subnav a {
	display: block;
	padding: 0 6px;
	color: #666;
	text-decoration: none;
}
.subnav li {
	margin: 0;
}
.subnav li.current > a::after {
	content: "\f0d9";
	position: absolute;
	right: 0;
	font-size: 1em;
	line-height: 1.5em;
	font-family: FontAwesome;
	color: #649d38;
}
.subnav > ul > li > a {
	font-weight: 700;
}
.subnav > ul > li > a,
.subnav > ul > li > ul > li > a {
	border-bottom: 1px solid #bfbfbf;
}
.subnav > ul > li:first-child > a {
	border-top: 1px solid #bfbfbf;
}
.subnav > ul > li > ul > li > ul > li > a {
	padding-left: 18px;
	font-size: 0.875em;
}


/* =footer
--------------------------------------------------------------- */
.footer {
	clear: both;
	padding: 1.5em 0 0 0;
	background-color: #dbdbdb;
}
.footer h2 {
	font-size: 1em;
}
.footer__service h2,
.footer__service li {
	margin-left: 1em;
	list-style: none;
}
.footer__service h2::before,
.footer__service li a::before {
	content: "\f0da";
	position: absolute;
	left: 0;
	font-size: 1em;
	line-height: 1.5em;
	font-family: FontAwesome;
}
.footer__service li a::before {
	left: 1em;
	color: #999;
}
.footer__service li {
	border-top: 1px solid #fff;
}
.footer__service li:last-child {
	border-bottom: 1px solid #fff;
}
.footer__service li a {
	display: block;
	text-decoration: none;
	padding-left: 1em;
}
.footer__service li a:hover::before,
.footer__service li a:focus::before {
	color: #649d38;
}


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

	/* =global
	--------------------------------------------------------------- */
	.wrap {
		padding-left: 2.564102564102564%;
		padding-right: 2.564102564102564%;
	}

	/* =header
	--------------------------------------------------------------- */
	.site-logo {
		margin-left: 0;
	}
}

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

	/* =home
	--------------------------------------------------------------- */
	.dashboard {
		padding: 25px 0;
		grid-row-gap: 25px;
	}
	.dashboard__item__title {
		font-size: 1.5em;
	}
	.dashboard__item__desc {
		font-size: 1em;
		line-height: 1.2;
	}

	/* =nav
	--------------------------------------------------------------- */
	.mainnav {
		font-size: 1rem;
	}

	/* =footer
	--------------------------------------------------------------- */
	.responsive-col {
		margin-left: 2.564102564102564%; /* 30/1170 */
	}
	.responsive-col:nth-child(2n + 1) {
		margin-left: 0; /* 30/1170 */
	}
	.responsive-col-half {
		width: 48.717948717948718%;
	}
	.responsive-col-quarter {
		width: 23.076923076923077%; /* 270/1170 */
	}
}

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

	/* =global
	--------------------------------------------------------------- */
	.wrap {
		/*position: relative;*/
		width: 94%;
		padding-left: 0;
		padding-right: 0;
	}

	/* =reset
	--------------------------------------------------------------- */
	.main, .footer {
		position: static;
		float: none;
		width: auto;
		height: auto;
		margin-left: 0;
	}

	/* =header
	--------------------------------------------------------------- */
	.header {
		padding-top: 6px;
	}
	.mandantennav {
		margin-top: -6px;
		border-top: 6px solid #dbdbdb;
	}
	.site-logo {
		width: 37.1vw;
		margin-top: 18px;
		margin-bottom: 24px;
	}

	/* =nav
	--------------------------------------------------------------- */
	.mainnav,
	.subnav {
		display: none
	}
	.responsivenav {
		display: block;
	}
    .mobilenav-block {
        position: absolute;
        z-index: 2;
        width: 100%;
        left: 0;
        background-color: #ffbf00;
    }
    .mobilenav-box {
        display: none;
        width: 100%;
    }
    .mobilenav-box h2 {
        font-size: 1em;
    }
    .mobilenav-box li{
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #000;
    }
    .mobilenav-box a{
        display: block;
        padding: 0.5em 3%;
        text-decoration: none;
        font-size: 1.2em;
    }
    .mobilenav-box a:hover{
        color: #000;
    }
    .mobilenav-box .govis-menu-node-controller {
        top: 0;
        background: #649d38;
        border-left-color: #649d38;
        font-size: 1.2em;
        line-height: 1.7em;
    }
    .mobilenav-box .govis-menu-parent-node-item a {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

	/* =hamburger
	--------------------------------------------------------------- */
	.hmbg-btn {
		display: block;
		position: absolute;
		z-index: 1;
		top: 43px;
		right: 3%;
		height: 61px;
		height: 6.931818181818182vw;
		min-height: 50px;
		width: 80px;
		padding: 0;
		border: none;
		border-radius: 4px;
		background: #ffbf00;
		cursor: pointer;
	}
	.hmbg-row {
		position: absolute;
		height: 3px;
		width: 60%;
		left: 20%;
	    background-color: #000;
		-webkit-transition: .2s linear;
		-o-transition: .2s linear;
		transition: .2s linear;
	}
	.hmbg-row:nth-child(2) {
		top: 22.5%;
	}
	.hmbg-row:nth-child(3) {
		top: 47.5%
	}
	.hmbg-row:nth-child(4) {
		top: 72.5%
	}
	.mobile-nav-visible .hmbg-row:nth-child(2) {
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		top: 50%;
	}
	.mobile-nav-visible .hmbg-row:nth-child(3) {
		opacity: 0;
	}
	.mobile-nav-visible .hmbg-row:nth-child(4) {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		top: 50%;
	}

	/* =home
	--------------------------------------------------------------- */
	.dashboard {
		padding: 20px 0;
		grid-row-gap: 20px;
	}
    /*IE only*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
        .dashboard__item {
            margin-right: 20px;
            margin-bottom: 20px;
        }
        .dashboard__item.dashboard__item--news,
        .dashboard__item.dashboard__item--plan,
        .dashboard__item.dashboard__item--paper {
            margin-right: 0;
        }
    }
	.dashboard__item {
		min-height: 0;
	}
	.dashboard__item--welcome {
		background-image: none;
	}
	.dashboard__item__desc--indent {
		margin: 0;
	}
	.dashboard__item--bottom:not(.dashboard__item--img) {
		display: block;
	}
	.dashboard__item__title {
		font-size: 1.3em;
		font-weight: 500;
	}
	.dashboard__item__desc {
		font-size: 1em;
		line-height: 1.2;
		font-weight: 300
	}

	/* =footer
	--------------------------------------------------------------- */
	.responsive-col {
		margin-left: 0; /* 30/1170 */
	}
	.responsive-col-half {
		width:75%;
	}
	.responsive-col-quarter {
		width: 50%; /* 270/1170 */
	}
}

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

	/* =header
	--------------------------------------------------------------- */
	.site-logo {
		margin-top: 37px;
		width: auto;
	}
	.site-logo img {
		height: 50px;
	}
	.hmbg-btn {
		top: 42px;
		width: 50px;
	}
	.mandantennav {
		position: absolute;
		right: 3%;
		top: 5px;
		width: 260px;
	}
	.headimage {
		display: none
	}

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

	/* =home
	--------------------------------------------------------------- */
	.dashboard {
		grid-row-gap: 15px;
	}
	.dashboard__item--events {
		-ms-grid-row: 3;
		grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / span 3;
	}
	.dashboard__item--news {
		-ms-grid-row: 4;
		grid-row: 4;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / span 3;
	}
	.dashboard__item--search {
		-ms-grid-row: 2;
		grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
	}
	.dashboard__item--plan {
		-ms-grid-row: 2;
		grid-row: 2;
		-ms-grid-column: 3;
		grid-column: 3;
	}
	.dashboard__item__title {
		font-size: 1.2em;
	}
	.dashboard__item__desc {
		font-size: 0.8em;
	}

	/* =footer
	--------------------------------------------------------------- */
	.responsive-col {
		margin-left: 0; /* 30/1170 */
	}
	.responsive-col-half {
		width:100%;
	}
	.responsive-col-quarter {
		width: 50%; /* 270/1170 */
	}
}

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

	/* =home
	--------------------------------------------------------------- */
	.dashboard {
		grid-row-gap: 10px;
		grid-column-gap: 10px;
        grid-template-columns: auto auto auto;
	}
	.dashboard__item:not(.dashboard__item--img),
    .dashboard__item--img > .dashboard__item--img__image{
		padding: 0.75em 0.75em;
	}
	.dashboard__item__title {
		font-size: 1.1em;
	}
	.dashboard__item__desc:not(.dashboard__item__desc--link) {
		display: none;
	}

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

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

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

	/* =home
	--------------------------------------------------------------- */
	.dashboard {
		grid-row-gap: 6px;
		grid-column-gap: 6px;
	}
	.dashboard__item--welcome .dashboard__item__title,
	.dashboard__item--osm .dashboard__item__title,
	.dashboard__item--paper .dashboard__item__title,
    .dashboard__item--schulalltag .dashboard__item__title,
    .dashboard__item--angebote .dashboard__item__title,
    .dashboard__item--interna .dashboard__item__title,
    .dashboard__item--wichtiges .dashboard__item__title{
		font-size: 0.85em;
	}
}

/*IE only*/
@media all and (-ms-high-contrast: none) and (max-width: 62.5em), (-ms-high-contrast: active) and (max-width: 62.5em) { /* 1000/16 */
    .dashboard__item:not(.dashboard__item--img),
    .dashboard__item--img {
        margin-right: 25px;
        margin-bottom: 25px;
    }
    .dashboard__item.dashboard__item--news,
    .dashboard__item.dashboard__item--plan,
    .dashboard__item.dashboard__item--paper {
        margin-right: 0;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 37.5em), (-ms-high-contrast: active) and (max-width: 37.5em) { /* 600/16 */
    .dashboard__item:not(.dashboard__item--img),
    .dashboard__item--img {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .dashboard__item.dashboard__item--news,
    .dashboard__item.dashboard__item--plan,
    .dashboard__item.dashboard__item--paper {
        margin-right: 0;
    }
}


@media all and (-ms-high-contrast: none) and (max-width: 32.5em), (-ms-high-contrast: active) and (max-width: 32.5em) {  /* 520/16 */
    .dashboard__item:not(.dashboard__item--img),
    .dashboard__item--img {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .dashboard__item.dashboard__item--news,
    .dashboard__item.dashboard__item--plan,
    .dashboard__item.dashboard__item--paper {
        margin-right: 0;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 26.25em), (-ms-high-contrast: active) and (max-width: 26.25em) {  /* 420/16 */
    .dashboard__item:not(.dashboard__item--img),
    .dashboard__item--img {
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .dashboard__item.dashboard__item--news,
    .dashboard__item.dashboard__item--plan,
    .dashboard__item.dashboard__item--paper {
        margin-right: 0;
    }
}