/*
text/css-document
(c) w3work, mailingwork
*** w3walker ***
*** grid-system with helper class library ***

version: 2.1.0.0
date: 28.07.2015
last modified: 29.08.2016
modified by: matthias_e
checked at: -
checked by: -

MOD-INFOS:
2.0.2.1
- padding-class padding -> padding-1
- tables
2.0.2.2
- add material-icon chevron down to select
2.1.0.0
- changed margin- ande padding sizing class to --n
- changed is-icon and has-icon sizing class to --n
- changed is-circle sizing class to --n
- changed has-border sizing class to --n
- changed text-col-gap sizing class to --n
- changed is-text sizing class to --n
- changed has-shadow sizing class to --n

################################################## table of content ##################################################

### A ### (infos)
@ conversions

### 1 ### (fonts)
@ fonts

### 2 ### (global)
@ normalize
@ clearfix
@ main settings
@ basics
@ sizing, alignment
@ colors, borders
@ separator
@ text
@ action
@ images
@ forms

### 3 ### (grid)
@ columns
@ content columns
@ padding, margin

### 4 ### (specials)
@ embeded elements
@ overlays
@ effects
@ loader
@ slider
@ galleries
@ icons
@ circles, squares

### 5 ### (settings)
@ sections
@ resets

### 6 ### (mobile)

*/

/*
################################################## A infos ##################################################
*/
/*
###########################
##### conversions #########
###########################
*/
/*
em - px @ 16px font-size
0.125 -  2px --xxxs
0.25  -  4px --xxs
0.5   -  8px --xs
0.75  - 12px --s
1     - 16px
1.25  - 20px --m
1.5   - 24px --l
1.75  - 28px --xl
2     - 32px --xxl
2.5   - 40px --xxxl
*/

/*
################################################## 1 fonts ##################################################
*/
/*
###########################
##### fonts ###############
###########################
*/
/*** standard -> 'Roboto', sans-serif;  ***/
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic); */

/*** condensed -> 'Roboto Condensed', sans-serif; ***/
/* @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic); */

/*** slab -> 'Roboto Slab', serif; ***/
/* @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700); */

/*** slab -> 'Roboto Mono', monospace; ***/
/* @import 'https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700'; */
/*
################################################## 2 global ##################################################
*/
/*
###########################
##### normalize ###########
###########################
*/
*, *::before, *::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, input, textarea, select, button, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, menu, nav, output, ruby, section,
summary, time, mark, audio, video, picture {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: none;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, img, picture {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
html {
	height: 100%;
}
body {
	font-size: 100%;
	font-weight: normal;
	line-height: 1em;
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
			text-size-adjust: 100%;
	overflow-x: hidden;
}
html, body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, table,
input, textarea, select, button {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-weight: 400;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: 700;
}
strong em,
em strong,
b i,
i b {
	font-style: italic;
	font-weight: 700;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
a {
	background: transparent;
	text-decoration: none;
	color: inherit;
}
a:focus {
	outline: 0;
}
a:active, a:hover {
	outline: 0;
}
img {
	border: 0;
	width: 100%;
	max-width: 100%;
}
hr {
	height: 0;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
	text-decoration: none !important;
	cursor: default;
}

.button--unstyled{
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	width: auto;
	color: inherit;
	text-align: inherit;
}

.button__toggle {
	display: flex;
	align-items: center;
	background-color: rgb(70,70,70);
	color: white;
	float: right;
	padding: 10px 10px 7px 10px;
	border: 3px solid rgb(70,70,70);
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	transition: background-color 0.5s ease, color 0.5s ease;
}

.button__toggle:hover, .button__toggle:active {
	background-color: white;
	color: rgb(70,70,70);
}

.button__toggle .icon {
	display: flex;
	width: 18px;
	margin-right: 8px;
}

.button__toggle .icon svg {
	width: 100%;
	height: auto;
}

.button__toggle:hover svg *, .button__toggle:active svg * {
	fill: rgb(70,70,70);
	transition: fill 0.5s ease;
}

.button__toggle .reduce {
	display: none;
}

.button__toggle.active .increase {
	display: none;
}

.button__toggle.active .reduce {
	display: block;
}

.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: relative;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

/*
###############################
##### clearfix, no content ####
###############################
*/
.cf:before, .cf:after,
.row:before, .row:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
.cf:after,
.row:after {
	clear: both;
}
.cf,
.row {
	*zoom: 1;
}
.cb {
	clear: both;
}
.co {
	overflow: hidden;
}
.nc {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
/*
###########################
##### main settings #######
###########################
*/
/*
##### color and background ##############
*/
body {
	color: rgb(70,70,70);
	background-repeat: repeat;
	background-position: top left;
	background-attachment: fixed;
	background-color: rgb(255,255,255);
	background-size: auto;
}
/*
##### sticky footer ##############
*/
/*	~ erfordert zusätzlichen wrapper: class="footer_sticky" (ie11) */
/*
	~ kann optional für android per media-query ausgeschlossen werden
	@media only screen and (min-width: 961px) {}

*/

	body.footer-sticky {
		height: 100%;
	}
	.footer-sticky {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
			-webkit-box-orient: vertical;
		 -webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		min-height: 100%;
		min-height: 100vh;
	}
	body.footer-sticky main {
		-webkit-box-flex: 1;
			-webkit-flex: 1 0 auto;
				-ms-flex: 1 0 auto;
					flex: 1 0 auto;
		width: 100%;
	}
/*
##### fixed header ##############
*/
body.header-fixed header {
	-webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
		-ms-transition: all .5s;
	     -o-transition: all 0.5s;
			transition: all 0.5s;
}
body.header-fixed main {
	-webkit-transition: margin 0.5s, transform .5s ease;
       -moz-transition: margin 0.5s, transform .5s ease;
		-ms-transition: margin 0.5s, transform .5s ease;
	     -o-transition: margin 0.5s, transform .5s ease;
			transition: margin 0.5s, transform .5s ease;
}
body.header-fixed header {
	position: relative;
	width: 100%;
	z-index: 8888;
	top: 0;
}
body.scroll.header-fixed header {
	position: fixed;
	height: 64px;
}

/* mobiles Menü */
.nav_widget {
	display: none;
}

/*
body.header-fixed.abc-visible header {
	position: static;
	height: auto;
}
body.header-fixed.abc-visible main {
	margin-top: 0;
}
*/
/*
###########################
##### basics ##############
###########################
*/
.el_no {
	display: none;
}
.is-none {
	display: none;
}
.is-block {
	display: block;
}
.is-inline {
	display: inline-block;
}
.is-table {
	display: table;
	border-collapse: separate;
}
.is-table-row {
	display: table-row;
}
.is-table-cell {
	display: table-cell;
}
.is-relative {
	position: relative;
}
.is-absolute {
	position: absolute;
}
.is-fixed {
	position: fixed;
}
.topleft {
	top: 0;
	left: 0;
}
.topright {
	top: 0;
	right: 0;
}
.bottomleft {
	bottom: 0;
	left: 0;
}
.bottomright {
	bottom: 0;
	right: 0;
}
/*
###########################
##### sizing, alignment ###
###########################
*/
.ws {
	width: 100%;
}
.hs {
	height: 100%;
}
.is-horizontal-centered {
	margin-left: auto;
	margin-right: auto;
}
.is-vertical-top {
	vertical-align: top;
}
.is-vertical-centered {
	vertical-align: middle;
}
.is-vertical-bottom {
	vertical-align: bottom;
}
.has-horizontal-centered,
.has-vertical-centered,
.has-centered {
	position: relative;
}
.has-horizontal-centered > * {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
}
.has-vertical-centered > * {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.has-centered > .is-centered-element {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		 -o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
}
/*
###########################
##### colors, borders #####
###########################
*/
/*
##### selection-colors ##############
*/
::-moz-selection {
	background-color: #000;
	background-color: rgb(0,0,0);
	color: #fff;
	color: rgb(255,255,255);
}
::selection {
	background-color: #000;
	background-color: rgb(0,0,0);
	color: #fff;
	color: rgb(255,255,255);
}
/*
##### background-colors, hr-colors ##############
*/
	/* hauptfarbe grau */
.primary {
	background-color: rgb(128,128,128);
}
	/* hauptfarbe hellgrau */
.primary--light {
	background-color: rgb(179,179,179);
}
	/* hauptfarbe extra hellgrau */
.primary--extralight {
	background-color: rgb(240,240,240);
}
	/* hauptfarbe dunkelgrau (Abfall-ABC, CTA-Verlauf oben) */
.primary--dark {
	background-color: rgb(70,70,70);
}
	/* hauptfarbe extra dunkelgrau (CTA-Verlauf unten) */
.primary--extradark {
	background-color: rgb(32,32,32);
}
	/* sekundärfarbe gelb */
.secondary {
	background-color: rgb(255,213,0);
}
	/* sekundärfarbe gelb-orange */
.secondary--dark {
	background-color: rgb(240,173,0);
}

.bg-green {
	background-color: rgb(167, 196, 102);
}
.bg-melonenorange {
	background-color: rgb(241, 179, 97);
}
.bg-apricocreme {
	background-color: rgb(247, 209, 160);
}

	/* grayscale 90% */
.grey-90 {
	background-color: rgb(25,25,25);
}
	/* grayscale 80% */
.grey-80 {
	background-color: rgb(51,51,51);
}
	/* grayscale 70% */
.grey-70 {
	background-color: rgb(76,76,76);
}
	/* grayscale 60% */
.grey-60 {
	background-color: rgb(102,102,102);
}
	/* grayscale 50% */
.grey-50 {
	background-color: rgb(127,127,127);
}
	/* grayscale 40% */
.grey-40 {
	background-color: rgb(153,153,153);
}
	/* grayscale 30% */
.grey-30 {
	background-color: rgb(178,178,178);
}
	/* grayscale 20% */
.grey-20,
code {
	background-color: rgb(204,204,204);
}
	/* grayscale 10% */
.grey-10 {
	background-color: rgb(229,229,229);
}
	/* white */
.white {
	background-color: rgb(255,255,255);
}
	/* black */
.black {
	background-color: rgb(0,0,0);
}
	/* farbe info/highlight */
.highlight {
	background-color: rgb(255,255,102);
}
/*
##### background-pattern ##############
*/
.has-bg-pattern {
	background-repeat: repeat;
}
/*
##### gradients ##############
*/

/*
##### font-colors ##############
*/
	/* hauptfarbe grau */
.is-primary {
	color: rgb(128,128,128);
}
	/* hauptfarbe hellgrau */
.is-primary--light {
	color: rgb(179,179,179);
}
	/* hauptfarbe extra hellgrau */
.is-primary--extralight {
	color: rgb(240,240,240);
}
	/* hauptfarbe dunkelgrau (Abfall-ABC, CTA-Verlauf oben) */
.is-primary--dark {
	color: rgb(70,70,70);
}
	/* hauptfarbe extra dunkelgrau (CTA-Verlauf unten) */
.is-primary--extradark {
	color: rgb(32,32,32);
}
	/* sekundärfarbe gelb */
.is-secondary {
	color: rgb(255,213,0);
}
	/* sekundärfarbe gelb-orange */
.is-secondary--dark {
	color: rgb(240,173,0);
}
	/* grayscale 90% */
.is-grey-90 {
	color: rgb(25,25,25);
}
	/* grayscale 80% */
.is-grey-80 {
	color: rgb(51,51,51);
}
	/* grayscale 70% */
.is-grey-70 {
	color: rgb(76,76,76);
}
	/* grayscale 60% */
.is-grey-60 {
	color: rgb(102,102,102);
}
	/* grayscale 50% */
.is-grey-50 {
	color: rgb(127,127,127);
}
	/* grayscale 40% */
.is-grey-40 {
	color: rgb(153,153,153);
}
	/* grayscale 30% */
.is-grey-30 {
	color: rgb(178,178,178);
}
	/* grayscale 20% */
.is-grey-20 {
	color: rgb(204,204,204);
}
	/* grayscale 10% */
.is-grey-10 {
	color: rgb(229,229,229);
}
	/* white */
.is-white {
	color: rgb(255,255,255);
}
	/* black */
.is-black {
	color: rgb(0,0,0);
}
	/* farbe validierung */
.is-text-invalid {
	color: rgb(255,0,0);
}
.is-text-valid {
	color: rgb(0,255,0);
}
/*
##### color combination ##############
*/
.black > *,
.grey-90 > *,
.grey-80 > *,
.grey-70 > * {
	color: rgb(255,255,255);
}
.white ::-moz-selection {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.white ::selection {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.black ::-moz-selection {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
.black ::selection {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
/*
##### border-colors ##############
*/
	/* hauptfarbe hellgrau */
.has-border-primary--light {
	border-color: rgb(179,179,179);
}
.has-border-primary--extralight {
	border-color: rgb(240, 240, 240);
}
	/* sekundärfarbe gelb */
.has-border-secondary {
	border-color: rgb(255,213,0);
}
	/* grayscale 90% */
.has-border-grey-90 {
	border-color: rgb(25,25,25);
}
	/* grayscale 80% */
.has-border-grey-80 {
	border-color: rgb(51,51,51);
}
	/* grayscale 70% */
.has-border-grey-70 {
	border-color: rgb(70,70,70);
}
	/* grayscale 60% */
.has-border-grey-60 {
	border-color: rgb(102,102,102);
}
	/* grayscale 50% */
.has-border-grey-50 {
	border-color: rgb(127,127,127);
}
	/* grayscale 40% */
.has-border-grey-40 {
	border-color: rgb(153,153,153);
}
	/* grayscale 30% */
.has-border-grey-30 {
	border-color: rgb(178,178,178);
}
	/* grayscale 20% */
.has-border-grey-20 {
	border-color: rgb(204,204,204);
}
	/* grayscale 10% */
.has-border-grey-10 {
	border-color: rgb(229,229,229);
}
	/* white */
.has-border-white {
	border-color: rgb(255,255,255);
}
	/* black */
.has-border-black {
	border-color: rgb(0,0,0);
}
/*
##### transparency ##############
*/
.black.is-transparent-50 {
	background-color: rgba(0,0,0,0.5);
}
.black.is-transparent-50:hover {
	background-color: rgba(0,0,0,1);
}

/*
##### shadows ##############
*/
	/* white 80% */
.has-shadow-white-80--s {
	-webkit-box-shadow: 0 0 5px rgb(204,204,204);
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.8);
			box-shadow: 0 0 5px rgb(204,204,204);
			box-shadow: 0 0 5px rgba(255,255,255,0.8);
}
.has-shadow-white-80--m {
	-webkit-box-shadow: 0 0 10px rgb(204,204,204);
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.8);
			box-shadow: 0 0 10px rgb(204,204,204);
			box-shadow: 0 0 10px rgba(255,255,255,0.8);
}
.has-shadow-white-80--l {
	-webkit-box-shadow: 0 0 15px rgb(204,204,204);
	-webkit-box-shadow: 0 0 15px rgba(255,255,255,0.8);
			box-shadow: 0 0 15px rgb(204,204,204);
			box-shadow: 0 0 15px rgba(255,255,255,0.8);
}
	/* black 80% */
.has-shadow-black-80--s {
	-webkit-box-shadow: 0 0 5px rgb(51,51,51);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
			box-shadow: 0 0 5px rgb(51,51,51);
			box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
.has-shadow-black-80--m {
	-webkit-box-shadow: 0 0 10px rgb(51,51,51);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
			box-shadow: 0 0 10px rgb(51,51,51);
			box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
.has-shadow-black-80--l {
	-webkit-box-shadow: 0 0 15px rgb(51,51,51);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
			box-shadow: 0 0 15px rgb(51,51,51);
			box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
	/* white */
.has-textshadow-white {
	text-shadow: 0 1px 0 rgb(255,255,255);
}
	/* black */
.has-textshadow-black {
	text-shadow: 0 1px 0 rgb(0,0,0);
}
/*
##### borders ##############
*/
.has-border {
	border-style: solid;
	border-width: 2px;
}
.has-border-bottom {
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.has-border.is-dashed {
	border-style: dashed;
}
.has-border.is-dotted {
	border-style: dotted;
}
.has-border--xxxs {
	border-width: 1px;
}
.has-border--xxs {
	border-width: 2px;
}
.has-border--xs {
	border-width: 3px;
}
.has-border--s {
	border-width: 5px;
}
.has-border--m {
	border-width: 7px;
}
.has-border--l {
	border-width: 9px;
}
.has-border--xl {
	border-width: 11px;
}
.has-border--xxl {
	border-width: 15px;
}
.has-border--xxxl {
	border-width: 20px;
}

.has-margin-bottom {
	margin-bottom: 1em;
}

/*
##### separator ##############
*/
hr {
	height: 2px;
}
hr.is-divider {
	height: 20px;
}
hr.is-divider.is-secondary {
	background: url(../img/divider--secondary.png) repeat-x;
	z-index: 99;
}
/*
###########################
##### text ################
###########################
*/
/*
##### tables ##############
*/
.is-table-wrap {
	width: 100%;
}
th, td {
    text-align: left;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.table th, .table  td {
	padding: 0.5em;
}
.has-zebra-table tr:nth-child(even) {
	background-color: rgb(204,204,204);
}
.has-zebra-table th {
	border-bottom:1px solid rgb(204,204,204);
}
.has-zebra-table tr:hover {
	background-color: rgb(127,127,127);
}

table.table td p:last-of-type {
	margin-bottom: 0;
}

/*
##### table-zebra-colors ##############
*/
.even-odd-primary-extralight tr:nth-child(even) {
	background-color: rgb(240,240,240);
}
.even-odd-primary-extralight.has-hover tr:hover {
	background-color: rgb(128,128,128);
}
.even-odd-primary-extralight th {
	border-bottom:1px solid rgb(240,240,240);
}

.even-odd-primary tr:nth-child(even) {
	background-color: rgb(128,128,128);
	color: rgb(255,255,255);
}
.even-odd-primary.has-hover tr:hover {
	background-color: rgba(128,128,128,0.5);
}
.even-odd-primary th {
	border-bottom:1px solid rgb(128,128,128);

}

.even-odd-primary-dark tr:nth-child(even) {
	background-color: rgb(70,70,70);
	color: rgb(255,255,255);
}
.even-odd-primary-dark.has-hover tr:hover {
	background-color: rgba(70,70,70,0.5);
}
.even-odd-primary-dark th {
	border-bottom:1px solid rgb(70,70,70);
}

.even-odd-secondary tr:nth-child(even) {
	background-color: rgb(255,213,0);
	color: rgb(70,70,70);
}
.even-odd-secondary.has-hover tr:hover {
	background-color: rgba(255,213,0,0.5);
}
.even-odd-secondary th {
	border-bottom:1px solid rgb(255,213,0);
}

/*
##### paragraphs, lists ##############
*/
p, ul, ol, table, time, code, address,
label, input, textarea, select, button,
.is-button {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
address {
	font-style: normal;
}
select {
	line-height: normal;
	height: 36px;
}
nav ul,
ul ul,
ul ul ul,
ol ol,
ol ol ol {
	margin-bottom: 0;
}
ul li *,
ol li * {
	font-size: 1em;
}
main ul {
	padding-left: 1.5em;
}
main ul {
	list-style: disc;
}
main ol {
	list-style: decimal;
	padding-left: 1.5em;
}
main ol > li > ol {
	padding-left: 2.1em;
}
main ol > li > ol > li > ol {
	padding-left: 3em;
}
main ol li {
	display: block;
	position: relative;
}
main ol > li:first-child {
	counter-reset: item;
}
main ol > li {
	counter-increment: item;
	position: relative;
}
main ol > li:before {
	content: counters(item, ".") ". ";
	position: absolute;
	margin-right: 100%;
	right: 0.6em;
}
ul.is-initial {
	list-style: none;
	padding-left: 0;
}
time i {
	vertical-align: text-bottom;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/*
activate if need
code {
	font-family: 'Roboto Mono', monospace;
	font-size: 0.875em;
}
*/
/*
##### headlines ##############
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1.25em;
	color: rgb(0,0,0);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	display: block;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
	display: block;
}
h1.is-highlight,
h2.is-highlight,
.h1.is-highlight,
.h2.is-highlight {
	font-size: 3em;
	margin-bottom: 0.416em;
	font-weight: 300;
}
h2,
.h2 {
	font-size: 2em;
	margin-bottom: 0.5em;
}
h3,
.h3 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
h4,
.h4 {
	font-size: 1.25em;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	margin-bottom: 0.7em;
}
h5,
.h5 {
	font-size: 1.125em;
	margin-bottom: 0.555em;
}
h6,
.h6 {
	font-size: 0.875em;
	margin-bottom: 1em;
}
/*
##### text-style ##############
*/
.is-text-alternativ {
	font-family: 'Ubuntu', 'Arial', sans-serif;
}
.is-text-centered {
	text-align: center;
}
.is-text-left {
	text-align: left;
}
.is-text-right {
	text-align: right;
}
.is-text-capitals {
	text-transform: uppercase;
}
.is-text-capitals-reset {
	text-transform: none;
}
.is-text-hidden {
	text-indent:-9999px;
}
.is-text-regular {
	font-weight: 400;
}
.is-text-italic {
	font-style: italic;
}
.is-text-bold {
	font-weight: 700;
}
.is-text-bold-italic {
	font-weight: 700;
	font-style: italic;
}
.is-text-medium {
	font-weight: 500;
}
.is-text-medium-italic {
	font-style: italic;
	font-weight: 500;
}
.is-text-black {
	font-weight: 900;
}
.is-text-black-italic {
	font-style: italic;
	font-weight: 900;
}
.is-text-light {
	font-weight: 300;
}
.is-text-light-italic  {
	font-style: italic;
	font-weight: 300;
}
.is-text-spacing,
.is-text-spacing--m {
	letter-spacing: 0.1em;
}
.is-text-spacing--l {
	letter-spacing: 0.2em;
}
.is-text-spacing--xl {
	letter-spacing: 0.3em;
}
/*
##### text sizing ##############
*/
.is-text--xxxs {
	font-size: 0.5em;
}
.is-text--xxs {
	font-size: 0.625em;
}
.is-text--xs {
	font-size: 0.75em;
}
.is-text--s {
	font-size: 0.875em;
}
.is-text--standard {
	font-size: 1em;
}
.is-text--m {
	font-size: 1.125em;
}
.is-text--l {
	font-size: 1.25em;
}
.is-text--xl {
	font-size: 1.5em;
}
.is-text--xxl {
	font-size: 1.875em;
}
.is-text--xxxl {
	font-size: 2.25em;
}
.is-text-inherit {
	font-size: inherit;
}
.is-text-initial {
	font-size: initial;
}
/*
##### text-sizing resets ##############
*/
.is-text-larger .is-text-standard {
	font-size: 0.666em;
}
/*
###########################
##### action ##############
###########################
*/
/*
##### links, buttons ##############
*/
.is-button,
.is-cta {
	-webkit-transition: all .35s;
       -moz-transition: all .35s;
	     -o-transition: all .35s;
			transition: all .35s;
	position: relative;
}
p a, main ul li a {
	color: rgb(0,0,0);
	text-decoration: underline;
	-webkit-transition: text-decoration .35s;
       -moz-transition: text-decoration .35s;
	     -o-transition: text-decoration .35s;
			transition: text-decoration .35s;
}
p a:hover, main ul li a:hover {
	text-decoration: none;
}
.is-white p a {
	color: rgb(255,255,255);
}

.is-button,
.is-cta {
	display: inline-block;
	text-decoration: none;
	line-height: 1.25em;
	margin-bottom: 1em;
	border-radius: 3px;
}
.is-button {
	padding: 0.375em 1em;
}
.is-cta {
	padding: 0.7em 1em;
	font-size: 1.25em;
	border-radius: 2px;
	color: rgb(255,213,0);
	border: 1px solid white;
	background: rgb(70,70,70);
	background: -webkit-linear-gradient(top, rgb(70,70,70) 0%,rgb(32,32,32) 100%);
	   background: -moz-linear-gradient(top, rgb(70,70,70) 0%, rgb(32,32,32) 100%);
	   background: linear-gradient(to bottom, rgb(70,70,70) 0%,rgb(32,32,32) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#202020',GradientType=0 );
	font-family: 'Ubuntu';
	font-weight: 500;
}
.is-button.has-border {
	padding: calc(0.375em - 2px) calc(1em - 2px);
}
.is-cta.has-border {
	padding: calc(0.5em - 2px) calc(2.5em - 2px);
}
.is-button.has-icon-left,
.is-cta.has-icon-left {
	padding-left: 1.5em;
}
.is-button.has-icon-right,
.is-cta.has-icon-right {
	padding-right: 3.25em;
}
.is-button.has-icon-right::after,
.is-cta.has-icon-right::after {
	position: absolute;
	top: 50%;
	right: 0.5em;
	font-family: 'Material Icons';
	font-size: 1.25em;
	line-height: 1em;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
/*
.is-button.has-icon-left i,
.is-button.has-icon-right i,
.is-cta.has-icon-left i,
.is-cta.has-icon-right i {
	vertical-align: text-bottom;
}
.is-button.has-icon-left i,
.is-button.has-icon-right i {
	font-size: 22px;
}
.is-cta.has-icon-left i,
.is-cta.has-icon-right i {
	font-size: 27px;
}
*/
p .is-button,
p .is-cta {
	margin-bottom: 0;
	font-size: 1em;
}
p .is-button {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
p .is-button.has-icon-right,
p .is-cta.has-icon-right {
	padding-right: 0.5em;
}
.is-button.is-transparent,
.is-cta.is-transparent {
	background-color: transparent;
}
.is-button:hover,
.is-cta:hover {
	box-shadow: 0 0 4px rgb(171,171,171);
	box-shadow: 0 0 4px rgba(88,88,88,1);
}
.is-button.has-border:hover,
.is-cta.has-border:hover {
	box-shadow: 0 0 4px rgb(171,171,171);
	box-shadow: 0 0 4px rgba(88,88,88,1);
}
.is-highlight-cta {
	width: 192px;
	height: 53px;
	padding: 6px;
}
.is-highlight-cta:hover {
	background:url(../img/bg-highlight-cta.svg) no-repeat center;
}
.is-highlight-cta:hover span {
	border-color: rgb(255,213,0);
}
.is-highlight-cta span {
	line-height: 40px;
	border: 1px solid black;
}
.is-highlight-cta .has-icon-right {
	position: relative;
	padding-left: 1em;
	padding-right: 2.25em;
}
.is-highlight-cta .has-icon-right::after {
	position: absolute;
	top: 50%;
	right: 0.5em;
	font-family: 'Material Icons';
	font-size: 1.25em;
	line-height: 1em;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.is-highlight-cta:hover span {
	background: rgb(255,213,0);
	background: -moz-linear-gradient(top, rgb(255,213,0) 0%, rgb(240,175,0) 100%);
	background: -webkit-linear-gradient(top, rgb(255,213,0) 0%,rgb(240,175,0) 100%);
	background: linear-gradient(to bottom, rgb(255,213,0) 0%,rgb(240,175,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#f0af00',GradientType=0 );
}
/*
###########################
##### images ##############
###########################
*/
figcaption {
	line-height: 1.25em;
	padding-top: .75em;
	padding-bottom: 1em;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
       -moz-transition: opacity 0.5s;
	     -o-transition: opacity 0.5s;
			transition: opacity 0.5s;
}
figure.has-caption-inside {
	position: relative;
	margin-bottom: 1em;
}
figure.has-caption-inside figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
	background-color: rgba(255,255,255,0.8);
	color: rgb(0,0,0);
	opacity: 0.3;
}
figure:hover figcaption {
	opacity: 1;
}

figure a {
	display: inline-block;
}
/*
###########################
##### forms ###############
###########################
*/
form .row {
	margin-bottom: 0;
}
.has-label-animated,
.has-checkbox,
.has-radiobox,
.has-icon-validation,
.has-icon-lefthelper,
.has-icon-righthelper,
.has-button {
	position: relative;
}
.has-checkbox,
.has-radiobox,
.has-button {
	display: inline-block;
}
input,
textarea,
select,
button {
    -webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	background-color: transparent;
	color: rgb(0,0,0);
}
input,
textarea,
select,
button {
	width: 100%;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="checkbox"],
input[type="radio"],
input[type='checkbox'] + label,
input[type='radio'] + label,
button {
	cursor: pointer;
}
input,
input[type="checkbox"] + label,
input[type="checkbox"] + label::before,
input[type="radio"] + label,
input[type="radio"] + label::before,
textarea,
select,
button {
	border-style: solid;
	border-width: 2px;
	padding: .25em 1em;
	border-color: rgb(70, 70, 70);
	border-radius: 3px;
}
button {
	display: inline-block;
	background-color: rgb(0,0,0);
	color: rgb(0,0,0);
	border-color: transparent;
	padding: calc(0.25em - 1px) calc(1em - 1px);
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease ;
	-ms-transition: all .35s ease ;
	-o-transition: all .35s ease ;
	transition: all .35s ease ;
}
button[type='submit'],
button[type='button'] {
	background-color: rgb(255,213,0);
}
button[type='reset'] {
	background-color: rgb(229,229,229);
	color: rgb(0,0,0);
}
input[type="checkbox"] + label,
input[type="radio"] + label {
	padding-top: calc(0.25em + 2px);
	padding-bottom: calc(0.25em + 2px);
}
input[type='checkbox'] + label,
input[type='radio'] + label {
	position: relative;
	display: inline-block;
	padding-left: 3.25em;
	border-color: transparent !important;
}
input[type='checkbox'],
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio'],
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	position: absolute;
	opacity: 0;
	z-index: -1;
	padding: 0;
	background: transparent;
	border: none;
	margin: 0 !important;
	font-size: 1em !important;
	line-height: 1em !important;
	width: auto;
}
input[type='checkbox'] + label::before,
input[type='radio'] + label::before {
	content: ' ';
	display: inline-block;
	position: absolute;
	left: -2px;
	top: 0;
	height: 40px;
	width: 40px;
}
.has-checkbox-alt input[type='checkbox'] + label::before,
.has-radiobox-alt input[type='radio'] + label::before {
	content: none;
}
input[type='checkbox']:not(:checked) + label::before,
input[type='checkbox']:checked + label::before {
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgb(255,255,255);
}
input[type='checkbox']:checked + label::before {
	border-color: rgb(0,0,0);
	background-image: url(../img/material-addon/ic_check_black.svg);
	background-size: 100%;
}
input[type='radio']:not(:checked) + label::before,
input[type='radio']:checked + label::before {
	border-radius: 50%;
	background-color: rgb(255,255,255);
}
input[type='radio']:checked + label::before {
	background-color: rgb(0,0,0);
	box-shadow: 0 0 0 7px rgb(255,255,255) inset;
}
.has-checkbox-alt input[type='checkbox'] + label,
.has-radiobox-alt input[type='radio'] + label {
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center left;
}
.has-radiobox-alt input[type='radio']:not(:checked) + label {
	background-image: url(../img/material-addon/ic_radio_button_unchecked_dark.svg);
}
.has-radiobox-alt input[type='radio']:checked + label {
	background-image: url(../img/material-addon/ic_radio_button_checked_dark.svg);
}
.has-checkbox-alt input[type='checkbox']:not(:checked) + label {
	background-image: url(../img/material-addon/ic_check_box_unchecked_dark.svg);
}
.has-checkbox-alt input[type='checkbox']:checked + label {
	background-image: url(../img/material-addon/ic_check_box_checked_dark.svg);
}
input:focus-visible,
a:focus-visible,
button:focus-visible,
textarea:focus-visible,
select:focus-visible,
input[type='checkbox']:focus-visible + label::before,
input[type='radio']:focus-visible + label::before {
	outline: 2px solid #e80000;
	outline-offset: 2px;
}

.primary--dark input:focus-visible,
.primary--dark a:focus-visible,
.primary--dark button:focus-visible,
.primary--dark textarea:focus-visible,
.primary--dark select:focus-visible,
.primary--dark input[type='checkbox']:focus-visible + label::before,
.primary--dark input[type='radio']:focus-visible + label::before {
	outline-color: #0dcaf0;
}

:disabled {
	opacity: 0.6;
}
.has-label label {
	display: inline-block;
	margin-bottom: 0.25em;
	margin-left: 0.5em;
}
.is-label-info,
.is-field-info {
	font-style: italic;
	color: rgb(102,102,102);
	font-size: 0.778em;
}
.is-field-info {
    display: block;
}
.is-validation-info {
	display: none;
	margin-left: 0.5em;
	margin-top: -1em;
	font-size: 0.875em;
}
.is-invalid + .is-validation-info {
	display: block;
	color: #e80000;
}


/* Validation */
form.showValidation .ng-invalid {
	border: 2px #e80000 solid;
	margin-bottom: 0;
}
form.showValidation .ng-invalid + label {
	color: #e80000;
}
.showValidation .ng-invalid + label::before {
	border-color: #e80000;
}

.has-icon-validation input,
.has-icon-righthelper input,
.has-icon-validation textarea,
.has-icon-righthelper textarea,
.has-icon-righthelper select,
.has-icon-righthelper button {
	padding-right: 2em;
	position: relative;
	background-color: transparent;
	z-index: 99;
}
.has-icon-lefthelper input,
.has-icon-lefthelper textarea,
.has-icon-lefthelper button {
	padding-left: 2em;
}

.has-icon-validation .is-icon-validation,
.has-icon-lefthelper .is-icon-lefthelper,
.has-icon-righthelper .is-icon-righthelper {
	position: absolute;
	top: 0.3em;
}
.has-icon-validation .is-icon-validation,
.has-icon-righthelper .is-icon-righthelper {
	right: 0.5em;
}
.has-icon-lefthelper .is-icon-lefthelper {
	left: 0.5em;
}
.has-icon-validation .is-icon-validation {
	display: none;
}
.has-icon-lefthelper input:focus + .is-icon-lefthelper,
.has-icon-lefthelper textarea:focus + .is-icon-lefthelper,
.has-icon-righthelper input:focus + .is-icon-righthelper,
.has-icon-righthelper textarea:focus + .is-icon-righthelper,
.has-icon-righthelper select:focus + .is-icon-righthelper {
	color: rgb(0,0,0);
}
.has-icon-validation.is-valid .is-icon-validation.is-icon-valid,
.has-icon-validation.is-invalid .is-icon-validation.is-icon-invalid {
	display: block;
}

.has-icon-lefthelper input,
.has-icon-lefthelper textarea,
.has-icon-lefthelper select,
.has-icon-lefthelper button,
.has-icon-righthelper input,
.has-icon-righthelper textarea,
.has-icon-righthelper .is-select-wrapper,
.has-icon-righthelper button {
	position: relative;
}
.has-icon-righthelper input:after,
.has-icon-righthelper textarea:after,
.has-icon-righthelper .is-select-wrapper:after,
.has-icon-righthelper button:after {
	font-family: 'Material Icons';
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: 100%;
	font-size: 1.625em;
	line-height: 1.269em;
	padding-right: 4px;
	z-index: 100;
}
.has-icon--arrow-forward >*:after {
	content: "\E5C8";
}
.has-icon--arrow-back >*:after {
	content: "\E5C4";
}
.has-icon--clear >*:after {
	content: "\E14C";
}
.has-icon--expand-down >*:after {
	content: "\E5CF";
}
.has-icon--expand-up >*:after {
	content: "\E5CE";
}
.has-icon--drop-down .is-select-wrapper::after {
	content: "\E5C5";
}
.has-icon--drop-up .is-select-wrapper::after {
	content: "\E5C7";
}
.has-icon--drop-down-circle .is-select-wrapper::after {
	content: "\E5C6";
}
.is-select-wrapper select {
	position: relative;
	z-index: 123;
}
.is-light-theme.is-border-theme input,
.is-light-theme.is-border-theme input[type="checkbox"] + label::before,
.is-light-theme.is-border-theme input[type="checkbox"]:checked + label::before,
.is-light-theme.is-border-theme input[type="radio"] + label::before,
.is-light-theme.is-border-theme input[type="radio"]:checked + label::before,
.is-light-theme.is-border-theme textarea,
.is-light-theme.is-border-theme select {
	color: rgb(0,0,0);
	border-color: rgb(70,70,70);
}
.is-dark-theme.is-border-theme input,
.is-dark-theme.is-border-theme input[type="checkbox"] + label::before,
.is-dark-theme.is-border-theme input[type="checkbox"]:checked + label::before,
.is-dark-theme.is-border-theme input[type="radio"] + label::before,
.is-dark-theme.is-border-theme input[type="radio"]:checked + label::before,
.is-dark-theme.is-border-theme textarea,
.is-dark-theme.is-border-theme select {
	color: rgb(255,255,255);
	border-color: rgb(255,213,0);
}
.is-light-theme.is-background-theme input,
.is-light-theme.is-background-theme input[type="checkbox"] + label::before,
.is-light-theme.is-background-theme input[type="checkbox"]:checked + label::before,
.is-light-theme.is-background-theme input[type="radio"] + label::before,
.is-light-theme.is-background-theme input[type="radio"]:checked + label::before,
.is-light-theme.is-background-theme textarea,
.is-light-theme.is-background-theme select {
	color: rgb(255,255,255);
	border-color: rgb(70,70,70);
	background-color: rgb(70,70,70);
}
.is-dark-theme.is-background-theme input,
.is-dark-theme.is-background-theme input[type="checkbox"] + label::before,
.is-dark-theme.is-background-theme input[type="checkbox"]:checked + label::before,
.is-dark-theme.is-background-theme input[type="radio"] + label::before,
.is-dark-theme.is-background-theme input[type="radio"]:checked + label::before,
.is-dark-theme.is-background-theme textarea,
.is-dark-theme.is-background-theme select {
	color: rgb(0,0,0);
	border-color: rgb(255,213,0);
	background-color: rgb(255,213,0);
	border-radius: 2px;
}
.is-light-theme.is-border-theme button[type='submit'],
.is-light-theme.is-border-theme button[type='button'] {
	border-color: rgb(70,70,70);
	background-color: rgb(70,70,70);
	color: rgb(255,255,255);
}
.is-light-theme.is-border-theme button[type='submit']:hover,
.is-light-theme.is-border-theme button[type='button']:hover {
	border-color: rgb(255,213,0);
	background-color: rgb(255,213,0);
	color: rgb(0,0,0);
}
.is-light-theme.is-border-theme button[type='reset'] {
	background-color: rgb(229,229,229);
	color: rgb(0,0,0);
}
.is-dark-theme.is-border-theme button[type='submit'],
.is-dark-theme.is-border-theme button[type='button'] {
	border-color: rgb(255,213,0);
	background-color: rgb(255,213,0);
	color: rgb(0,0,0);
}
.is-dark-theme.is-border-theme button[type='reset'] {
	background-color: rgb(229,229,229);
	color: rgb(0,0,0);
}
.is-light-theme.is-background-theme button[type='submit'],
.is-light-theme.is-background-theme button[type='button'] {
	border-color: rgb(70,70,70);
	background-color: rgb(70,70,70);
	color: rgb(255,255,255);
}
.is-light-theme.is-background-theme button[type='reset'] {
	background-color: rgb(229,229,229);
	color: rgb(0,0,0);
}
.is-dark-theme.is-background-theme button[type='submit'],
.is-dark-theme.is-background-theme button[type='button'] {
	border-color: rgb(255,213,0);
	background-color: rgb(255,213,0);
	color: rgb(0,0,0);
	border-radius: 2px;
}
.is-dark-theme.is-background-theme button[type='reset'] {
	background-color: rgb(229,229,229);
	color: rgb(0,0,0);
}
.is-dark-theme .is-label-info,
.is-dark-theme .is-field-info {
	color: rgb(180,180,180);
}
input:focus,
textarea:focus,
select:focus,
input[type='checkbox']:focus + label::before,
input[type='radio']:focus + label::before {
	/* border-color: rgb(0,0,0); */
}
.is-invalid input,
.is-invalid textarea,
.is-invalid select {
	border-color: rgb(255,0,0);
}
.is-dark-theme.is-border-theme .ng-touched.ng-invalid {
	border-color: white;
	margin-bottom: 0;
	background-color: white;
	color: black;
	border-radius: 0;
}

.is-dark-theme.is-border-theme .ng-touched.ng-invalid + .custom-control-label {
	margin-bottom: 0;
}

.form-field-error {
	display: none;
	align-items: center;
	flex-wrap: wrap;
	background: #e80000;
	color: white;
	padding: 8px;
	margin-bottom: 1em;
	border: 1px solid white;
	font-size: 14px;
}

.form-field-error__icon {
	margin-right: 1em;
	width: 20px;
}

.form-error-alert {
	position: absolute;
	top: -100vw;
	opacity: 0;
}

form.showValidation .ng-invalid {
	background-image: url('/typo3conf/ext/ekm_forms/Resources/Public/img/warning_red.svg');
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 25px 100%;
}

form.showValidation .ng-invalid + .material-icons {
	display: none;
}

.is-dark-theme.is-border-theme .ng-touched.ng-invalid + .custom-control-label + .form-field-error,
.is-dark-theme.is-border-theme .ng-touched.ng-invalid + .form-field-error,
form.showValidation .ng-invalid + .form-field-error,
form.showValidation .ng-invalid + .material-icons + .form-field-error,
.showValidation .ng-invalid + .custom-control-label + .form-field-error {
	display: flex;
}

input[type="checkbox"]:not(:checked).ng-touched + label::before {
	border-color: #e80000;
}
.has-label-animated input,
.has-label-animated textarea {
	-webkit-transition: margin 0.3s;
       -moz-transition: margin 0.3s;
	     -o-transition: margin 0.3s;
			transition: margin 0.3s;
}
.has-label-animated label {
	position: absolute;
	left: 0.5em;
	top: 0.3em;
	-webkit-transition: top 0.3s;
       -moz-transition: top 0.3s;
	     -o-transition: top 0.3s;
			transition: top 0.3s;
}
.has-label-animated input:focus,
.has-label-animated textarea:focus {
	margin-top: 1.75em;
}
.has-label-animated input:focus + label,
.has-label-animated textarea:focus + label {
	top: 0em;
}
.has-label-animated input:invalid,
.has-label-animated textarea:invalid {
	box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}
.has-label-animated input:valid + label,
.has-label-animated textarea:valid + label {
	opacity: 0;
}
.has-label-animated input:valid:focus,
.has-label-animated textarea:valid:focus {
	margin-top: 0;
}
#is-smartcontact-message .is-message-success,
#is-smartcontact-message .is-message-error {
	display: none;
}
#is-smartcontact-message.has-message-success .is-message-success,
#is-smartcontact-message.has-message-error .is-message-error {
	display: block;
}
*::-webkit-input-placeholder {
    color: rgb(0,0,0);
	opacity: 0.5 !important;
}
*:-moz-placeholder {
    color: rgb(0,0,0);
	opacity: 0.5 !important;
}
*::-moz-placeholder {
    color: rgb(0,0,0);
	opacity: 0.5 !important;
}
*:-ms-input-placeholder {
    color: rgb(0,0,0);
	opacity: 0.5 !important;
}
*:placeholder {
    color: rgb(0,0,0);
	opacity: 0.5 !important;
}
*::placeholder {
    color: rgb(0,0,0);
	opacity: 0.5 !important;
}
.header_wrap input[type="search"]::-webkit-input-placeholder {
    color: rgb(179,179,179);
	opacity: 1 !important;
}
.header_wrap input[type="search"]:-moz-placeholder {
    color: rgb(179,179,179);
	opacity: 1 !important;
}
.header_wrap input[type="search"]::-moz-placeholder {
    color: rgb(179,179,179);
	opacity: 1 !important;
}
.header_wrap input[type="search"]:-ms-input-placeholder {
    color: rgb(179,179,179);
	opacity: 1 !important;
}
.header_wrap input[type="search"]:placeholder {
    color: rgb(179,179,179);
	opacity: 1 !important;
}
.header_wrap input[type="search"]::placeholder {
    color: rgb(179,179,179);
	opacity: 1 !important;
}
/*
################################################## 3 grid ##################################################
*/
/*
###########################
##### columns #############
###########################
*/
.wrap {
	width: 1250px;
}
.header_wrap.wrap {
	width: 1024px;
	padding-top: 60px;
	padding-bottom: 20px;
}

.header_wrap.wrap * {
	font-family: 'Ubuntu', 'Arial', sans-serif;
}
.wrap-centered .wrap {
	margin-left: auto;
	margin-right: auto;
}
.row {
	margin-left: -1.25em;
	margin-right: -1.25em;
	margin-bottom: 1.25em;
}
.col,
.rcol {
	padding-left: 1.25em;
	padding-right: 1.25em;
}
/*
.row > .col {
	margin-bottom: -1.25em;
}
*/
.col,
.pull-left {
	float: left;
}
.rcol,
.pull-right {
	float: right;
}
.is-flex,
.is-flex-column,
.is-flex-vertical-centered,
.is-flex-vertical-end,
.is-flex-horizontal-centered,
.is-flex-horizontal-end,
.is-flex-horizontal-streched,
.is-flex-vertical-streched,
.is-flex-all-centered {
	float: none;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.is-flex-column {
	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
			flex-direction: column;
}
.is-flex-vertical-centered,
.is-flex-all-centered {
	-webkit-align-items: center;
			align-items: center;
}
.is-flex-horizontal-centered,
.is-flex-all-centered {
	-webkit-justify-content: center;
	   -moz-justify-content: center;
			justify-content: center;
}
.is-flex-horizontal-end {
	-webkit-justify-content: flex-end;
	   -moz-justify-content: flex-end;
			justify-content: flex-end;
}
.is-flex-column.is-flex-vertical-streched,
.is-flex-horizontal-streched {
	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
			justify-content: space-between;
}
.row.is-flex .col {
	float: none;
}

.col_1_of_8,
.col_1_of_8-fix {
	width: 12.5%;
}
.col_1_of_6,
.col_1_of_6-fix,
.col_2_of_12,
.col_2_of_12-fix {
	width: 16.66%;
}
.col_1_of_5,
.col_1_of_5-fix {
	width: 20%;
}
.col_1_of_4,
.col_1_of_4-fix,
.col_2_of_8,
.col_2_of_8-fix {
	width: 25%;
}
.col_3_of_10,
.col_3_of_10-fix,
.col_6_of_20,
.col_6_of_20-fix {
	width: 30%;
}
.col_1_of_3,
.col_1_of_3-fix {
	width: 33.33%;
}
.col_3_of_8,
.col_3_of_8-fix {
	width: 37.5%;
}
.col_2_of_5,
.col_2_of_5-fix {
	width: 40%;
}
.col_1_of_2,
.col_1_of_2-fix,
.col_2_of_4,
.col_2_of_4-fix,
.col_4_of_8,
.col_4_of_8-fix {
	width: 50%;
}
.col_5_of_8,
.col_5_of_8-fix {
	width: 62.5%;
}
.col_2_of_3,
.col_2_of_3-fix {
	width: 66.66%;
}
.col_3_of_4,
.col_3_of_4-fix,
.col_6_of_8,
.col_6_of_8-fix {
	width: 75%;
}
.col_4_of_5,
.col_4_of_5-fix,
.col_8_of_10,
.col_8_of_10-fix,
.col_16_of_20,
.col_16_of_20-fix {
	width: 80%;
}
.col_4_of_5,
.col_5_of_5-fix {
	width: 80%;
}
.col_5_of_6,
.col_5_of_6-fix,
.col_10_of_12,
.col_10_of_12-fix {
	width: 83.33%;
}
.col_7_of_8,
.col_7_of_8-fix {
	width: 87.5%;
}
.col_9_of_10,
.col_9_of_10-fix,
.col_18_of_20,
.col_18_of_20-fix {
	width: 90%;
}
.col_1_of_1,
.col_3_of_3,
.col_4_of_4,
.col_8_of_8 {
	width: 100%;
}
/*
standard offset-left
*/
.has-offset-left-1_of_8,
.has-offset-left-1_of_8-fix {
	margin-left: 12.5%;
}
.has-offset-left-1_of_4,
.has-offset-left-1_of_4-fix,
.has-offset-left-2_of_8,
.has-offset-left-2_of_8-fix {
	margin-left: 25%;
}
.has-offset-left-1_of_3,
.has-offset-left-1_of_3-fix {
	margin-left: 33.33%;
}
.has-offset-left-3_of_8,
.has-offset-left-3_of_8-fix {
	margin-left: 37.5%;
}
.has-offset-left-1_of_2,
.has-offset-left-1_of_2-fix,
.has-offset-left-2_of_4,
.has-offset-left-2_of_4-fix,
.has-offset-left-4_of_8,
.has-offset-left-4_of_8-fix {
	margin-left: 50%;
}
.has-offset-left-5_of_8,
.has-offset-left-5_of_8-fix {
	margin-left: 62.5%;
}
.has-offset-left-2_of_3,
.has-offset-left-2_of_3-fix {
	margin-left: 66.66%;
}
.has-offset-left-3_of_4,
.has-offset-left-3_of_4-fix,
.has-offset-left-6_of_8,
.has-offset-left-6_of_8-fix {
	margin-left: 75%;
}
.has-offset-left-7_of_8,
.has-offset-left-7_of_8-fix {
	margin-left: 87.5%;
}
/*
standard offset-right
*/
.has-offset-right-1_of_8,
.has-offset-right-1_of_8-fix {
	margin-right: 12.5%;
}
.has-offset-right-1_of_4,
.has-offset-right-1_of_4-fix,
.has-offset-right-2_of_8,
.has-offset-right-2_of_8-fix {
	margin-right: 25%;
}
.has-offset-right-1_of_3,
.has-offset-right-1_of_3-fix {
	margin-right: 33.33%;
}
.has-offset-right-3_of_8,
.has-offset-right-3_of_8-fix {
	margin-right: 37.5%;
}
.has-offset-right-1_of_2,
.has-offset-right-1_of_2-fix,
.has-offset-right-2_of_4,
.has-offset-right-2_of_4-fix,
.has-offset-right-4_of_8,
.has-offset-right-4_of_8-fix {
	margin-right: 50%;
}
.has-offset-right-5_of_8,
.has-offset-right-5_of_8-fix {
	margin-right: 62.5%;
}
.has-offset-right-2_of_3,
.has-offset-right-2_of_3-fix {
	margin-right: 66.66%;
}
.has-offset-right-3_of_4,
.has-offset-right-3_of_4-fix,
.has-offset-right-6_of_8,
.has-offset-right-6_of_8-fix {
	margin-right: 75%;
}
.has-offset-right-7_of_8,
.has-offset-right-7_of_8-fix {
	margin-right: 87.5%;
}
/*
standard offset-top
*/
.has-offset-top-1_of_8,
.has-offset-top-1_of_8-fix {
	margin-top: 12.5%;
}
.has-offset-top-1_of_4,
.has-offset-top-1_of_4-fix,
.has-offset-top-2_of_8,
.has-offset-top-2_of_8-fix {
	margin-top: 25%;
}
.has-offset-top-1_of_3,
.has-offset-top-1_of_3-fix {
	margin-top: 33.33%;
}
.has-offset-top-3_of_8,
.has-offset-top-3_of_8-fix {
	margin-top: 37.5%;
}
.has-offset-top-1_of_2,
.has-offset-top-1_of_2-fix,
.has-offset-top-2_of_4,
.has-offset-top-2_of_4-fix,
.has-offset-top-4_of_8,
.has-offset-top-4_of_8-fix {
	margin-top: 50%;
}
.has-offset-top-5_of_8,
.has-offset-top-5_of_8-fix {
	margin-top: 62.5%;
}
.has-offset-top-2_of_3,
.has-offset-top-2_of_3-fix {
	margin-top: 66.66%;
}
.has-offset-top-3_of_4,
.has-offset-top-3_of_4-fix,
.has-offset-top-6_of_8,
.has-offset-top-6_of_8-fix {
	margin-top: 75%;
}
.has-offset-top-7_of_8,
.has-offset-top-7_of_8-fix {
	margin-top: 87.5%;
}
/*
###########################
##### floating-cols #######
###########################
*/
.has-2-floating-cols .col_1_of_2:nth-child(2n + 1),
.has-3-floating-cols .col_1_of_3:nth-child(3n + 1),
.has-4-floating-cols .col_1_of_4:nth-child(4n + 1) {
	clear: left;
}
/*
###########################
##### content columns #####
###########################
*/
.has-2-text-cols .text-cols-wrap {
    -webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
}
.has-3-text-cols .text-cols-wrap {
    -webkit-column-count: 3;
	   -moz-column-count: 3;
			column-count: 3;
}
.has-4-text-cols .text-cols-wrap {
    -webkit-column-count: 4;
	   -moz-column-count: 4;
			column-count: 4;
}
.has-5-text-cols .text-cols-wrap {
    -webkit-column-count: 5;
	   -moz-column-count: 5;
			column-count: 5;
}
.has-6-text-cols .text-cols-wrap {
    -webkit-column-count: 6;
	   -moz-column-count: 6;
			column-count: 6;
}
.text-col-gap--xs .text-cols-wrap {
	-webkit-column-gap: 0.5em;
       -moz-column-gap: 0.5em;
			column-gap: 0.5em;
}
.text-col-gap--s .text-cols-wrap {
	-webkit-column-gap: 0.75em;
       -moz-column-gap: 0.75em;
			column-gap: 0.75em;
}
.text-col-gap .text-cols-wrap {
	-webkit-column-gap: 1em;
       -moz-column-gap: 1em;
			column-gap: 1em;
}
.text-col-gap--m .text-cols-wrap {
	-webkit-column-gap: 1.25em;
       -moz-column-gap: 1.25em;
			column-gap: 1.25em;
}
.text-col-gap--l .text-cols-wrap {
	-webkit-column-gap: 1.75em;
       -moz-column-gap: 1.75em;
			column-gap: 1.75em;
}
.text-col-gap--xl .text-cols-wrap {
	-webkit-column-gap: 2em;
       -moz-column-gap: 2em;
			column-gap: 2em;
}
.text-col-gap--xxl .text-cols-wrap {
	-webkit-column-gap: 2.5em;
       -moz-column-gap: 2.5em;
			column-gap: 2.5em;
}
/*
###########################
##### padding, margin #####
###########################
*/
/*
padding all
*/
.padding--xxxs {
	padding: 0.125em;
}
.padding--xxs {
	padding: 0.25em;
}
.padding--xs {
	padding: 0.5em;
}
.padding--s {
	padding: 0.75em;
}
.padding {
	padding: 1em;
}
.padding--m {
	padding: 1.25em;
}
.padding--l {
	padding: 1.5em;
}
.padding--xl {
	padding: 1.75em;
}
.padding--xxl {
	padding: 2em;
}
.padding--xxxl {
	padding: 2.25em;
}
/*
padding left
*/
.padding-l--xxxs {
	padding-left: 0.125em;
}
.padding-l--xxs {
	padding-left: 0.25em;
}
.padding-l--xs {
	padding-left: 0.5em;
}
.padding-l--s {
	padding-left: 0.75em;
}
.padding-l {
	padding-left: 1em;
}
.padding-l--m {
	padding-left: 1.25em;
}
.padding-l--l {
	padding-left: 1.5em;
}
.padding-l--xl {
	padding-left: 1.75em;
}
.padding-l--xxl {
	padding-left: 2em;
}
.padding-l--xxxl {
	padding-left: 2.25em;
}
/*
padding right
*/
.padding-r--xxxs {
	padding-right: 0.125em;
}
.padding-r--xxs {
	padding-right: 0.25em;
}
.padding-r--xs {
	padding-right: 0.5em;
}
.padding-r--s {
	padding-right: 0.75em;
}
.padding-r {
	padding-right: 1em;
}
.padding-r--m {
	padding-right: 1.25em;
}
.padding-r--l {
	padding-right: 1.5em;
}
.padding-r--xl {
	padding-right: 1.75em;
}
.padding-r--xxl {
	padding-right: 2em;
}
.padding-r--xxxl {
	padding-right: 2.25em;
}
/*
padding top
*/
.padding-t--xxxs {
	padding-top: 0.125em;
}
.padding-t--xxs {
	padding-top: 0.25em;
}
.padding-t--xs {
	padding-top: 0.5em;
}
.padding-t--s {
	padding-top: 0.75em;
}
.padding-t {
	padding-top: 1em;
}
.padding-t--m {
	padding-top: 1.25em;
}
.padding-t--l {
	padding-top: 1.5em;
}
.padding-t--xl {
	padding-top: 1.75em;
}
.padding-t--xxl {
	padding-top: 2em;
}
.padding-t--xxxl {
	padding-top: 2.25em;
}
/*
padding bottom
*/
.padding-b--xxxs {
	padding-bottom: 0.125em;
}
.padding-b--xxs {
	padding-bottom: 0.25em;
}
.padding-b--xs {
	padding-bottom: 0.5em;
}
.padding-b--s {
	padding-bottom: 0.75em;
}
.padding-b {
	padding-bottom: 1em;
}
.padding-b--m {
	padding-bottom: 1.25em;
}
.padding-b--l {
	padding-bottom: 1.5em;
}
.padding-b--xl {
	padding-bottom: 1.75em;
}
.padding-b--xxl {
	padding-bottom: 2em;
}
.padding-b--xxxl {
	padding-bottom: 2.25em;
}
/*
padding horizontal
*/
.padding-horizontal--xxxs {
	padding-left: 0.125em;
	padding-right: 0.125em;
}
.padding-horizontal--xxs {
	padding-left: 0.25em;
	padding-right: 0.25em;
}
.padding-horizontal--xs {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.padding-horizontal--s {
	padding-left: .75em;
	padding-right: .75em;
}
.padding-horizontal {
	padding-left: 1em;
	padding-right: 1em;
}
.padding-horizontal--m {
	padding-left: 1.25em;
	padding-right: 1.25em;
}
.padding-horizontal--l {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.padding-horizontal--xl {
	padding-left: 1.75em;
	padding-right: 1.75em;
}
.padding-horizontal--xxl {
	padding-left: 2em;
	padding-right: 2em;
}
.padding-horizontal--xxxl {
	padding-left: 2.25em;
	padding-right: 2.25em;
}
/*
box-padding vertical
*/
.padding-vertical--xxxs {
	padding-top: 0.125em;
	padding-bottom: 0.125em;
}
.padding-vertical--xxs {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.padding-vertical--xs {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.padding-vertical--s {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
.padding-vertical {
	padding-top: 1em;
	padding-bottom: 1em;
}
.padding-vertical--m {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}
.padding-vertical--l {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.padding-vertical--xl {
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}
.padding-vertical--xxl {
	padding-top: 2em;
	padding-bottom: 2em;
}
.padding-vertical--xxxl {
	padding-top: 2.25em;
	padding-bottom: 2.25em;
}
/*
margin all
*/
.margin--xxxs {
	margin: 0.125em;
}
.margin--xxs {
	margin: 0.25em;
}
.margin--xs {
	margin: 0.5em;
}
.margin--s {
	margin: 0.75em;
}
.margin {
	margin: 1em;
}
.margin--m {
	margin: 1.25em;
}
.margin--l {
	margin: 1.5em;
}
.margin--xl {
	margin: 1.75em;
}
.margin--xxl {
	margin: 2em;
}
.margin--xxxl {
	margin: 2.25em;
}
/*
margin left
*/
.margin-l--xxxs {
	margin-left: 0.125em;
}
.margin-l--xxs {
	margin-left: 0.25em;
}
.margin-l--xs {
	margin-left: 0.5em;
}
.margin-l--s {
	margin-left: 0.75em;
}
.margin-l {
	margin-left: 1em;
}
.margin-l--m {
	margin-left: 1.25em;
}
.margin-l--l {
	margin-left: 1.5em;
}
.margin-l--xl {
	margin-left: 1.75em;
}
.margin-l--xxl {
	margin-left: 2em;
}
.margin-l--xxxl {
	margin-left: 2.25em;
}
/*
margin right
*/
.margin-r--xxxs {
	margin-right: 0.125em;
}
.margin-r--xxs {
	margin-right: 0.25em;
}
.margin-r--xs {
	margin-right: 0.5em;
}
.margin-r--s {
	margin-right: 0.75em;
}
.margin-r {
	margin-right: 1em;
}
.margin-r--m {
	margin-right: 1.25em;
}
.margin-r--l {
	margin-right: 1.5em;
}
.margin-r--xl {
	margin-right: 1.75em;
}
.margin-r--xxl {
	margin-right: 2em;
}
.margin-r--xxxl {
	margin-right: 2.25em;
}
/*
margin top
*/
.margin-t--xxxs {
	margin-top: 0.125em;
}
.margin-t--xxs {
	margin-top: 0.25em;
}
.margin-t--xs {
	margin-top: 0.5em;
}
.margin-t--s {
	margin-top: 0.75em;
}
.margin-t {
	margin-top: 1em;
}
.margin-t--m {
	margin-top: 1.25em;
}
.margin-t--l {
	margin-top: 1.5em;
}
.margin-t--xl {
	margin-top: 1.75em;
}
.margin-t--xxl {
	margin-top: 2em;
}
.margin-t--xxxl {
	margin-top: 2.25em;
}
/*
margin bottom
*/
.margin-b--xxxs {
	margin-bottom: 0.125em;
}
.margin-b--xxs {
	margin-bottom: 0.25em;
}
.margin-b--xs {
	margin-bottom: 0.5em;
}
.margin-b--s {
	margin-bottom: 0.75em;
}
.margin-b {
	margin-bottom: 1em;
}
.margin-b--m {
	margin-bottom: 1.25em;
}
.margin-b--l {
	margin-bottom: 1.5em;
}
.margin-b--xl {
	margin-bottom: 1.75em;
}
.margin-b--xxl {
	margin-bottom: 2em;
}
.margin-b--xxxl {
	margin-bottom: 2.25em;
}
/*
margin horizontal
*/
.margin-horizontal--xxxs {
	margin-left: 0.125em;
	margin-right: 0.125em;
}
.margin-horizontal--xxs {
	margin-left: 0.25em;
	margin-right: 0.25em;
}
.margin-horizontal--xs {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.margin-horizontal--s {
	margin-left: 0.75em;
	margin-right: 0.75em;
}
.margin-horizontal {
	margin-left: 1em;
	margin-right: 1em;
}
.margin-horizontal--m {
	margin-left: 1.25em;
	margin-right: 1.25em;
}
.margin-horizontal--l {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.margin-horizontal--xl {
	margin-left: 1.75em;
	margin-right: 1.75em;
}
.margin-horizontal--xxl {
	margin-left: 2em;
	margin-right: 2em;
}
.margin-horizontal--xxxl {
	margin-left: 2.25em;
	margin-right: 2.25em;
}
/*
margin vertical
*/
.margin-vertical--xxxs {
	margin-top: 0.125em;
	margin-bottom: 0.125em;
}
.margin-vertical--xxs {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.margin-vertical--xs {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.margin-vertical--s {
	margin-top: .75em;
	margin-bottom: .75em;
}
.margin-vertical {
	margin-top: 1em;
	margin-bottom: 1em;
}
.margin-vertical--m {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.margin-vertical--l {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.margin-vertical--xl {
	margin-top: 1.75em;
	margin-bottom: 1.75em;
}
.margin-vertical--xxl {
	margin-top: 2em;
	margin-bottom: 2em;
}
.margin-vertical--xxxl {
	margin-top: 2.25em;
	margin-bottom: 2.25em;
}
/*
################################################## 4 specials ##################################################
*/
/*
###########################
##### embeded elements ####
###########################
*/
/* erfordert ratio-Klasse */
.is-embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.is-embed-container .is-embed-content,
.is-embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.is-embed-container.has-ratio16x9 {
	padding-bottom: 56.25%;
}
.is-embed-container.has-ratio4x3 {
  padding-bottom: 75%;
}
.is-embed-container.has-image-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.is-embed-container.has-ratio--16x9,
.is-gallery--16x9 .is-gallery-image-wrap {
	padding-bottom: 56.25%;
}
.is-embed-container.has-ratio--4x3,
.is-gallery--4x3 .is-gallery-image-wrap {
	padding-bottom: 75%;
}
.is-embed-container.has-ratio--9x16,
.is-gallery--9x16 .is-gallery-image-wrap {
	padding-bottom: 177.777%;
}
.is-embed-container.has-ratio--3x4,
.is-gallery--3x4 .is-gallery-image-wrap {
	padding-bottom: 133.334%;
}
.is-embed-container.has-ratio--square,
.is-gallery--square .is-gallery-image-wrap {
	padding-bottom: 100%;
}

/*
###########################
##### galleries ###########
###########################
*/
.is-gallery.row {
	margin-bottom: 0;
}
.is-gallery-col {
	padding-left: 1.25em;
	padding-right: 1.25em;
	padding-bottom: 1.25em;
	float: left;
}
.is-gallery-figure {
	position: relative;
}
.has-caption-inside .is-gallery-col {
	padding-bottom: 2.5em;
}
.is-gallery.is-gallery-6-cols .is-gallery-col {
	width: 16.66%;
}
.is-gallery.is-gallery-3-cols .is-gallery-col {
	width: 33.33%;
}
.is-gallery.is-gallery-4-cols .is-gallery-col {
	width: 25%;
}
.is-gallery-image-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	display: block;
}
.has-image-border .is-gallery-image-wrap {
	border: 1px solid rgb(153,153,153);
}
.is-gallery-image {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.is-gallery--square .is-gallery-image {
	width: 140%;
	max-width: 140%;
	height: auto;
}
.is-gallery--square.has-square-images .is-gallery-image {
	width: 100%;
	height: auto;
}
.is-gallery--16x9 .is-gallery-image,
.is-gallery--4x3 .is-gallery-image {
	width: 120%;
	max-width: 120%;
	height: auto;
}
.is-gallery--9x16 .is-gallery-image,
.is-gallery--3x4 .is-gallery-image {
	width: auto;
	max-width: initial;
	height: 100%;
}
.has-image-caption .is-gallery-caption {
	width: 100%;
	color: rgb(255,255,255);
	opacity: 0.6;
	background-color: rgba(46,53,56,0.6);
	-webkit-transition: background-color 0.5s, opacity 0.5s;
	-moz-transition: background-color 0.5s, opacity 0.5s;
	-o-transition: background-color 0.5s, opacity 0.5s;
	transition: background-color 0.5s, opacity 0.5s;
}
.has-image-caption .is-gallery-caption:hover {
	background-color: rgba(46,53,56,0.9);
}
.has-image-caption .is-gallery-figure:hover .is-gallery-caption {
	opacity: 1;
}
.has-image-caption.has-caption-inside .is-gallery-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.5em;
}
.has-image-caption.has-caption-outside .is-gallery-caption {
	padding-bottom: 0.75em;
	height: calc(1.25em + 2*0.75em);
	overflow: hidden;
	position: relative;
}
.has-image-caption.has-caption-outside .is-gallery-caption::after {
	bottom: 0;
	box-shadow: -12px -5px 10px rgb(255, 255, 255) inset;
	content: " ";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}
.has-image-caption.has-caption-outside .is-gallery-figure:hover .is-gallery-caption {
	position: absolute;
	top: auto;
	overflow: visible;
	height: auto;
	z-index: 999;
	background-color: rgb(255,255,255);
}
.has-image-caption.has-caption-outside .is-gallery-figure:hover {
	padding-bottom: calc(1.25em + 2*0.75em);
}
.has-image-caption.has-caption-outside .is-gallery-figure:hover .is-gallery-caption::after {
	box-shadow: none;
}
.is-gallery-figure:hover .is-gallery-image-wrap::after {
	content: "\E8FF";
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 1em;
	font-size: 2.125em;
	font-family: 'Material Icons';
	color: rgba(255,255,255,0.5);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.w3w .lb-outerContainer,
.w3w .lightbox .lb-image {
	border-radius: 0;
}
.w3w .lb-nav button.lb-prev,
.w3w .lb-nav button.lb-next,
.w3w .lb-data .lb-close {
	position: relative;
}
.w3w .lb-nav button.lb-prev::after,
.w3w .lb-nav button.lb-next::after,
.w3w .lb-data .lb-close::after {
	position: absolute;
	font-family: 'Material Icons';
}
.w3w .lb-data .lb-close::after {
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 2.125em;
	line-height: 30px;
	content: '\E5CD';
}
.w3w .lb-nav button.lb-prev::after,
.w3w .lb-nav button.lb-next::after {
	color: rgb(255, 255, 255);
	font-size: 4em;
	height: 50px;
	width: 60px;
	line-height: 50px;
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.w3w .lb-nav button.lb-prev::after {
	left: 0;
	content: '\E5CB';
}
.w3w .lb-nav button.lb-next::after {
	right: 0;
	content: '\E5CC';
}


/*.w3w .lb-nav a.lb-prev::after {
	left: 20px;
	content: url('../img/arrow-left--white.svg');
	width: 20px;
}
.w3w .lb-nav a.lb-next::after {
	right: 20px;
	content: url('../img/arrow-right--white.svg');
	width: 20px;
}*/
.w3w .lb-data .lb-caption {
	color: rgb(255,255,255);
	display: inline;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25em;
}
.w3w .lb-data .lb-number {
	color: rgb(153,153,153);
	font-size: 0.875em;
}
.w3w .lb-container {
	padding: 0;
	box-shadow: 0 0 5px rgba(0,0,0,1);
}
/*
###########################
##### overlays ############
###########################
*/
body.is-frozen,
body.is-loading {
	overflow: hidden;
}
.is-section-flexwrap,
.is-flexwrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:654321;
	background-color: rgba(0,0,0,0.8);
	display: none;
}

/*
###########################
##### effects #############
###########################
*/
.hidden_content {
	display: none;
	-webkit-transform: scale(0);
       -moz-transform: scale(0);
	     -o-transform: scale(0);
			transform: scale(0);
	opacity: 0;
	-webkit-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
       -moz-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
	     -o-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
			transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}
.content_visible .hidden_content {
	display: block;
	-webkit-transform: scale(1);
       -moz-transform: scale(1);
	     -o-transform: scale(1);
			transform: scale(1);
    opacity: 1;
	animation: grow .5s ease-in-out;
}
	@keyframes grow {
		0% {
			display: none;
			opacity: 0;
		}
		1% {
			display: block;
			opacity: 0;
			-webkit-transform: scale(0);
			   -moz-transform: scale(0);
				 -o-transform: scale(0);
					transform: scale(0);
		}
		100% {
			opacity: 1;
			-webkit-transform: scale(1);
			   -moz-transform: scale(1);
				 -o-transform: scale(1);
					transform: scale(1);
		}
	}
.is-anim-slidedown {
	position: fixed;
	width: 100%;
	overflow: hidden;
	visibility: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
	-webkit-transition: max-height .5s cubic-bezier(0,1,0,1);
	-moz-transition: max-height .5s cubic-bezier(0,1,0,1) ;
	-ms-transition: max-height .5s cubic-bezier(0,1,0,1) ;
	-o-transition: max-height .5s cubic-bezier(0,1,0,1) ;
	transition: max-height .5s cubic-bezier(0,1,0,1) ;
}

body.head-metanavi-is-open header{
	position: relative;
}
body.head-metanavi-is-open #main-menu-toggle{
	display: none;
}

.head-metanavi-section.is-open,
.is-anim-slidedown.is-active {
	visibility: visible;
	max-height: 100vh;
	-webkit-transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	-ms-transition: all .75s ease-in-out;
	-o-transition: all .75s ease-in-out;
	transition: all .75s ease-in-out;
	z-index: 99;
}

.header_suche .tx-indexedsearch-whatis,
.header_suche .tx-indexedsearch-browsebox,
.header_suche .tx-indexedsearch-noresults,
.header_suche .tx-indexedsearch-res {
	display: none;
}
.tx-indexedsearch-browsebox {
	margin-bottom: 1.25em;
}
.set-img-monochrome img {
	-webkit-filter: grayscale(100%);
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	   -moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		 -o-filter: grayscale(100%);
			filter: grayscale(100%);
}
.set-img-monochrome:hover img {
	-webkit-filter: grayscale(0%);
			filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
	   -moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		 -o-filter: grayscale(0%);
			filter: grayscale(0%);
}
/*
###########################
##### loader #############
###########################
*/
.header_abfall_abc.is-loading .is-section-flexwrap,
body.is-loading .is-flexwrap,
.ekm_abfallkalender_row .is-loading {
	display: block;
}
.header_abfall_abc.is-loading .is-section-flexwrap .is-section-flexwrap-inner,
body.is-loading .is-flexwrap .is-flexwrap-inner,
.ekm_abfallkalender_row .is-loading .loading-inner {
    min-width: 40px;
    min-height: 40px;
}
.header_abfall_abc.is-loading .is-section-flexwrap .is-section-flexwrap-inner::before,
body.is-loading .is-flexwrap .is-flexwrap-inner::before,
.ekm_abfallkalender_row .is-loading .loading-inner::before {
    content: 'Loading…';
    position: absolute;
    top: 40%;
    left: 50%;
	margin-left: -20px;
    width: 40px;
    height: 40px;
}
.header_abfall_abc.is-loading .is-section-flexwrap .is-section-flexwrap-inner:not(:required):before,
body.is-loading .is-flexwrap .is-flexwrap-inner:not(:required):before,
.ekm_abfallkalender_row .is-loading .loading-inner:not(:required):before {
    content: ' ';
    border-radius: 50%;
    border-top: 4px solid rgb(128,128,128);
    border-right: 4px solid transparent;
	-webkit-animation: spinner .6s linear infinite;
			animation: spinner .6s linear infinite;
}
@-webkit-keyframes spinner {
    to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
    to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinner {
    to {
		transform: rotate(360deg);
	}
}
/*
###########################
##### slider ##############
###########################
*/
.is-flex-slider {
	position: relative;
}
.is-fs-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 555;
}
.is-fs-list {
	display: block;
	position: relative;
	-webkit-transition: transform 0.5s;
       -moz-transition: transform 0.5s;
	     -o-transition: transform 0.5s;
			transition: transform 0.5s;
	white-space: nowrap;
	margin-bottom: 0 !important;
}
.is-fs-list * {
	white-space: normal;
}
.is-fs-item {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
.is-flex-slider.has-1-col .is-fs-item {
	width: 100%;
}
.is-flex-slider.has-2-cols .is-fs-item {
	width: 50%;
}
.is-flex-slider.has-3-cols .is-fs-item {
	width: 33.33%;
}
.is-flex-slider.has-4-cols .is-fs-item {
	width: 25%;
}
.is-flex-slider.has-5-cols .is-fs-item {
	width: 20%;
}
.is-flex-slider.has-trigger-beside {

}
.is-trigger-left,
.is-trigger-right {
	position: absolute;
	top: 0;
	height: 100%;
	width: 5%;
	z-index: 777;
	text-align: center;
}
.is-trigger-left {
	left: 0;
}
.is-trigger-right {
	right: 0;
}
.is-flex-slider.trigger_outside .trigger_left {
	left: -5%;
}
.is-flex-slider.trigger_outside .trigger_right {
	right: -5%;
}
.is-flex-slider.trigger_invisible .flex_slider_trigger {
	opacity: 0;
	-webkit-transition: opacity .5s;
       -moz-transition: opacity .5s;
	     -o-transition: opacity .5s;
			transition: opacity .5s;
}
.is-flex-slider.trigger_invisible .flex_slider_trigger:hover {
	opacity: 1;
}
.is-trigger-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	/* hintergrundfarbe und padding besser über allgemein klasse lösen */
	background-color: rgb(111,111,111);
	padding: .75em;
}

/*
###########################
##### icons ###############
###########################
*/
/*
.is-icon,
.has-icon {
	background-repeat: no-repeat;
}
.is-button.has-icon-left i,
.is-button.has-icon-right i {
	vertical-align: middle;
}
*/
.has-m-icon-left,
.has-m-icon-right {
	position: relative;
}
.has-m-icon-left {
	padding-left: 1.5em;
}
.has-m-icon-right {
	padding-right: 1.5em;
}
.has-m-icon-left::after,
.has-m-icon-right::after {
	content: " ";
	top: 0;
	position: absolute;
	font-family: 'Material Icons';
	line-height: 1.25em;
	font-size: 1.25em;
}
.has-m-icon-left::after {
	left: 0;
}
.has-m-icon-right::after {
	right: 0;
}

/* todo -> m-icons sizing */

.has-m-icon--calendar::after,
.has-icon--calendar > *::after {
	content: "\E916";
}
.has-m-icon--more-horizontal::after,
.has-icon--more-horizontal > *::after {
	content: "\E5D3";
}
.has-m-icon--arrow-forward::after,
.has-icon--arrow-forward > *::after {
	content: "\E5C8";
}
.has-m-icon--arrow-back::after,
.has-icon--arrow-back > *::after {
	content: "\E5C4";
}
.has-m-icon--clear::after,
.has-icon--clear > *::after {
	content: "\E14C";
}
.has-m-icon--expand-down::after,
.has-icon--expand-down > *::after {
	content: "\E5CF";
}
.has-m-icon--expand-up::after,
.has-icon--expand-up > *::after {
	content: "\E5CE";
}
.has-m-icon--file-download::after,
.has-icon--file-download > *::after {
	content: "\E2C4";
}
.has-m-icon--add::after,
.has-icon--add > *::after {
	content: "\E145";
}
/*
##### material-icons pixel size ##############
*/
.material-icons {
	font-family: 'Material Icons' !important;
}
.material-icons,
.is-icon--m,
.has-icon--m i {
	font-size: 22px;
}
.is-icon--xxs,
.has-icon--xxs i {
	font-size: 11px;
}
.is-icon--xs,
.has-icon--xs i {
	font-size: 15px;
}
.is-icon--s,
.has-icon--s i {
	font-size: 18px;
}
.is-icon--l,
.has-icon--l i {
	font-size: 29px;
}
.is-icon--xl,
.has-icon--xl i {
	font-size: 36px;
}
.is-icon--xxl,
.has-icon--xxl i {
	font-size: 48px;
}
.is-icon--xxxl,
.has-icon--xxxl i {
	font-size: 60px;
}
.is-icon--inherit {
	font-size: inherit;
}
.is-icon--initial {
	font-size: initial;
}
/*
###########################
##### circles, squares ####
###########################
*/
.is-circle-list li,
.is-circle {
	border-radius: 50%;
	overflow: hidden;
}
.is-circle--xxxs {
	width: 8px;
	height: 8px;
}
.is-circle--xxs {
	width: 16px;
	height: 16px;
}
.is-circle--xs {
	width: 24px;
	height: 24px;
}
.is-circle--s {
	width: 32px;
	height: 32px;
}
.is-circle-list-item--m li,
.is-circle--m {
	width: 40px;
	height: 40px;
}
.is-circle--l {
	width: 48px;
	height: 48px;
}
.is-circle--xl {
	width: 56px;
	height: 56px;
}
.is-circle--xxl {
	width: 64px;
	height: 64px;
}
.is-circle--xxxl {
	width: 72px;
	height: 72px;
}
.is-circle--80 {
	width: 90px;
	height: 90px;
}
.is-circle--90 {
	width: 90px;
	height: 90px;
}
.is-circle--100 {
	width: 100px;
	height: 100px;
}

/*
################################################## 5 settings ##################################################
*/
/*
###########################
##### menus ###############
###########################
*/
body.has-mainmenu-left .is-content-wrap,
body.has-mainmenu-right .is-content-wrap {
	-webkit-transition: margin 0.5s, opacity 0.5s;
       -moz-transition: margin 0.5s, opacity 0.5s;
	     -o-transition: margin 0.5s, opacity 0.5s;
			transition: margin 0.5s, opacity 0.5s;
}
.is-mainmenu-wrap {
	-webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
	     -o-transition: all 0.5s;
			transition: all 0.5s;
}
.is-content-wrap {
	width: 100%;
}
.has-mainmenu-hamburger .is-mainmenu-wrap {
	position: fixed;
	top: 0;
	width: 360px;
	height: 100%;
	overflow-x: auto;
	z-index: 987654;
}
.has-mainmenu-hamburger.has-mainmenu-left .is-mainmenu-wrap {
	left: -365px;
}
.has-mainmenu-hamburger.has-mainmenu-right .is-mainmenu-wrap {
	right: -365px;
}
body.mainmenu-active.has-mainmenu-left .is-mainmenu-wrap {
	left: 0;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
}
body.mainmenu-active.has-mainmenu-right .is-mainmenu-wrap {
	right: 0;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
}
.has-mainmenu-hamburger ul.mainmenu a {
	display: block;
	padding: 0.25em 0;
	border-bottom: 1px solid rgb(0,0,0);
}
.has-mainmenu-hamburger ul.mainmenu ul {
	margin-left: 1em;
	font-size: 0.9em;
}
.has-mainmenu-hamburger .mainmenu a:hover {
	padding-left: 0.5em;
}
body.mainmenu-active.has-mainmenu-right .is-content-wrap {
	margin-left: -320px;
}
body.mainmenu-active.has-mainmenu-left .is-content-wrap {
	margin-left: 320px;
}
body.mainmenu-active main {
	opacity: 0.3;
}
.has-mainmenu-horizontal .is-mainmenu-wrap,
.has-mainmenu-horizontal .is-mainmenu-wrap > div {
	height: 100%;
}
.has-mainmenu-horizontal.has-mainmenu-left .is-mainmenu-wrap {
	float: left;
}
.has-mainmenu-horizontal.has-mainmenu-right .is-mainmenu-wrap {
	float: right;
}
.head_logo {
	width: 400px;
	margin-top: 46px;
	padding-top: 18px;
	padding-bottom: 18px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease ;
	-ms-transition: all .5s ease ;
	-o-transition: all .5s ease ;
	transition: all .5s ease ;
}
body.scroll .head_logo {
	padding-bottom: 9px;
	padding-top: 11px;
	margin-top: 0;
	width: 250px;
}
.a11y-menu {
	display: flex;
	justify-content: flex-end;
}
.head_metanavi {
	margin-bottom: 1.25em;
	margin-top: 1.25em;
	z-index: 99;
	-webkit-transition: opacity .1s linear, transform .5s ease, height .5s ease;
	-moz-transition: opacity .1s linear, transform .5s ease, height .5s ease ;
	-ms-transition: opacity .1s linear, transform .5s ease, height .5s ease ;
	-o-transition: opacity .1s linear, transform .5s ease, height .5s ease ;
	transition: opacity .1s linear, transform .5s ease, height .5s ease ;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
body.scroll .head_metanavi {
	height: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0,-100%,0);
	-moz-transform: translate3d(0,-100%,0);
	-ms-transform: translate3d(0,-100%,0);
	-o-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}
.head_mainnavi {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease ;
	-ms-transition: all .35s ease ;
	-o-transition: all .35s ease ;
	transition: all .35s ease ;
}
body.scroll .head_mainnavi {
	padding-top: 14px;
	padding-bottom: 12px;
}
.head_mainnavi > ul,
.head_metanavi ul {
	width: 100%;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
			justify-content: space-between;
}
.head_mainnavi ul li a,
.head_mainnavi ul li button {
	padding: 0.3181em 0.9090em;
	font-family: 'Roboto Condensed';
	font-size: 1.375em;
	display: inline-block;
}
.head_mainnavi > ul > li > ul > li:first-child,
.head_mainnavi > ul > li {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
}
.head_mainnavi > ul > li,
.head_mainnavi > ul > li > ul > li:last-child,
.head_metanavi ul li {
	border-radius: 5px;
}

.head_metanavi ul li,
.head_mainnavi ul li {
	-webkit-transition: all .35s;
       -moz-transition: all .35s;
	     -o-transition: all .35s;
			transition: all .35s;
}
.head_mainnavi > ul > li ul {
	-webkit-transition: opacity .5s, visibility .5s, transform .35s ease;
	-moz-transition: opacity .5s, visibility .5s, transform .35s ease ;
	-ms-transition: opacity .5s, visibility .5s, transform .35s ease ;
	-o-transition: opacity .5s, visibility .5s, transform .35s ease ;
	transition: opacity .5s, visibility .5s, transform .35s ease ;
}
.head_mainnavi > ul > li > ul {
	position: absolute;
	left: 50%;
	top: auto;
	-webkit-transform: translate3d(-50%,10px,0px);
	-moz-transform: translate3d(-50%,10px,0px);
	-ms-transform: translate3d(-50%,10px,0px);
	-o-transform: translate3d(-50%,10px,0px);
	transform: translate3d(-50%,10px,0px);
	color: rgb(255,255,255);
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	padding-top: 15px;
	padding-left: 1em;
	padding-right: 1em;
}
.head_mainnavi > ul > li > ul:before {
    border-color: transparent transparent rgb(70,70,70);
    border-style: solid;
    border-width: 0 30px 20px;
    content: " ";
    height: 0;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 0;
	visibility: hidden;
}
.head_mainnavi > ul > li > ul > li {
	background-color: rgb(70,70,70);
	position: relative;
}
.head_mainnavi > ul > li > ul a,
.head_mainnavi > ul > li > ul button {
	white-space: nowrap;
	display: block;
	font-weight: 300;
	font-size: 1.125em;
}

.head_mainnavi > ul > li > ul > li > ul {
	position: absolute;
	top: 0;
	right: 100%;
	background: rgb(70,70,70);
	font-size: 0.888em;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	border-radius: 5px 0 0 5px;
}
.head_mainnavi > ul > li > ul > li:first-child > ul,
.head_mainnavi > ul > li > ul > li:nth-child(2) > ul {
	right: auto;
	left: 100%;
}

.header_abfall_abc {
	overflow-y: auto;
	height: 100vh;
}
.abfall_abc_list {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.abfall_abc_list {
	width: 100%;
	display: grid;
	grid-template-columns: 20% 80%;
}

.abfall_abc_list dt {
	grid-column: 1;
}

.abfall_abc_list dd {
	grid-column: 2;
}

.abfall_abc_list dt,
.abfall_abc_list dd {
	line-height: 1.25em;
	min-height: 46px;
}
.header_abfall_abc .abfall_abc_close {
	right: 1em;
	top: 1em;
	color: white;
}
.header_abfall_abc .abfall_abc_close:hover i {
	color: black;
	background-color: white;
	transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.head_metanavi ul li a,
.head_metanavi ul li button {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	padding-left: 1.25em;
	padding-right: 1.25em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0;
}
.head_metanavi ul li a svg,
.head_metanavi ul li button svg {
	width: 36px;
	height: 36px;
	margin-right: 10px;
	-webkit-transition: fill 0.35s;
       -moz-transition: fill 0.35s;
	     -o-transition: fill 0.35s;
			transition: fill 0.35s;
}
body.scroll .head_container {
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
.head_breadcrumb {
	margin-top: 18px;
}
.head_breadcrumb ol {
	padding: 0;
	margin-left: -.5em;
}
.head_breadcrumb li {
	float: left;
	position: relative;
	padding-left: .5em;
	padding-right: .5em;
}
.head_breadcrumb li::before {
	content: none;
}
.head_breadcrumb li:not(:last-child)::after {
	position: absolute;
	content: '›';
	font-size: 1em;
	height: auto;
	color: inherit;
	right: -2px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.head_breadcrumb a {
	display: inline-block;
	padding: 0.5em 0;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	font-weight: 300;
}

.head_breadcrumb li:last-child a {
	font-weight: 400;
}
.head_breadcrumb a:hover {
	text-decoration: underline;
}
.is-mainmenu-trigger {
	display: none;
}
.footer_nav ul {
	line-height: 1.25em;
}
.footer_nav ul li {
	margin-bottom: 0.25em;
}
.footer_nav a {
	-webkit-transition: color .35s ease;
	-moz-transition: color .35s ease ;
	-ms-transition: color .35s ease ;
	-o-transition: color .35s ease ;
	transition: color .35s ease ;
}
.footer_nav a:hover,
.footer_nav .active a {
	color: rgb(240, 173, 0);
}
/*
###########################
##### sections ############
###########################
*/
.is-scrolltop {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 1em;
	right: 1em;
	z-index:11111;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0.5s, opacity 0.5s;
       -moz-transition: visibility 0.5s, opacity 0.5s;
	     -o-transition: visibility 0.5s, opacity 0.5s;
			transition: visibility 0.5s, opacity 0.5s;
}
body.scroll .is-scrolltop {
	opacity: 1;
	visibility: visible;
}

footer .footer_wrap {
	padding-top: 1.5em;
}
main > section > .wrap {
	padding-top: 2em;
	padding-bottom: 1em;
	position: relative;
}
body.is-homepage main > section > .wrap {
	padding-top: 0;
	padding-bottom: 0;
}
/*
######
###### header Abfall-ABC
######
*/
.abfall_abc_infolink {
	margin: -4px 0px -4px 4px !important;
	height: 26px !important;
	width: 26px !important;
}
.abfall_abc_infolink i {
	font-size: 26px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.is-active .abfall_abc_infolink i {
	z-index: 99;
}
.abfall_abc_infobox {
	border-radius: 20px;
	left: 0px;
	bottom: -8px;
	width: 400px;
	padding: 1.25em 1.25em 1.25em 1.5em;
	display: none;
	z-index: 2;
}

.abfall_abc_infobox_close {
	padding: 0.25em !important;
}

.abfall_abc_infobox p {
	line-height: 1.25em;
}
.abfall_abc_infobox.abfall_abc_infobox_open {
	display: block;
}
.abfall_abc_index ol li {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	background: rgb(255,255,255);
	color: rgb(70,70,70);
}
.abfall_abc_index ol li button {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 1.5em;
	line-height: 38px;
	text-align: center;
	color: inherit;
}
.abfall_abc_index ol li.is-inactive {
	background: rgb(179,179,179);
	color: rgb(128,128,128);
}
/*
######
###### News
######
*/
.intro_news {
	background: rgb(179,179,179) url('../img/bg-news_intro_right.png') repeat-x;
	position: relative;
}
.intro_news::after {
	background: rgb(179,179,179) url('../img/bg-news_intro_left.png') repeat-x;
	content: " ";
	height: calc(100% - 2.25em);
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
}
.intro_news .wrap {
	position: relative;
	z-index: 55;
}
.intro_news_col {
	padding-top: 3em;
	padding-bottom: 1em;
}
.intro_news_left_col .intro_news_col {
	padding-right: 10em;
	padding-left: 1.25em;
}
.intro_news_video_link {
	height: 80px;
	right: 199px;
	top: 206px;
	width: 80px;
	border-radius: 50%;
}
html:not(.mobile):not(.tablet) .intro_news_video_link:hover {
	background: rgba(0, 0, 0, 0.3);
}
/*
######
###### Entry
######
*/
body main > section > .wrap.entry_wrap {
	padding-top: 3em;
	padding-bottom: 3em;
}
body main > section > .wrap.entry_wrap+.wrap.entry_wrap {
	padding-top: 0em;
}
.entry_abfuhrkalender {
	width: 53px;
	height: 60px;
}
.entry_wertstoffhoefe {
	width: 38px;
	height: 74px;
}
.entry_formulare {
	width: 51px;
	height: 60px;
}
.entry_sperrmuell {
	width: 62px;
	height: 45px;
}
.consultation_wrap {
	height: 560px;
}


.fade-element-in.ng-enter {
	transition: opacity 5s ease;
	opacity: 0;
}

.fade-element-in-init .fade-element-in.ng-enter {
	opacity: 1;
}

.fade-element-in.ng-enter.ng-enter-active {
	opacity: 1;
}

.fade-element-in.ng-leave {
	transition: opacity 5s ease;
	opacity: 1;
}
.fade-element-in.ng-leave.ng-leave-active {
	opacity: 0;
}
/*
######
###### Wertstoffhoefe
######
*/
.buybackcenter_list {
	list-style: none;
	padding: 0;
}
.buybackcenter_list li {
	margin-bottom: 1.25em;
}
.buybackcenter_item_wrap {
	-webkit-transition: box-shadow .35s ease;
	-moz-transition: box-shadow .35s ease ;
	-ms-transition: box-shadow .35s ease ;
	-o-transition: box-shadow .35s ease ;
	transition: box-shadow .35s ease ;
}
html:not(.mobile):not(.tablet) .buybackcenter_item_wrap:hover {
	-webkit-box-shadow: 0 0 10px rgb(179,179,179);
	box-shadow: 0 0 10px rgb(179,179,179);
}
.buybackcenter_list .buybackcenter_item_adress,
.buybackcenter_list .buybackcenter_item_openhours,
.buybackcenter_list .buybackcenter_item_siteinfo,
.buybackcenter_list .buybackcenter_item_route {
	padding: 0.5em 1em;
}
.buybackcenter_item_openhours h4 {
	margin-bottom: 0.5em;
}
.buybackcenter_item_wrap p {
	font-size: 0.875em;
	font-weight: 300;
	color: rgb(0,0,0);
	margin-bottom: 0;
}
.buybackcenter_item_route a {
	font-size: 0.875em;
	display: block;
	text-transform: uppercase;
	color: rgb(240,173,0);
	text-align: right;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
html:not(.mobile):not(.tablet) .buybackcenter_item_route a:hover {
	text-decoration: underline;
}
.buybackcenter_item_marker {
	font-size: 1.375em;
	vertical-align: text-bottom;
}
/*
######
###### w3w Ansprechpartner
######
*/
.w3w_contact_list {
	list-style: none;
	padding: 0;
}
.w3w_contact_list li {
	margin-bottom: 2.5em;
}
.w3w_contact_image {
	margin-bottom: 1em;
	padding: 1em;
}
.w3w_contact_image picture {
	width: 230px;
	height: 230px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: filter .35s ease;
	-moz-transition: filter .35s ease;
	-ms-transition: filter .35s ease;
	-o-transition: filter .35s ease;
	transition: filter .35s ease;
}
html:not(.mobile):not(.tablet) .w3w_contact_image picture:hover {
	filter: drop-shadow(0 0 4px rgba(88,88,88,1));
}

/*
######
###### Accordion Ansprechpartner
######
*/
.accordion_content {
	margin-bottom: 1.25em;
}
.accordion_title {
	font-weight: 500;
	width: 50%;
	padding-left: 1.25em;
}

/*
######
###### Suche
######
*/
#search-result .tx-indexedsearch-whatis {
	font-size: 1.5em;
	margin-bottom: 1em;
}
#search-result .tx-indexedsearch-browsebox p {
	font-size: 0.875em;
}
#search-result .searchbox {
	margin-bottom: 1em;
}
#search-result .js-show-search {
	display: none;
}
#search-result .tx-indexedsearch-res {
	margin-bottom: 1em;
}
#search-result .tx-indexedsearch-res .full {
	background-color: rgb(240, 240, 240);
	padding: 0.5em;
}
#search-result .tx-indexedsearch-res h3,
#search-result .tx-indexedsearch-res .h3 {
	font-size: 1.25em;
}
#search-result .tx-indexedsearch-res h3::before,
#search-result .tx-indexedsearch-res .h3::before {
	content: "\E880";
	display: block;
	float: left;
	font-family: "material icons";
	font-size: 1.25em;
	margin-right: 0.25em;
}
#search-result .tx-indexedsearch-res p a {
	opacity: 0.6;
	-webkit-transition: opacity .35s ease;
	-moz-transition: opacity .35s ease ;
	-ms-transition: opacity .35s ease ;
	-o-transition: opacity .35s ease ;
	transition: opacity .35s ease ;
}
html:not(.mobile):not(.tablet) #search-result .tx-indexedsearch-res p a:hover {
	opacity: 1;
}
#search-result ul.tx-indexedsearch-browsebox {
	border-bottom: 1px solid;
	padding-left: 0;
	list-style: outside none none;
}
#search-result ul.tx-indexedsearch-browsebox::before, #search-result ul.tx-indexedsearch-browsebox::after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#search-result ul.tx-indexedsearch-browsebox::after {
	clear: both;
}
#search-result ul.tx-indexedsearch-browsebox li {
	float: left;
}
#search-result ul.tx-indexedsearch-browsebox li a {
	display: inline-block;
	padding: 0.25em 1em;
}
#search-result .tx-indexedsearch-sw, #search-result .tx-indexedsearch-redMarkup {
	color: rgb(240,173,0);
}


/*
######
###### Sitemap
######
*/
#sitemap ul {
	list-style: none;
	padding: 0;
}
#sitemap ul.ce-menu {
	font-family: 'Roboto Condensed', sans-serif;
	margin-left: -1.25em;
	margin-right: -1.25em;
}
#sitemap ul.ce-menu > li {
	float: left;
	margin-bottom: 1em;
	width: 25%;
	padding-left: 1.25em;
	padding-right: 1.25em;
}
#sitemap ul.ce-menu > li > a {
	font-size: 1.375em;
	display: block;
	padding: 0.25em 0.5em;
	background-color: rgb(70,70,70);
	color: rgb(255,213,0);
	border-radius: 3px;
	margin-bottom: 0.25em;
}
#sitemap ul.ce-menu > li > ul > li > a {
	display: block;
	padding: 0.25em 0.5em;
}
#sitemap ul.ce-menu > li > ul > li > ul > li > a {
	display: block;
	padding: 0.25em 0.5em 0.25em 1.5em;
	font-weight: 300;
}
html:not(.mobile):not(.tablet) #sitemap ul.ce-menu > li > ul a:hover {
	text-decoration: underline;
}

/*
###########################
##### resets ##############
###########################
*/
.reset-pt {
	padding-top: 0 !important;
}
.reset-pb {
	padding-bottom: 0 !important;
}
.reset-pl {
	padding-left: 0 !important;
}
.reset-pr {
	padding-right: 0 !important;
}
.reset-mt {
	margin-top: 0 !important;
}
.reset-mb {
	margin-bottom: 0 !important;
}
.reset-ml {
	margin-left: 0 !important;
}
.reset-mr {
	margin-right: 0 !important;
}

/*
################################################## 5 mobile ##################################################
*/
/*
widths: 320, 360, 480, 640, 768, 960, 1024, 1280, 1366, 1440, 1600, 1920, 2560
heights: 320, 360, 480, 600, 640, 768, 800, 900, 960, 1024, 1080, 1280, 1440, 1600
*/
@media only screen and (max-width: 2560px) {
	.hide-2560 {
		display: none !important;
	}
	.show-2560 {
		display: block !important;
	}
}
@media only screen and (max-width: 1920px) {
	.hide-1920 {
		display: none !important;
	}
	.show-1920 {
		display: block !important;
	}
}
@media only screen and (max-width: 1600px) {
	.hide-1600 {
		display: none !important;
	}
	.show-1600 {
		display: block !important;
	}
}
@media only screen and (max-width: 1440px) {
	.hide-1440 {
		display: none !important;
	}
	.show-1440 {
		display: block !important;
	}
}
@media only screen and (max-width: 1366px) {
	.hide-1366 {
		display: none !important;
	}
	.show-1366 {
		display: block !important;
	}
}
@media only screen and (max-width: 1280px) {
	.hide-1280 {
		display: none !important;
	}
	.show-1280 {
		display: block !important;
	}
	.has-2-floating-cols figure {
		width: 100%;
	}
	.has-4-floating-cols .col_1_of_4 {
		width: 50%;
	}
	.has-4-floating-cols .col_1_of_4:nth-child(2n+1) {
		clear: left;
	}
	.wrap {
		width: 100%;
		padding: 0 1.25em;
	}
	.intro_news_left_col,
	.intro_news_right_col {
		width: 100%;
	}
	.intro_news_right_col article {
		width: 100%;
		float: left;
	}
	.intro_news_right_col .intro_news_col {
		padding: 0;
	}


}
@media only screen and (min-width : 961px) and (max-width : 1280px) {
	.head_container .col_2_of_3 {
		width: 80%;
	}
	.head_logo {
		width: 150px;
		padding-top: 41px;
		padding-bottom: 41px;
		margin-top: 0;
	}
	body.scroll .head_logo {
		width: 90px;
		padding-top: 13px;
		padding-bottom: 11px;
	}
	.head_metanavi,
	.head_mainnavi {
		padding-left: 1.25em;
		padding-right: 1.25em;
	}
}
@media only screen and (min-width : 961px) and (max-width : 1100px) {
	.head_mainnavi ul li {
		align-self: center;
		-webkit-align-self: center;
	}
	.head_mainnavi ul li a {
		text-align: center;
		font-size: 1.25em;
	}
}
@media only screen and (max-width: 1024px) {
	.hide-1024 {
		display: none !important;
	}
	.show-1024 {
		display: block !important;
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.has-3-text-cols .text-cols-wrap,
	.has-4-text-cols .text-cols-wrap,
	.has-5-text-cols .text-cols-wrap,
	.has-6-text-cols .text-cols-wrap {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
	}
	.is-table-wrap {
    	overflow-x: auto;
	}
	footer .rcol.col_1_of_2 {
		width: 100%;
		float: left;
	}
	footer .col.col_1_of_2 {
		width: 100%;
	}
}
@media only screen and (min-width: 961px) {
	.head_mainnavi > ul > li:hover,
	.head_mainnavi > ul > li:focus-within,
	.head_mainnavi > ul > li:active,
	.head_mainnavi > ul > li.active,
	.head_metanavi ul li:hover,
	.head_metanavi ul li:active,
	.header_suche_open .head_metanavi_suche,
	.header_kontakt_open .head_metanavi_kontakt,
	.header_oeffnungszeiten_open .head_metanavi_oeffnungszeiten,
	.header_abfall_abc_open .head_metanavi_abfall_abc {
		background-color: rgb(70,70,70);
		color: rgb(255,213,0);
	}
	.head_metanavi ul li:hover button {
		color: rgb(255,213,0);
	}
	.head_mainnavi > ul > li:hover > ul,
	.head_mainnavi > ul > li.is-open > ul,
	.head_mainnavi > ul > li:active > ul {
		opacity: 1;
		visibility: visible;
		overflow: visible;
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		-o-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
	.head_mainnavi > ul > li:hover > ul:before,
	.head_mainnavi > ul > li:focus-within > ul:before,
	.head_mainnavi > ul > li.active > ul:before,
	.head_mainnavi > ul > li:active > ul:before{
		visibility: visible;
	}
	.head_mainnavi > ul > li > ul > li a:hover,
	.head_mainnavi > ul > li > ul > li a:active {
		color: rgb(255,213,0);
	}
	.head_mainnavi > ul > li > ul > li:hover > ul,
	.head_mainnavi > ul > li > ul > li.active > ul,
	.head_mainnavi > ul > li > ul > li:active > ul {
		opacity: 1;
		visibility: visible;
	}
	.head_mainnavi .submenu[data-level="3"] a {
		outline-offset: -2px;
	}
	.head_metanavi ul li:hover svg,
	.header_suche_open .head_metanavi_suche svg,
	.header_kontakt_open .head_metanavi_kontakt svg,
	.header_oeffnungszeiten_open .head_metanavi_oeffnungszeiten svg,
	.header_abfall_abc_open .head_metanavi_abfall_abc svg {
		fill: rgb(255,213,0);
	}
	.abfall_abc_index ol li:hover,
	.abfall_abc_index ol li.is-active {
		background: rgb(255,213,0);
		color: rgb(255,255,255);
	}
}
@media only screen and (max-width: 960px) {
	.hide-960 {
		display: none !important;
	}
	.show-960 {
		display: block !important;
	}
	h1.is-highlight, h2.is-highlight {
		font-size: 2.5em;
	}
	body.header_abfall_abc_open .header_abfall_abc.is-anim-slidedown,
	body.header_suche_open .header_suche.is-anim-slidedown,
	body.header_kontakt_open .header_kontakt.is-anim-slidedown,
	body.header_oeffnungszeiten_open .header_oeffnungszeiten.is-anim-slidedown, .is-anim-slidedown.is-active {
		position: fixed;
		height: 100vh;
		overflow-y: scroll;
		z-index: 999;
	}
	.abfall_abc_infobox {
		position: fixed;
		top: 50%;
		bottom: auto;
		width: 100%;
		z-index: 99;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	/* mobiles Menü */
	.nav_widget {
		position: absolute;
		display: block;
		padding-top: 1.75em;
		right: 0;
		top: 0;
		z-index: 99;
		-webkit-transition: .5s all ease;
		transition: .5s all ease;
	}
	body.scroll header .nav_widget {
		padding-top: 0;
	}
	.button__toggle {
		border-top: 3px solid rgb(70,70,70);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.trigger {
		display: inline-block;
		padding: 1.125em 1.25em 2.5em;
		position: relative;
		-webkit-transition: margin 0.5s ease 0s, padding 0.5s ease 0s;
		-moz-transition: margin 0.5s ease 0s, padding 0.5s ease 0s;
		-o-transition: margin 0.5s ease 0s, padding 0.5s ease 0s;
		transition: margin 0.5s ease 0s, padding 0.5s ease 0s;
	}
	.trigger::before {
		content: "Menü";
		left: -2em;
		position: absolute;
		top: 1.575em;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease ;
        -ms-transition: all .5s ease ;
        -o-transition: all .5s ease ;
        transition: all .5s ease ;
	}
	.trigger span {
		margin: 0 auto;
		position: relative;
		top: 12px;
	}
	.trigger span::before, .trigger span::after {
		content: "";
		position: absolute;
	}
	.trigger span, .trigger span::before, .trigger span::after {
		background-color: rgb(70, 70, 70);
		display: block;
		height: 5px;
		width: 40px;
	}
	.trigger span::before {
		margin-top: -12px;
	}
	.trigger span::after {
		margin-top: 12px;
	}
	.trigger span {
		transition-delay: 0.2s;
		transition-duration: 0s;
	}
	.trigger[aria-expanded="true"] span {
		background-color: rgba(0, 0, 0, 0);
		transition-delay: 0.2s;
	}
	.trigger span::before {
		transition-delay: 0.2s, 0s;
		transition-duration: 0.2s;
		transition-property: margin, transform;
	}
	.trigger[aria-expanded="true"] span::before {
		margin-top: 0;
		transform: rotate(45deg);
		transition-delay: 0s, 0.2s;
	}
	.trigger span::after {
		transition-delay: 0.2s, 0s;
		transition-duration: 0.2s;
		transition-property: margin, transform;
	}
	.trigger[aria-expanded="true"] span::after {
		margin-top: 0;
		transform: rotate(-45deg);
		transition-delay: 0s, 0.2s;
	}
	.head_metanavi {
		width: 100%;
		padding: 0;
		z-index: 11;
		-webkit-transition: all .1s ease;
		-moz-transition: all .1s ease ;
		-ms-transition: all .1s ease ;
		-o-transition: all .1s ease ;
		transition: all .1s ease ;
		visibility: hidden;
		will-change: opacity;
	}
	#main-menu.is-open .head_metanavi {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all .6s ease;
		-moz-transition: all .6s ease ;
		-ms-transition: all .6s ease ;
		-o-transition: all .6s ease ;
		transition: all .6s ease;
	}
	body.scroll .head_metanavi {
		top: 3.5em;
	}
	.head_metanavi ul li a,
	.head_metanavi ul li button {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.head_metanavi ul li a svg,
	.head_metanavi ul li button svg {
		margin-right: 0;
		margin-bottom: 5px;
	}
	.head_mobilemenu {
		background: rgba(255, 255, 255, .95) none repeat scroll 0 0;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 10;
		visibility: hidden;
		height: 1px;
		width: 100%;
		margin: 0;
		padding: 0;
		-webkit-transition: height 0s, padding 0s, opacity .5s ease, visibility .5s ease;
		-moz-transition: height 0s, padding 0s, opacity .5s ease, visibility .5s ease ;
		-ms-transition: height 0s, padding 0s, opacity .5s ease, visibility .5s ease ;
		-o-transition: height 0s, padding 0s, opacity .5s ease, visibility .5s ease ;
		transition: height 0s, padding 0s, opacity .5s ease, visibility .5s ease ;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		will-change: height, opacity, padding, transform;
	}
	#main-menu.is-open .a11y-menu {
		justify-content: flex-start;
	}
	#main-menu.is-open .head_mobilemenu {
		overflow-y: scroll;
		opacity: 1;
		visibility: visible;
		height: 100vh;
		padding: 7em 2.5em 0;
		-webkit-transition: all .6s ease;
		-moz-transition: all .6s ease ;
		-ms-transition: all .6s ease ;
		-o-transition: all .6s ease ;
		transition: all .6s ease;
	}
	.head_metanavi ul li {
		opacity: 0;
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-o-transform: translateY(-50px);
		transform: translateY(-50px);
		-webkit-transition: opacity .5s linear 0s, transform .5s ease 0s;
		-moz-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-ms-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-o-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		transition: opacity .5s linear 0s, transform .5s ease 0s ;
		will-change: transform;
	}
	#main-menu.is-open .head_metanavi ul li {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: opacity .5s linear 0s, transform .5s ease 0s;
		-moz-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-ms-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-o-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-ms-transition-delay: .5s;
		-o-transition-delay: .5s;
		transition-delay: .5s;
	}
	.head_mainnavi ul li {
		opacity: 0;
		width: 50%;
		float: left;
		-webkit-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-o-transform: translateX(50px);
		transform: translateX(50px);
		-webkit-transition: opacity .5s linear 0s, transform .5s ease 0s;
		-moz-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-ms-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-o-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		transition: opacity .5s linear 0s, transform .5s ease 0s ;
		will-change: transform;
	}
	.head_mainnavi ul li:nth-child(3),
	.head_mainnavi ul li:nth-child(4) {
		margin-top: 2.5em;
	}
	#main-menu.is-open .head_mainnavi ul li {
		opacity: 1;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		-webkit-transition: opacity .5s linear 0s, transform .5s ease 0s;
		-moz-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-ms-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		-o-transition: opacity .5s linear 0s, transform .5s ease 0s ;
		transition: opacity .5s linear 0s, transform .5s ease 0s ;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(1) {
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-ms-transition-delay: .7s;
		-o-transition-delay: .7s;
		transition-delay: .7s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(2) {
		-webkit-transition-delay: .9s;
		-moz-transition-delay: .9s;
		-ms-transition-delay: .9s;
		-o-transition-delay: .9s;
		transition-delay: .9s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(3) {
		-webkit-transition-delay: 1.1s;
		-moz-transition-delay: 1.1s;
		-ms-transition-delay: 1.1s;
		-o-transition-delay: 1.1s;
		transition-delay: 1.1s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(4) {
		-webkit-transition-delay: 1.3s;
		-moz-transition-delay: 1.3s;
		-ms-transition-delay: 1.3s;
		-o-transition-delay: 1.3s;
		transition-delay: 1.3s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(5) {
		-webkit-transition-delay: 1.5s;
		-moz-transition-delay: 1.5s;
		-ms-transition-delay: 1.5s;
		-o-transition-delay: 1.5s;
		transition-delay: 1.5s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(6) {
		-webkit-transition-delay: 1.7s;
		-moz-transition-delay: 1.7s;
		-ms-transition-delay: 1.7s;
		-o-transition-delay: 1.7s;
		transition-delay: 1.7s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(7) {
		-webkit-transition-delay: 1.9s;
		-moz-transition-delay: 1.9s;
		-ms-transition-delay: 1.9s;
		-o-transition-delay: 1.9s;
		transition-delay: 1.9s;
	}
	#main-menu.is-open .head_mainnavi ul li:nth-child(8) {
		-webkit-transition-delay: 2.1s;
		-moz-transition-delay: 2.1s;
		-ms-transition-delay: 2.1s;
		-o-transition-delay: 2.1s;
		transition-delay: 2.1s;
	}
	.head_mainnavi > ul {
		display: none;
	}
	#main-menu.is-open .head_mainnavi > ul {
		display: block;
	}
	body.scroll .head_mobilemenu {
		padding: 12em 2.5em 0;
	}
	body.scroll .head_mainnavi {
		padding: 0;
	}
	.head_mainnavi ul li a {
		background-color: rgb(70,70,70);
		color: rgb(255,213,0);
		border-radius: 5px;
	}
	.head_mainnavi > ul > li > ul {
		position: relative;
		opacity: 1;
		visibility: visible;
		padding-top: 0;
		color: inherit;
		margin-top: -5px;
		margin-left: -8px;
	}
	.head_mainnavi > ul > li > ul > li {
		background: none;
		width: 100%;
		float: none;
		margin: 0 !important;
	}
	.head_mainnavi > ul > li > ul a {
		background: none;
		color: inherit;
		border-radius: 0;
		white-space: normal;
	}
	.head_logo {
		padding-bottom: 20px;
		padding-top: 20px;
		margin-top: 0;
	}
	.header_wrap.wrap {
		width: 100vw;
	}
	.header_abfall_abc .abfall_abc_index {
		width: 100%;
	}
	.entry_row {
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
	}
	.entry_row .entry_col {
		width: 50%;
	}
	.entry_row .entry_col:nth-child(1),
	.entry_row .entry_col:nth-child(2) {
		margin-bottom: 4.25em;
	}
}
@media only screen and (max-width: 768px) {
	.hide-768 {
		display: none !important;
	}
	.show-768 {
		display: none !important;
	}
	.col_1_of_4,
	.col_1_of_4-fix,
	.col_2_of_8,
	.col_2_of_8-fix {
		width: 50%;
	}
	.has-4-floating-cols .col_1_of_4 {
		width: 100%;
	}
	.intro_news::after {
		width: 100%;
	}
	.intro_news_left_col picture {
		display: none;
	}
	.intro_news_left_col .intro_news_col {
		position: relative;
		padding-right: 0em;
		padding-left: 0;
	}
	.intro_news_video_link {
		display: none;
	}
	.intro_news_right_col article {
		width: 100%;
	}

}
@media only screen and (min-width: 641px) {
	.min-hide-640 {
		display: none !important;
	}
}
@media only screen and (max-width: 640px) {
	.hide-640 {
		display: none !important;
	}
	.show-640 {
		display: block !important;
	}
	.col_1_of_20,
	.col_1_of_12,
	.col_1_of_10,
	.col_2_of_20,
	.col_1_of_8,
	.col_3_of_20,
	.col_1_of_6,
	.col_2_of_12,
	.col_1_of_5,
	.col_2_of_10,
	.col_4_of_20,
	.col_1_of_4,
	.col_2_of_8,
	.col_3_of_12,
	.col_5_of_20,
	.col_3_of_10,
	.col_6_of_20,
	.col_1_of_3,
	.col_2_of_6,
	.col_4_of_12,
	.col_7_of_20,
	.col_3_of_8,
	.col_2_of_5,
	.col_4_of_10,
	.col_8_of_20,
	.col_5_of_12,
	.col_9_of_20,
	.col_1_of_2,
	.col_2_of_4,
	.col_3_of_6,
	.col_4_of_8,
	.col_5_of_10,
	.col_6_of_12,
	.col_10_of_20,
	.col_11_of_20,
	.col_7_of_12,
	.col_3_of_5,
	.col_6_of_10,
	.col_12_of_20,
	.col_5_of_8,
	.col_13_of_20,
	.col_2_of_3,
	.col_4_of_6,
	.col_8_of_12,
	.col_7_of_10,
	.col_14_of_20,
	.col_3_of_4,
	.col_6_of_8,
	.col_9_of_12,
	.col_15_of_20,
	.col_4_of_5,
	.col_8_of_10,
	.col_16_of_20,
	.col_5_of_6,
	.col_10_of_12,
	.col_17_of_20,
	.col_7_of_8,
	.col_9_of_10,
	.col_18_of_20,
	.col_11_of_12,
	.col_19_of_20 {
		width: 100%;
	}
    .head_logo,
    body.scroll .head_logo {
        width: 80px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
	.head_metanavi ul li a,
	.head_metanavi ul li button {
		padding: 0 .25em;
		margin-top: 0;
	}
	.head_metanavi ul li a span,
	.head_metanavi ul li button span {
		display: none;
	}
	.header_kontakt .col_1_of_2 {
		margin-bottom: 1.25em;
	}
	#main-menu.is-open .head_metanavi,
	#main-menu.is-open .head_mobilemenu,
	body.scroll header.mobile_menu .head_mobilemenu {
		padding-left: 1.25em;
		padding-right: 1.25em;
	}
	#main-menu.is-open .head_mobilemenu,
	body.scroll header.mobile_menu .head_mobilemenu {
		padding-top: 5em;
	}
	body.scroll .head_metanavi {
		top: 5em;
	}
	.head_mainnavi ul li {
		width: 100%;
	}
	.head_mainnavi ul li:nth-child(2),
	.head_mainnavi ul li:nth-child(3),
	.head_mainnavi ul li:nth-child(4) {
		margin-top: 1em;
	}
	.head_mainnavi .submenu-navbar {
		display: flex;
		align-items: stretch;
	}
	.head_mainnavi ul li .arrow[data-level="1"] {
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		color: rgb(255, 213, 0);
		background-color: rgb(70,70,70);
		font-size: 38px;
		padding: 0 .263em;
		right: 0;
		top: 0;
		border-radius: 0 5px 5px 0;
		border-left: 2px solid white;
	}
	.head_mainnavi ul li .arrow .material-icons {
		font-size: 38px;
		display: block;
	}
	.head_mainnavi ul li a {
		width: 100%;
		text-align: center;
		border-radius: 5px 0 0 5px;
	}
	.head_mainnavi .main-menu-subtoggle {
		border-radius: 0;
		border-left: 2px solid white;
	}
	.head_mainnavi .main-menu-subtoggle[aria-expanded="true"] .material-icons {
		transform: rotate(180deg);
	}
	.head_mainnavi .main-menu-subtoggle[data-level="2"] {
		padding: 0 0.263em;
		margin-right: -0.8em;
		outline-offset: 0;
	}
	.head_mainnavi .submenu {
		display: none;
	}
	.head_mainnavi .submenu.is-active-submenu {
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.head_mainnavi .submenu[data-level="3"] {
		position: relative;
		right: initial;
		background-color: transparent;
		font-size: initial;
	}
	.head_mainnavi .submenu[data-level="3"] a {
		color: rgb(70,70,70);
		font-size: 1.125em;
		outline-offset: -2px;
	}
    .nav_widget {
        padding-top: 0;
    }
	.consultation_wrap {
		height: auto;
	}
	.consultation_wrap .is-flex-all-centered {
		display: block;
	}
	.accordion_title {
		width: 100%;
	}
	.accordion_content .row {
		margin-bottom: 0;
	}
	.news_pagination .is-button {
		width: 100%;
		text-align: center;
	}

    .abfall_abc_list {
	    grid-template-columns: 100%;
	}

	.abfall_abc_list dt {
	    grid-column: 1;
		border-bottom: none;
	}

	.abfall_abc_list dd {
	    grid-column: 1;
	}
}
@media only screen and (max-width: 480px) {
	.hide-480 {
		display: none !important;
	}
	.show-480 {
		display: block !important;
	}
	h1.is-highlight, h2.is-highlight,
	.h1.is-highlight, .h2.is-highlight {
		font-size: 2em;
	}
	h3,
	.h3 {
		font-size: 1.25em;
	}
	.is-cta {
		font-size: 1.125em;
	}
	.has-2-text-cols .text-cols-wrap,
	.has-3-text-cols .text-cols-wrap,
	.has-4-text-cols .text-cols-wrap,
	.has-5-text-cols .text-cols-wrap,
	.has-6-text-cols .text-cols-wrap {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}
	.head_mainnavi ul li a {
		text-align: left;
	}
	.intro_news {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgb(255,255,255) 30%, rgb(179,179,179) 70%);
		background: -webkit-linear-gradient(top, rgb(255,255,255) 30%,rgb(179,179,179) 70%);
		background: linear-gradient(to bottom, rgb(255,255,255) 30%,rgb(179,179,179) 70%);
	}
	.intro_news::after {
		content: none;
	}
	.entry_row.is-flex {
		display: block;
	}
	.entry_row.is-flex .entry_col {
		display: block;
		width: 100%;
		margin-bottom: 2.5em;
	}

}
@media only screen and (max-width: 360px) {
	.hide-360 {
		display: none !important;
	}
	.show-360 {
		display: block !important;
	}
	/*.col,
	.rcol {
		float: none;
	}*/
}
@media only screen and (max-width: 320px) {
	.hide-320 {
		display: none !important;
	}
	.show-320 {
		display: block !important;
	}
}

#abfall_leftcol{
	float: left;
	width: 70%;
	overflow: hidden;
}

#abfall_rightcol{
	float: right;
	width: 30%;
	overflow: hidden;
}

#abfall_results{
	width: 50%;
}

#abfall_results .tabs{
	background-color: #ccc;
}

#abfall_results .tabs li{
	float: left;
	width: 25%;
}

.abfall_tabcontent .abfall_termine{
	border: 1px solid #ccc;
}

#abfall_kalender .abfall_kalender_labels > div{
	float: left;
	width: 14.285714286%;
	background-color: #ccc;
}

#abfall_kalender .abfall_kalender_tage > div{
	float: left;
	width: 14.285714286%;
	background-color: #efefef;
}

p.highlight{
	color: rgb(201, 91, 15);
	background: none;
}

input.highlight{
	border-color: rgb(201, 91, 15);
	background-color: rgb(255, 245, 225) !important;
}

.intro_news_col article:first-of-type {
	color: rgb(255,213,0);
	background: rgb(70,70,70);
	background: -webkit-linear-gradient(top, rgb(70,70,70) 0%,rgb(32,32,32) 100%);
	background: -moz-linear-gradient(top, rgb(70,70,70) 0%, rgb(32,32,32) 100%);
	background: linear-gradient(to bottom, rgb(70,70,70) 0%,rgb(32,32,32) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#202020',GradientType=0 );
}
.intro_news_col article:first-of-type h4 {
	color: rgb(255,213,0);
}