@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.clearfix, .row, hr, .page-content,
.page-entry,
.page-main,
.page-main-section, .site-sidebar, .modul, .site-nav .menu, .page-nav-list, .advanced-site-search, .post-teaser,
.blog-post-teaser,
.forum-teaser,
.subscription-teaser,
.my-post-teaser, .post-teaser-details,
.blog-post-teaser-details,
.forum-teaser-details,
.subscription-teaser-details,
.my-post-teaser-details, .single-post, .single-post-details, .single-post-meta, .comment, .comment-footer, .comment .notify-moderator-container, .comment-call-to-action-container, .user-profile {
	*zoom: 1;
}

.clearfix::before, .row::before, hr::before, .page-content::before,
.page-entry::before,
.page-main::before,
.page-main-section::before, .site-sidebar::before, .modul::before, .site-nav .menu::before, .page-nav-list::before, .advanced-site-search::before, .post-teaser::before,
.blog-post-teaser::before,
.forum-teaser::before,
.subscription-teaser::before,
.my-post-teaser::before, .post-teaser-details::before,
.blog-post-teaser-details::before,
.forum-teaser-details::before,
.subscription-teaser-details::before,
.my-post-teaser-details::before, .single-post::before, .single-post-details::before, .single-post-meta::before, .comment::before, .comment-footer::before, .comment .notify-moderator-container::before, .comment-call-to-action-container::before, .user-profile::before, .clearfix::after, .row::after, hr::after, .page-content::after,
.page-entry::after,
.page-main::after,
.page-main-section::after, .site-sidebar::after, .modul::after, .site-nav .menu::after, .page-nav-list::after, .advanced-site-search::after, .post-teaser::after,
.blog-post-teaser::after,
.forum-teaser::after,
.subscription-teaser::after,
.my-post-teaser::after, .post-teaser-details::after,
.blog-post-teaser-details::after,
.forum-teaser-details::after,
.subscription-teaser-details::after,
.my-post-teaser-details::after, .single-post::after, .single-post-details::after, .single-post-meta::after, .comment::after, .comment-footer::after, .comment .notify-moderator-container::after, .comment-call-to-action-container::after, .user-profile::after {
	content: " ";
	display: table;
}

.clearfix::after, .row::after, hr::after, .page-content::after,
.page-entry::after,
.page-main::after,
.page-main-section::after, .site-sidebar::after, .modul::after, .site-nav .menu::after, .page-nav-list::after, .advanced-site-search::after, .post-teaser::after,
.blog-post-teaser::after,
.forum-teaser::after,
.subscription-teaser::after,
.my-post-teaser::after, .post-teaser-details::after,
.blog-post-teaser-details::after,
.forum-teaser-details::after,
.subscription-teaser-details::after,
.my-post-teaser-details::after, .single-post::after, .single-post-details::after, .single-post-meta::after, .comment::after, .comment-footer::after, .comment .notify-moderator-container::after, .comment-call-to-action-container::after, .user-profile::after {
	clear: both;
}

.visuallyhidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	font-size: 1rem;
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none;
}

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Zitat
 */
blockquote {
	border-left: 4px solid #acacac;
	font-style: italic;
	padding-left: 1em;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border: 0;
	display: block;
	max-width: 100%;
	height: auto;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
 * Contain overflow in all browsers.
 */
pre {
  white-space: pre-wrap;
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 0;
	-webkit-appearance: none;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto;
	resize: vertical;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight: bold;
}

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.container {
	max-width: 75em;
	margin: 0 auto;
	position: relative;
}

.row {
	width: auto;
}

.row .row {
	margin-left: -1em;
	margin-right: -1em;
}

.columns {
	float: left;
	padding-left: 1em;
	padding-right: 1em;
}

.push {
	float: right;
}

@media only screen and (max-width: 47.99em) {
	.xs-no-margin {
		padding: 0;
	}
}

@media only screen and (max-width: 47.99em) {
	.xs-1 {
		width: 8.33333%;
	}
	.xs-2 {
		width: 16.66667%;
	}
	.xs-3 {
		width: 25%;
	}
	.xs-4 {
		width: 33.33333%;
	}
	.xs-5 {
		width: 41.66667%;
	}
	.xs-6 {
		width: 50%;
	}
	.xs-7 {
		width: 58.33333%;
	}
	.xs-8 {
		width: 66.66667%;
	}
	.xs-9 {
		width: 75%;
	}
	.xs-10 {
		width: 83.33333%;
	}
	.xs-11 {
		width: 91.66667%;
	}
	.xs-12 {
		width: 100%;
	}
	.xs-offset-1 {
		margin-left: 8.33333%;
	}
	.xs-offset-2 {
		margin-left: 16.66667%;
	}
	.xs-offset-3 {
		margin-left: 25%;
	}
	.xs-offset-4 {
		margin-left: 33.33333%;
	}
	.xs-offset-5 {
		margin-left: 41.66667%;
	}
	.xs-offset-6 {
		margin-left: 50%;
	}
	.xs-offset-7 {
		margin-left: 58.33333%;
	}
	.xs-offset-8 {
		margin-left: 66.66667%;
	}
	.xs-offset-9 {
		margin-left: 75%;
	}
	.xs-offset-10 {
		margin-left: 83.33333%;
	}
	.xs-offset-11 {
		margin-left: 91.66667%;
	}
}

@media only screen and (min-width: 48em) and (max-width: 68.74em) {
	.s-1 {
		width: 8.33333%;
	}
	.s-2 {
		width: 16.66667%;
	}
	.s-3 {
		width: 25%;
	}
	.s-4 {
		width: 33.33333%;
	}
	.s-5 {
		width: 41.66667%;
	}
	.s-6 {
		width: 50%;
	}
	.s-7 {
		width: 58.33333%;
	}
	.s-8 {
		width: 66.66667%;
	}
	.s-9 {
		width: 75%;
	}
	.s-10 {
		width: 83.33333%;
	}
	.s-11 {
		width: 91.66667%;
	}
	.s-12 {
		width: 100%;
	}
	.s-offset-1 {
		margin-left: 8.33333%;
	}
	.s-offset-2 {
		margin-left: 16.66667%;
	}
	.s-offset-3 {
		margin-left: 25%;
	}
	.s-offset-4 {
		margin-left: 33.33333%;
	}
	.s-offset-5 {
		margin-left: 41.66667%;
	}
	.s-offset-6 {
		margin-left: 50%;
	}
	.s-offset-7 {
		margin-left: 58.33333%;
	}
	.s-offset-8 {
		margin-left: 66.66667%;
	}
	.s-offset-9 {
		margin-left: 75%;
	}
	.s-offset-10 {
		margin-left: 83.33333%;
	}
	.s-offset-11 {
		margin-left: 91.66667%;
	}
}

@media only screen and (min-width: 56em) and (max-width: 79.99em) {
	.m-1 {
		width: 8.33333%;
	}
	.m-2 {
		width: 16.66667%;
	}
	.m-3 {
		width: 25%;
	}
	.m-4 {
		width: 33.33333%;
	}
	.m-5 {
		width: 41.66667%;
	}
	.m-6 {
		width: 50%;
	}
	.m-7 {
		width: 58.33333%;
	}
	.m-8 {
		width: 66.66667%;
	}
	.m-9 {
		width: 75%;
	}
	.m-10 {
		width: 83.33333%;
	}
	.m-11 {
		width: 91.66667%;
	}
	.m-12 {
		width: 100%;
	}
	.m-offset-1 {
		margin-left: 8.33333%;
	}
	.m-offset-2 {
		margin-left: 16.66667%;
	}
	.m-offset-3 {
		margin-left: 25%;
	}
	.m-offset-4 {
		margin-left: 33.33333%;
	}
	.m-offset-5 {
		margin-left: 41.66667%;
	}
	.m-offset-6 {
		margin-left: 50%;
	}
	.m-offset-7 {
		margin-left: 58.33333%;
	}
	.m-offset-8 {
		margin-left: 66.66667%;
	}
	.m-offset-9 {
		margin-left: 75%;
	}
	.m-offset-10 {
		margin-left: 83.33333%;
	}
	.m-offset-11 {
		margin-left: 91.66667%;
	}
}

@media only screen and (min-width: 68.75em) {
	.l-1 {
		width: 8.33333%;
	}
	.l-2 {
		width: 16.66667%;
	}
	.l-3 {
		width: 25%;
	}
	.l-4 {
		width: 33.33333%;
    }
	.l-5 {
		width: 41.66667%;
	}
	.l-6 {
		width: 50%;
	}
	.l-7 {
		width: 58.33333%;
	}
	.l-8 {
		width: 66.66667%;
	}
	.l-9 {
		width: 75%;
	}
	.l-10 {
		width: 83.33333%;
	}
	.l-11 {
		width: 91.66667%;
	}
	.l-12 {
		width: 100%;
	}
	.l-offset-1 {
		margin-left: 8.33333%;
	}
	.l-offset-2 {
		margin-left: 16.66667%;
	}
	.l-offset-3 {
		margin-left: 25%;
	}
	.l-offset-4 {
		margin-left: 33.33333%;
	}
	.l-offset-5 {
		margin-left: 41.66667%;
	}
	.l-offset-6 {
		margin-left: 50%;
	}
	.l-offset-7 {
		margin-left: 58.33333%;
	}
	.l-offset-8 {
		margin-left: 66.66667%;
	}
	.l-offset-9 {
		margin-left: 75%;
	}
	.l-offset-10 {
		margin-left: 83.33333%;
	}
	.l-offset-11 {
		margin-left: 91.66667%;
	}
}

@media only screen and (min-width: 80em) {
	.xl-1 {
		width: 8.33333%;
	}
	.xl-2 {
		width: 16.66667%;
	}
	.xl-3 {
		width: 25%;
	}
	.xl-4 {
		width: 33.33333%;
	}
	.xl-5 {
		width: 41.66667%;
	}
	.xl-6 {
		width: 50%;
	}
	.xl-7 {
		width: 58.33333%;
	}
	.xl-8 {
		width: 66.66667%;
	}
	.xl-9 {
		width: 75%;
	}
	.xl-10 {
		width: 83.33333%;
	}
	.xl-11 {
		width: 91.66667%;
	}
	.xl-12 {
		width: 100%;
	}
	.xl-offset-1 {
		margin-left: 8.33333%;
	}
	.xl-offset-2 {
		margin-left: 16.66667%;
	}
	.xl-offset-3 {
		margin-left: 25%;
	}
	.xl-offset-4 {
		margin-left: 33.33333%;
	}
	.xl-offset-5 {
		margin-left: 41.66667%;
	}
	.xl-offset-6 {
		margin-left: 50%;
	}
	.xl-offset-7 {
		margin-left: 58.33333%;
	}
	.xl-offset-8 {
		margin-left: 66.66667%;
	}
	.xl-offset-9 {
		margin-left: 75%;
	}
	.xl-offset-10 {
		margin-left: 83.33333%;
	}
	.xl-offset-11 {
		margin-left: 91.66667%;
	}
}

/*---------------------------------------------------*/
/*  Remove not used Font Styles from following list
/*---------------------------------------------------*/
@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-Thin.eot");
	src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Thin.svg#Roboto") format("svg");
	font-weight: 100;
	font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-Thin';
	src: url("../fonts/Roboto/Roboto-Thin.eot");
	src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("fonts/Roboto/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Thin.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-ThinItalic.eot");
	src: local("Roboto ThinItalic"), local("Roboto-ThinItalic"), url("../fonts/Roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-ThinItalic.svg#Roboto") format("svg");
	font-weight: 100;
	font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-ThinItalic';
	src: url("../fonts/Roboto/Roboto-ThinItalic.eot");
	src: local("Roboto ThinItalic"), local("Roboto-ThinItalic"), url("../fonts/Roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-ThinItalic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-Light.eot");
	src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Light.woff") format("woff"), url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Light.svg#Roboto") format("svg");
	font-weight: 300;
	font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url("../fonts/Roboto/Roboto-Light.eot");
	src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Light.woff") format("woff"), url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Light.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-LightItalic.eot");
	src: local("Roboto LightItalic"), local("Roboto-LightItalic"), url("../fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-LightItalic.svg#Roboto") format("svg");
	font-weight: 300;
	font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-LightItalic';
	src: url("../fonts/Roboto/Roboto-LightItalic.eot");
	src: local("Roboto LightItalic"), local("Roboto-LightItalic"), url("../fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-LightItalic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-Regular.eot");
	src: local("Roboto Regular"), local("Roboto-Regular"), url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg");
	font-weight: 400;
	font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url("../fonts/Roboto/Roboto-Regular.eot");
	src: local("Roboto Regular"), local("Roboto-Regular"), url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-RegularItalic.eot");
	src: local("Roboto RegularItalic"), local("Roboto-RegularItalic"), url("../fonts/Roboto/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-RegularItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-RegularItalic.svg#Roboto") format("svg");
	font-weight: 400;
	font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-RegularItalic';
	src: url("../fonts/Roboto/Roboto-RegularItalic.eot");
	src: local("Roboto RegularItalic"), local("Roboto-RegularItalic"), url("../fonts/Roboto/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-RegularItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-RegularItalic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-Medium.eot");
	src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Medium.svg#Roboto") format("svg");
	font-weight: 500;
	font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url("../fonts/Roboto/Roboto-Medium.eot");
	src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Medium.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-MediumItalic.eot");
	src: local("Roboto MediumItalic"), local("Roboto-MediumItalic"), url("../fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-MediumItalic.svg#Roboto") format("svg");
	font-weight: 500;
	font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-MediumItalic';
	src: url("../fonts/Roboto/Roboto-MediumItalic.eot");
	src: local("Roboto MediumItalic"), local("Roboto-MediumItalic"), url("../fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-MediumItalic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-Bold.eot");
	src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg");
	font-weight: 700;
	font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url("../fonts/Roboto/Roboto-Bold.eot");
	src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-BoldItalic.eot");
	src: local("Roboto BoldItalic"), local("Roboto-BoldItalic"), url("../fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BoldItalic.svg#Roboto") format("svg");
	font-weight: 700;
	font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-BoldItalic';
	src: url("../fonts/Roboto/Roboto-BoldItalic.eot");
	src: local("Roboto BoldItalic"), local("Roboto-BoldItalic"), url("../fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BoldItalic.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-Black.eot");
	src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Black.woff") format("woff"), url("../fonts/Roboto/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Black.svg#Roboto") format("svg");
	font-weight: 900;
	font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-Black';
	src: url("../fonts/Roboto/Roboto-Black.eot");
	src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Black.woff") format("woff"), url("../fonts/Roboto/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Black.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto/Roboto-BlackItalic.eot");
	src: local("Roboto BlackItalic"), local("Roboto-BlackItalic"), url("../fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BlackItalic.svg#Roboto") format("svg");
	font-weight: 900;
	font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'Roboto-BlackItalic';
	src: url("../fonts/Roboto/Roboto-BlackItalic.eot");
	src: local("Roboto BlackItalic"), local("Roboto-BlackItalic"), url("../fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BlackItalic.svg#Roboto") format("svg");
  font-display: swap;
}

body {
	font-family: 'Roboto';
	font-size: 0.9em;
}

@media only screen and (min-width: 56em) and (max-width: 68.74em) {
	body {
		font-size: 0.95em;
	}
}

@media only screen and (min-width: 68.75em) {
	body {
		font-size: 1em;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.5em;
}

@media only screen and (min-width: 56em) and (max-width: 68.74em) {
	h1 {
		font-size: 1.7em;
	}
}

@media only screen and (min-width: 68.75em) {
	h1 {
		font-size: 2em;
	}
}

h2 {
	font-size: 1.2em;
	color: #7D7D82; /* evkl */
}

@media only screen and (min-width: 56em) and (max-width: 68.74em) {
	h2 {
		font-size: 1.3em;
	}
}

@media only screen and (min-width: 68.75em) {
	h2 {
		font-size: 1.4em;
	}
}

h3 {
	font-size: 1.2em;
	color: #7D7D82; /* evkl */
}

@media only screen and (min-width: 56em) and (max-width: 68.74em) {
	h3 {
		font-size: 1.2em;
	}
}

@media only screen and (min-width: 68.75em) {
	h3 {
		font-size: 1.25em;
	}
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.5;
}

hr {
	border: none;
	height: 2px;
	background: #ECEFF1;
	margin: 2em 0;
}

::-moz-selection {
	color: #7D7D82;
	background: #ECEFF1;
	text-shadow: none;
}

::selection {
	color: #ECEFF1;
	background: #0899CC;
	text-shadow: none;
}

/*-----------------------------------*/
/*  Only to preview logged-in-state
/*-----------------------------------*/
.logged-in-false {
	display: block !important;
}

.login-true .logged-in-false {
	display: none !important;
}

.logged-in-true {
	display: none !important;
}

.login-true .logged-in-true {
	display: block !important;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*--------------------------*/
/*  Main Button Styles
/*--------------------------*/
.btn,
button,
input[type="submit"], .site-header .create-post, .create-post-bar .create-post, .site-search-trigger,
.login-trigger,
.site-nav-trigger, .modul-back-to-search-button, .search-submit, .advanced-search-trigger, .advanced-site-search-submit, .advanced-site-search-cancel, .login-form-submit, .post-teaser-call-to-action,
.blog-post-teaser-call-to-action,
.forum-teaser-call-to-action,
.subscription-teaser-call-to-action,
.my-post-teaser-call-to-action, .single-post-meta-modul.share .share-trigger, .single-post .notify-moderator, .single-post-call-to-action, .comment-meta .mark-correct, .comment .notify-moderator, .comment-call-to-action, .pagination-nav .menu-item a, .blog-toolbar-button,
.advanced-options-toolbar-button,
.aex-download-call-to-action {
	-webkit-appearance: none;
	display: inline-block;
	padding: .5em 1em;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid;
	outline: none;
	background: transparent;
	transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

.btn .icon,
button .icon,
input[type="submit"] .icon, .site-header .create-post .icon, .create-post-bar .create-post .icon, .site-search-trigger .icon,
.login-trigger .icon,
.site-nav-trigger .icon, .modul-back-to-search-button .icon, .search-submit .icon, .advanced-search-trigger .icon, .advanced-site-search-submit .icon, .advanced-site-search-cancel .icon, .login-form-submit .icon, .post-teaser-call-to-action .icon,
.blog-post-teaser-call-to-action .icon,
.forum-teaser-call-to-action .icon,
.subscription-teaser-call-to-action .icon,
.my-post-teaser-call-to-action .icon, .single-post-meta-modul.share .share-trigger .icon, .single-post .notify-moderator .icon, .single-post-call-to-action .icon, .comment-meta .mark-correct .icon, .comment .notify-moderator .icon, .comment-call-to-action .icon, .pagination-nav .menu-item a .icon, .blog-toolbar-button .icon,
.advanced-options-toolbar-button .icon,
.aex-download-call-to-action .icon {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	position: relative;
	height: 1em;
	width: 1em;
}

.touch .btn:active, .touch
button:active, .touch
input[type="submit"]:active, .touch .site-header .create-post:active, .site-header .touch .create-post:active, .touch .create-post-bar .create-post:active, .create-post-bar .touch .create-post:active, .touch .site-search-trigger:active, .touch
.login-trigger:active, .touch
.site-nav-trigger:active, .touch .modul-back-to-search-button:active, .touch .search-submit:active, .touch .advanced-search-trigger:active, .touch .advanced-site-search-submit:active, .touch .advanced-site-search-cancel:active, .touch .login-form-submit:active, .touch .post-teaser-call-to-action:active, .touch
.blog-post-teaser-call-to-action:active, .touch
.forum-teaser-call-to-action:active, .touch
.subscription-teaser-call-to-action:active, .touch
.my-post-teaser-call-to-action:active, .touch .single-post-meta-modul.share .share-trigger:active, .single-post-meta-modul.share .touch .share-trigger:active, .touch .single-post .notify-moderator:active, .single-post .touch .notify-moderator:active, .touch .single-post-call-to-action:active, .touch .comment-meta .mark-correct:active, .comment-meta .touch .mark-correct:active, .touch .comment .notify-moderator:active, .comment .touch .notify-moderator:active, .touch .comment-call-to-action:active, .touch .pagination-nav .menu-item a:active, .pagination-nav .menu-item .touch a:active, .touch .blog-toolbar-button:active, .touch
.advanced-options-toolbar-button:active, 
.touch .aex-download-call-to-action:active {
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
}

/*-------------------*/
/*  Button Colors
/*-------------------*/
.create-post-bar .create-post, .single-post-call-to-action, .comment-call-to-action, .user-profile-content-submit, .blog-toolbar-button,
.advanced-options-toolbar-button {
	background-color: white;
	color: #0899CC;
	border-color: #0899CC;
}

.create-post-bar .create-post .icon, .single-post-call-to-action .icon, .comment-call-to-action .icon, .user-profile-content-submit .icon, .blog-toolbar-button .icon,
.advanced-options-toolbar-button .icon {
	fill: #0899CC;
}

.create-post-bar .create-post .icon-rss, .single-post-call-to-action .icon-rss, .comment-call-to-action .icon-rss, .user-profile-content-submit .icon-rss, .blog-toolbar-button .icon-rss,
.advanced-options-toolbar-button .icon-rss {
	fill: #ff6600;
}

.create-post-bar .create-post:hover, .single-post-call-to-action:hover, .comment-call-to-action:hover, .user-profile-content-submit:hover, .blog-toolbar-button:hover,
.advanced-options-toolbar-button:hover {
	background-color: #f2f4f5;
}

.create-post-bar .create-post:hover:active, .single-post-call-to-action:hover:active, .comment-call-to-action:hover:active, .user-profile-content-submit:hover:active, .blog-toolbar-button:hover:active,
.advanced-options-toolbar-button:hover:active, .aex-download-call-to-action:hover:active {
	background-color: #e6eaed;
}

.create-post-bar .create-post:active, .single-post-call-to-action:active, .comment-call-to-action:active, .user-profile-content-submit:active, .blog-toolbar-button:active,
.advanced-options-toolbar-button:active, .create-post-bar .create-post:focus, .single-post-call-to-action:focus, .comment-call-to-action:focus, .user-profile-content-submit:focus, .blog-toolbar-button:focus,
.advanced-options-toolbar-button:focus, .aex-download-call-to-action:focus, .aex-download-call-to-action:active {
	background-color: #e6eaed;
}

.post-teaser-call-to-action,
.blog-post-teaser-call-to-action,
.forum-teaser-call-to-action,
.subscription-teaser-call-to-action,
.my-post-teaser-call-to-action {
	background-color: #ECEFF1;
	color: #0899CC;
	border-color: #0899CC;
}

.post-teaser-call-to-action .icon,
.blog-post-teaser-call-to-action .icon,
.forum-teaser-call-to-action .icon,
.subscription-teaser-call-to-action .icon,
.my-post-teaser-call-to-action .icon {
	fill: #0899CC;
}

.post-teaser-call-to-action .icon-rss,
.blog-post-teaser-call-to-action .icon-rss,
.forum-teaser-call-to-action .icon-rss,
.subscription-teaser-call-to-action .icon-rss,
.my-post-teaser-call-to-action .icon-rss {
	fill: #ff6600;
}

.post-teaser-call-to-action:hover,
.blog-post-teaser-call-to-action:hover,
.forum-teaser-call-to-action:hover,
.subscription-teaser-call-to-action:hover,
.my-post-teaser-call-to-action:hover {
	background-color: #dde3e6;
}

.post-teaser-call-to-action:hover:active,
.blog-post-teaser-call-to-action:hover:active,
.forum-teaser-call-to-action:hover:active,
.subscription-teaser-call-to-action:hover:active,
.my-post-teaser-call-to-action:hover:active {
	background-color: #cfd6db;
}

.post-teaser-call-to-action:active,
.blog-post-teaser-call-to-action:active,
.forum-teaser-call-to-action:active,
.subscription-teaser-call-to-action:active,
.my-post-teaser-call-to-action:active, .post-teaser-call-to-action:focus,
.blog-post-teaser-call-to-action:focus,
.forum-teaser-call-to-action:focus,
.subscription-teaser-call-to-action:focus,
.my-post-teaser-call-to-action:focus {
	background-color: #dde3e6;
}

.site-header .create-post, .modul-back-to-search-button, .advanced-site-search-submit, .login-form-submit, .user-login-form button  {
	background: none;
	color: #0899CC;
	border-color: #0899CC;
}

#user-login .forgot-pass, #user-login-form .forgot-pass {
  float: right;
}

.aex-download-call-to-action:hover, .aex-download-call-to-action:focus, .aex-download-call-to-action:active, .aex-download-call-to-action:hover:active, .aex-download-call-to-action:hover:focus, .aex-download-call-to-action:active:focus, .aex-download-call-to-action:hover:active:focus {
    background-color: #0899CC;
    border: 1px solid #0899CC;
    color: #ffffff;
}

/*evkl*/
.user-login-form button   {
	background: #fff;
}

.site-header .create-post .icon, .modul-back-to-search-button .icon, .advanced-site-search-submit .icon, .login-form-submit .icon {
	fill: #0899CC;
}

.site-header .create-post:hover, .modul-back-to-search-button:hover, .advanced-site-search-submit:hover, .login-form-submit:hover {
	border-color: #09abe5;
	color: #09abe5;
}

.site-header .create-post:hover:active, .modul-back-to-search-button:hover:active, .advanced-site-search-submit:hover:active, .login-form-submit:hover:active {
	border-color: #11baf6;
	color: #11baf6;
}

.site-header .create-post:active, .modul-back-to-search-button:active, .advanced-site-search-submit:active, .login-form-submit:active, .site-header .create-post:focus, .modul-back-to-search-button:focus, .advanced-site-search-submit:focus, .login-form-submit:focus {
	border-color: #09abe5;
	color: #09abe5;
}

.pagination-nav .menu-item a {
	color: #0899CC;
	background-color: #fff;
	border-color: #ECEFF1;
}

.pagination-nav .menu-item a .icon {
	fill: #ECEFF1;
}

.pagination-nav .menu-item a:hover {
	background-color: #f2f4f5;
}

.pagination-nav .menu-item a:hover:active {
	background-color: #e6eaed;
}

.pagination-nav .menu-item a:active, .pagination-nav .menu-item a:focus {
	background-color: #e6eaed;
}

.site-search-trigger,
.login-trigger,
.site-nav-trigger, .search-submit, .advanced-search-trigger, .comment .notify-moderator {
	border-color: transparent;
	background: none;
	color: #7D7D82;
}

@media only screen and (min-width: 51.875em) {
  img.login-trigger {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    position: absolute;
    top: 3.4em;
    padding: 0;
    margin: 0 0.3em 0 0;
    object-fit: cover;
    border-color: #c5c5c5;
  }
}


@media only screen and (max-width: 28.99em) {
  img.login-trigger {
    border-radius: 50%;
    width: 2.3em;
    height: 2.3em;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 3.75em;
    top: .8em;
    object-fit: cover;
    border-color: #c5c5c5;
  }
}

@media only screen and (min-width: 29em) and (max-width: 51.874em) {
	 img.login-trigger {
    border-radius: 50%;
    padding: 0;
    margin: 0;
    height: 2.5em;
    width: 2.5em;
    position: absolute;
    right: 3.6em;
    top: .7em;
    object-fit: cover;
    border-color: #c5c5c5;
  }
}

img.login-trigger:hover, img.login-trigger:focus, img.login-trigger:active, img.login-trigger:hover:active, img.login-trigger:hover:focus, img.login-trigger:focus:active, img.login-trigger:hover:active:focus {
  border-color: #989898;
}

.site-search-trigger .icon,
.login-trigger .icon,
.site-nav-trigger .icon, .search-submit .icon, .advanced-search-trigger .icon, .comment .notify-moderator .icon {
	fill: #7D7D82;
}

.site-search-trigger:hover,
.login-trigger:hover,
.site-nav-trigger:hover, .search-submit:hover, .advanced-search-trigger:hover, .comment .notify-moderator:hover {
	color: #97979b;
}

.site-search-trigger:hover .icon,
.login-trigger:hover .icon,
.site-nav-trigger:hover .icon, .search-submit:hover .icon, .advanced-search-trigger:hover .icon, .comment .notify-moderator:hover .icon {
	fill: #97979b;
}

.login-trigger:hover .icon-logged-in, .login-trigger:focus .icon-logged-in, .login-trigger:active .icon-logged-in, 
.login-trigger:hover:active .icon-logged-in, .login-trigger:focus .icon-logged-in, .login-trigger:hover:focus .icon-logged-in, .login-trigger:hover:active:focus .icon-logged-in  {
  fill: #46B4DB !important;
}

.site-search-trigger:hover:active,
.login-trigger:hover:active,
.site-nav-trigger:hover:active, .search-submit:hover:active, .advanced-search-trigger:hover:active, .comment .notify-moderator:hover:active {
	color: #a4a4a8;
}

.site-search-trigger:hover:active .icon,
.login-trigger:hover:active .icon,
.site-nav-trigger:hover:active .icon, .search-submit:hover:active .icon, .advanced-search-trigger:hover:active .icon, .comment .notify-moderator:hover:active .icon {
	fill: #a4a4a8;
}

.site-search-trigger:focus,
.login-trigger:focus,
.site-nav-trigger:focus, .search-submit:focus, .advanced-search-trigger:focus, .comment .notify-moderator:focus {
	color: #97979b;
}

.site-search-trigger:focus .icon,
.login-trigger:focus .icon,
.site-nav-trigger:focus .icon, .search-submit:focus .icon, .advanced-search-trigger:focus .icon, .comment .notify-moderator:focus .icon {
	fill: #97979b;
}

.single-post-meta-modul.share .share-trigger, .single-post .notify-moderator, .comment-meta .mark-correct {
	border-color: transparent;
	background: none;
	color: #4b4f50;
}

.single-post-meta-modul.share .share-trigger .icon, .single-post .notify-moderator .icon, .comment-meta .mark-correct .icon {
	fill: #4b4f50;
}

.single-post-meta-modul.share .share-trigger:hover, .single-post .notify-moderator:hover, .comment-meta .mark-correct:hover {
	background-color: #ECEFF1;
  border-radius: 50px;
}

.single-post-meta-modul.share .share-trigger:hover:active, .single-post .notify-moderator:hover:active, .comment-meta .mark-correct:hover:active {
	background-color: #ECEFF1;
  border-radius: 50px;
}

.single-post-meta-modul.share .share-trigger:focus, .single-post .notify-moderator:focus, .comment-meta .mark-correct:focus {
	background-color: #ECEFF1;
  border-radius: 50px;
}

.advanced-site-search-cancel {
	border-color: transparent;
	background: none;
	color: #0899CC;
}

.advanced-site-search-cancel .icon {
	fill: #0899CC;
}

.advanced-site-search-cancel:hover {
	color: #11baf6;
}

.advanced-site-search-cancel:hover .icon {
	fill: #11baf6;
}

.advanced-site-search-cancel:hover:active {
	color: #2ac1f7;
}

.advanced-site-search-cancel:hover:active .icon {
	fill: #2ac1f7;
}

.advanced-site-search-cancel:focus {
	color: #11baf6;
}

.advanced-site-search-cancel:focus .icon {
	fill: #11baf6;
}

.open-state {
	display: none;
}

.active .open-state {
	display: block;
}

.active .closed-state {
	display: none;
}

.aex-download-container {
  display: flex;
  justify-content: space-evenly;
  padding: 1em;
  margin-top: -1em;
}

/*  Use combination of button style and color to style element

	.element {
		@extend %btn;
		@extend %btn-blue-transparent;
	}
*/
/*----------------------*/
/*  Back-to-top Button
/*----------------------*/
.back-to-top {
	position: fixed;
	right: 1em;
	bottom: 1em;
	z-index: 100;
	height: 3em;
	width: 3em;
	text-indent: -999em;
	cursor: pointer;
	background: rgba(3, 4, 4, 0.5);
	border-top-left-radius: .5em;
	border-bottom-right-radius: .5em;
	overflow: hidden;
}

@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
	.back-to-top {
		background: rgba(3, 4, 4, 0.3);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}
}

.back-to-top .icon {
	height: 2em;
	width: 2em;
	position: absolute;
	top: .5em;
	left: .5em;
	fill: #ECEFF1;
	transition: fill .1s ease-in-out;
}

.back-to-top:hover .icon, .back-to-top:focus .icon {
	fill: white;
}

.back-to-top:active {
	-webkit-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);
}

/*----------------------*/
/*   Main Link styles
/*----------------------*/
.page-title a,
.page-description a, .page-content p a, .section-headline-container a, .language-info a, .modul-headline-container a, .modul-user-list ul li .user-name, .modul-links ul li a, .login-form-register, .login-form-forgot-pass, .login-form-logout, .login-form-my-profile-link, .login-form-user-profile-link, .search-result-headline a, .search-result-link,
.blog-post-teaser-details-container a,
.forum-teaser-details-container a,
.subscription-teaser-details-container a,
.my-post-teaser-details-container a, .post-teaser-title a,
.blog-post-teaser-title a,
.forum-teaser-title a,
.subscription-teaser-title a,
.my-post-teaser-title a, .post-teaser-unsubscribe,
.blog-post-teaser-unsubscribe,
.forum-teaser-unsubscribe,
.subscription-teaser-unsubscribe,
.my-post-teaser-unsubscribe, .single-post-author-details a, .single-post-details-container a, .single-post-title a, .comment-author-details a, .comment-title a, .bring-me-to-the-login,
.register-link, .user-profile-author-image-edit, .user-profile-edit, .advanced-options-toolbar-trigger,
.post-teaser-details-container a:hover {
	color: #0899CC;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

.post-teaser-details-container a,
.blog-toolbar a {
  color: #0899CC;
	text-decoration: none;
}                               

.page-content p a {
  color: #0899CC !important;
}

.page-title a.preview-box-title,
.page-description a.preview-box-title, .page-content p a.preview-box-title, .section-headline-container a.preview-box-title, .language-info a.preview-box-title, .modul-headline-container a.preview-box-title, .modul-user-list ul li .preview-box-title.user-name, .modul-links ul li a.preview-box-title, .preview-box-title.login-form-register, .preview-box-title.login-form-forgot-pass, .preview-box-title.login-form-logout, .preview-box-title.login-form-my-profile-link, .preview-box-title.login-form-user-profile-link, .search-result-headline a.preview-box-title, .preview-box-title.search-result-link, .post-teaser-details-container a.preview-box-title,
.blog-post-teaser-details-container a.preview-box-title,
.forum-teaser-details-container a.preview-box-title,
.subscription-teaser-details-container a.preview-box-title,
.my-post-teaser-details-container a.preview-box-title, .post-teaser-title a.preview-box-title,
.blog-post-teaser-title a.preview-box-title,
.forum-teaser-title a.preview-box-title,
.subscription-teaser-title a.preview-box-title,
.my-post-teaser-title a.preview-box-title, .preview-box-title.post-teaser-unsubscribe,
.preview-box-title.blog-post-teaser-unsubscribe,
.preview-box-title.forum-teaser-unsubscribe,
.preview-box-title.subscription-teaser-unsubscribe,
.preview-box-title.my-post-teaser-unsubscribe, .single-post-author-details a.preview-box-title, .single-post-details-container a.preview-box-title, .single-post-title a.preview-box-title, .comment-author-details a.preview-box-title, .comment-title a.preview-box-title, .preview-box-title.bring-me-to-the-login,
.preview-box-title.register-link, .preview-box-title.user-profile-author-image-edit, .preview-box-title.user-profile-edit, .preview-box-title.advanced-options-toolbar-trigger {
	line-height: 1;
	margin: 0;
}

/*----------------------*/
/*   Link colors
/*----------------------*/
.no-touch .page-title a.glow:hover, .page-title .no-touch a.glow:hover, .no-touch
.page-description a.glow:hover,
.page-description .no-touch a.glow:hover, .no-touch .page-content p a.glow:hover, .page-content p .no-touch a.glow:hover, .no-touch .section-headline-container a.glow:hover, .section-headline-container .no-touch a.glow:hover, .no-touch .language-info a.glow:hover, .language-info .no-touch a.glow:hover, .no-touch .modul-headline-container a.glow:hover, .modul-headline-container .no-touch a.glow:hover, .no-touch .modul-user-list ul li .glow.user-name:hover, .modul-user-list ul li .no-touch .glow.user-name:hover, .no-touch .modul-links ul li a.glow:hover, .modul-links ul li .no-touch a.glow:hover, .no-touch .glow.login-form-register:hover, .no-touch .glow.login-form-forgot-pass:hover, .no-touch .glow.login-form-logout:hover, .no-touch .glow.login-form-my-profile-link:hover, .no-touch .glow.login-form-user-profile-link:hover, .no-touch .search-result-headline a.glow:hover, .search-result-headline .no-touch a.glow:hover, .no-touch .glow.search-result-link:hover, .no-touch .post-teaser-details-container a.glow:hover, .post-teaser-details-container .no-touch a.glow:hover, .no-touch
.blog-post-teaser-details-container a.glow:hover,
.blog-post-teaser-details-container .no-touch a.glow:hover, .no-touch
.forum-teaser-details-container a.glow:hover,
.forum-teaser-details-container .no-touch a.glow:hover, .no-touch
.subscription-teaser-details-container a.glow:hover,
.subscription-teaser-details-container .no-touch a.glow:hover, .no-touch
.my-post-teaser-details-container a.glow:hover,
.my-post-teaser-details-container .no-touch a.glow:hover, .no-touch .post-teaser-title a.glow:hover, .post-teaser-title .no-touch a.glow:hover, .no-touch
.blog-post-teaser-title a.glow:hover,
.blog-post-teaser-title .no-touch a.glow:hover, .no-touch
.forum-teaser-title a.glow:hover,
.forum-teaser-title .no-touch a.glow:hover, .no-touch
.subscription-teaser-title a.glow:hover,
.subscription-teaser-title .no-touch a.glow:hover, .no-touch
.my-post-teaser-title a.glow:hover,
.my-post-teaser-title .no-touch a.glow:hover, .no-touch .glow.post-teaser-unsubscribe:hover, .no-touch
.glow.blog-post-teaser-unsubscribe:hover, .no-touch
.glow.forum-teaser-unsubscribe:hover, .no-touch
.glow.subscription-teaser-unsubscribe:hover, .no-touch
.glow.my-post-teaser-unsubscribe:hover, .no-touch .single-post-author-details a.glow:hover, .single-post-author-details .no-touch a.glow:hover, .no-touch .single-post-details-container a.glow:hover, .single-post-details-container .no-touch a.glow:hover, .no-touch .single-post-title a.glow:hover, .single-post-title .no-touch a.glow:hover, .no-touch .comment-author-details a.glow:hover, .comment-author-details .no-touch a.glow:hover, .no-touch .comment-title a.glow:hover, .comment-title .no-touch a.glow:hover, .no-touch .glow.bring-me-to-the-login:hover, .no-touch
.glow.register-link:hover, .no-touch .glow.user-profile-author-image-edit:hover, .no-touch .glow.user-profile-edit:hover, .no-touch .glow.advanced-options-toolbar-trigger:hover {
	color: #09abe5;
}

.no-touch .page-title a.glow:active, .page-title .no-touch a.glow:active, .no-touch
.page-description a.glow:active,
.page-description .no-touch a.glow:active, .no-touch .page-content p a.glow:active, .page-content p .no-touch a.glow:active, .no-touch .section-headline-container a.glow:active, .section-headline-container .no-touch a.glow:active, .no-touch .language-info a.glow:active, .language-info .no-touch a.glow:active, .no-touch .modul-headline-container a.glow:active, .modul-headline-container .no-touch a.glow:active, .no-touch .modul-user-list ul li .glow.user-name:active, .modul-user-list ul li .no-touch .glow.user-name:active, .no-touch .modul-links ul li a.glow:active, .modul-links ul li .no-touch a.glow:active, .no-touch .glow.login-form-register:active, .no-touch .glow.login-form-forgot-pass:active, .no-touch .glow.login-form-logout:active, .no-touch .glow.login-form-my-profile-link:active, .no-touch .glow.login-form-user-profile-link:active, .no-touch .search-result-headline a.glow:active, .search-result-headline .no-touch a.glow:active, .no-touch .glow.search-result-link:active, .no-touch .post-teaser-details-container a.glow:active, .post-teaser-details-container .no-touch a.glow:active, .no-touch
.blog-post-teaser-details-container a.glow:active,
.blog-post-teaser-details-container .no-touch a.glow:active, .no-touch
.forum-teaser-details-container a.glow:active,
.forum-teaser-details-container .no-touch a.glow:active, .no-touch
.subscription-teaser-details-container a.glow:active,
.subscription-teaser-details-container .no-touch a.glow:active, .no-touch
.my-post-teaser-details-container a.glow:active,
.my-post-teaser-details-container .no-touch a.glow:active, .no-touch .post-teaser-title a.glow:active, .post-teaser-title .no-touch a.glow:active, .no-touch
.blog-post-teaser-title a.glow:active,
.blog-post-teaser-title .no-touch a.glow:active, .no-touch
.forum-teaser-title a.glow:active,
.forum-teaser-title .no-touch a.glow:active, .no-touch
.subscription-teaser-title a.glow:active,
.subscription-teaser-title .no-touch a.glow:active, .no-touch
.my-post-teaser-title a.glow:active,
.my-post-teaser-title .no-touch a.glow:active, .no-touch .glow.post-teaser-unsubscribe:active, .no-touch
.glow.blog-post-teaser-unsubscribe:active, .no-touch
.glow.forum-teaser-unsubscribe:active, .no-touch
.glow.subscription-teaser-unsubscribe:active, .no-touch
.glow.my-post-teaser-unsubscribe:active, .no-touch .single-post-author-details a.glow:active, .single-post-author-details .no-touch a.glow:active, .no-touch .single-post-details-container a.glow:active, .single-post-details-container .no-touch a.glow:active, .no-touch .single-post-title a.glow:active, .single-post-title .no-touch a.glow:active, .no-touch .comment-author-details a.glow:active, .comment-author-details .no-touch a.glow:active, .no-touch .comment-title a.glow:active, .comment-title .no-touch a.glow:active, .no-touch .glow.bring-me-to-the-login:active, .no-touch
.glow.register-link:active, .no-touch .glow.user-profile-author-image-edit:active, .no-touch .glow.user-profile-edit:active, .no-touch .glow.advanced-options-toolbar-trigger:active, .no-touch .page-title a.glow:focus, .page-title .no-touch a.glow:focus, .no-touch
.page-description a.glow:focus,
.page-description .no-touch a.glow:focus, .no-touch .page-content p a.glow:focus, .page-content p .no-touch a.glow:focus, .no-touch .section-headline-container a.glow:focus, .section-headline-container .no-touch a.glow:focus, .no-touch .language-info a.glow:focus, .language-info .no-touch a.glow:focus, .no-touch .modul-headline-container a.glow:focus, .modul-headline-container .no-touch a.glow:focus, .no-touch .modul-user-list ul li .glow.user-name:focus, .modul-user-list ul li .no-touch .glow.user-name:focus, .no-touch .modul-links ul li a.glow:focus, .modul-links ul li .no-touch a.glow:focus, .no-touch .glow.login-form-register:focus, .no-touch .glow.login-form-forgot-pass:focus, .no-touch .glow.login-form-logout:focus, .no-touch .glow.login-form-my-profile-link:focus, .no-touch .glow.login-form-user-profile-link:focus, .no-touch .search-result-headline a.glow:focus, .search-result-headline .no-touch a.glow:focus, .no-touch .glow.search-result-link:focus, .no-touch .post-teaser-details-container a.glow:focus, .post-teaser-details-container .no-touch a.glow:focus, .no-touch
.blog-post-teaser-details-container a.glow:focus,
.blog-post-teaser-details-container .no-touch a.glow:focus, .no-touch
.forum-teaser-details-container a.glow:focus,
.forum-teaser-details-container .no-touch a.glow:focus, .no-touch
.subscription-teaser-details-container a.glow:focus,
.subscription-teaser-details-container .no-touch a.glow:focus, .no-touch
.my-post-teaser-details-container a.glow:focus,
.my-post-teaser-details-container .no-touch a.glow:focus, .no-touch .post-teaser-title a.glow:focus, .post-teaser-title .no-touch a.glow:focus, .no-touch
.blog-post-teaser-title a.glow:focus,
.blog-post-teaser-title .no-touch a.glow:focus, .no-touch
.forum-teaser-title a.glow:focus,
.forum-teaser-title .no-touch a.glow:focus, .no-touch
.subscription-teaser-title a.glow:focus,
.subscription-teaser-title .no-touch a.glow:focus, .no-touch
.my-post-teaser-title a.glow:focus,
.my-post-teaser-title .no-touch a.glow:focus, .no-touch .glow.post-teaser-unsubscribe:focus, .no-touch
.glow.blog-post-teaser-unsubscribe:focus, .no-touch
.glow.forum-teaser-unsubscribe:focus, .no-touch
.glow.subscription-teaser-unsubscribe:focus, .no-touch
.glow.my-post-teaser-unsubscribe:focus, .no-touch .single-post-author-details a.glow:focus, .single-post-author-details .no-touch a.glow:focus, .no-touch .single-post-details-container a.glow:focus, .single-post-details-container .no-touch a.glow:focus, .no-touch .single-post-title a.glow:focus, .single-post-title .no-touch a.glow:focus, .no-touch .comment-author-details a.glow:focus, .comment-author-details .no-touch a.glow:focus, .no-touch .comment-title a.glow:focus, .comment-title .no-touch a.glow:focus, .no-touch .glow.bring-me-to-the-login:focus, .no-touch
.glow.register-link:focus, .no-touch .glow.user-profile-author-image-edit:focus, .no-touch .glow.user-profile-edit:focus, .no-touch .glow.advanced-options-toolbar-trigger:focus {
	color: #11baf6;
}

.page-title a.active.glow,
.page-description a.active.glow, .page-content p a.active.glow, .section-headline-container a.active.glow, .language-info a.active.glow, .modul-headline-container a.active.glow, .modul-user-list ul li .active.glow.user-name, .modul-links ul li a.active.glow, .active.glow.login-form-register, .active.glow.login-form-forgot-pass, .active.glow.login-form-logout, .active.glow.login-form-my-profile-link, .active.glow.login-form-user-profile-link, .search-result-headline a.active.glow, .active.glow.search-result-link, .post-teaser-details-container a.active.glow,
.blog-post-teaser-details-container a.active.glow,
.forum-teaser-details-container a.active.glow,
.subscription-teaser-details-container a.active.glow,
.my-post-teaser-details-container a.active.glow, .post-teaser-title a.active.glow,
.blog-post-teaser-title a.active.glow,
.forum-teaser-title a.active.glow,
.subscription-teaser-title a.active.glow,
.my-post-teaser-title a.active.glow, .active.glow.post-teaser-unsubscribe,
.active.glow.blog-post-teaser-unsubscribe,
.active.glow.forum-teaser-unsubscribe,
.active.glow.subscription-teaser-unsubscribe,
.active.glow.my-post-teaser-unsubscribe, .single-post-author-details a.active.glow, .single-post-details-container a.active.glow, .single-post-title a.active.glow, .comment-author-details a.active.glow, .comment-title a.active.glow, .active.glow.bring-me-to-the-login,
.active.glow.register-link, .active.glow.user-profile-author-image-edit, .active.glow.user-profile-edit, .active.glow.advanced-options-toolbar-trigger {
	color: #09abe5;
}

.no-touch .page-title a:hover, .page-title .no-touch a:hover, .no-touch
.page-description .no-touch a:hover, .no-touch .page-content p a:hover, .page-content p .no-touch a:hover, .no-touch .section-headline-container a:hover, .section-headline-container .no-touch a:hover, .no-touch .language-info a:hover, .language-info .no-touch a:hover, .no-touch .modul-headline-container a:hover, .modul-headline-container .no-touch a:hover, .no-touch .modul-user-list ul li .user-name:hover, .modul-user-list ul li .no-touch .user-name:hover, .no-touch .login-form-register:hover, .no-touch .login-form-forgot-pass:hover, .no-touch .login-form-logout:hover, .no-touch .login-form-my-profile-link:hover, .no-touch .login-form-user-profile-link:hover, .no-touch .search-result-headline a:hover, .search-result-headline .no-touch a:hover, .no-touch .search-result-link:hover, .no-touch .post-teaser-details-container a:hover, .post-teaser-details-container .no-touch a:hover, .no-touch
.blog-post-teaser-details-container a:hover,
.blog-post-teaser-details-container .no-touch a:hover, .no-touch
.forum-teaser-details-container a:hover,
.forum-teaser-details-container .no-touch a:hover, .no-touch
.subscription-teaser-details-container a:hover,
.subscription-teaser-details-container .no-touch a:hover, .no-touch
.my-post-teaser-details-container a:hover,
.my-post-teaser-details-container .no-touch a:hover, .no-touch .post-teaser-title a:hover, .post-teaser-title .no-touch a:hover, .no-touch
.blog-post-teaser-title a:hover,
.blog-post-teaser-title .no-touch a:hover, .no-touch
.forum-teaser-title a:hover,
.forum-teaser-title .no-touch a:hover, .no-touch
.subscription-teaser-title a:hover,
.subscription-teaser-title .no-touch a:hover, .no-touch
.my-post-teaser-title a:hover,
.my-post-teaser-title .no-touch a:hover, .no-touch .post-teaser-unsubscribe:hover, .no-touch
.blog-post-teaser-unsubscribe:hover, .no-touch
.forum-teaser-unsubscribe:hover, .no-touch
.subscription-teaser-unsubscribe:hover, .no-touch
.my-post-teaser-unsubscribe:hover, .no-touch .single-post-author-details a:hover, .single-post-author-details .no-touch a:hover, .no-touch .single-post-details-container a:hover, .single-post-details-container .no-touch a:hover, .no-touch .single-post-title a:hover, .single-post-title .no-touch a:hover, .no-touch .comment-author-details a:hover, .comment-author-details .no-touch a:hover, .no-touch .comment-title a:hover, .comment-title .no-touch a:hover, .no-touch .bring-me-to-the-login:hover, .no-touch
.register-link:hover, .no-touch .user-profile-author-image-edit:hover, .no-touch .user-profile-edit:hover, .no-touch .advanced-options-toolbar-trigger:hover {
	border-color: #0899CC;
}

.page-description a:hover, .page-description a:focus, .page-description a:active {
  border-color: #E6E6E6;
  color: #E6E6E6;
}

.no-touch .page-title a:active, .page-title .no-touch a:active, .no-touch,
.page-description .no-touch a:active, .no-touch .page-content p a:active, .page-content p .no-touch a:active, .no-touch .section-headline-container a:active, .section-headline-container .no-touch a:active, .no-touch .language-info a:active, .language-info .no-touch a:active, .no-touch .modul-headline-container a:active, .modul-headline-container .no-touch a:active, .no-touch .modul-user-list ul li .user-name:active, .modul-user-list ul li .no-touch .user-name:active, .no-touch .login-form-register:active, .no-touch .login-form-forgot-pass:active, .no-touch .login-form-logout:active, .no-touch .login-form-my-profile-link:active, .no-touch .login-form-user-profile-link:active, .no-touch .search-result-headline a:active, .search-result-headline .no-touch a:active, .no-touch .search-result-link:active, .no-touch .post-teaser-details-container a:active, .post-teaser-details-container .no-touch a:active, .no-touch
.blog-post-teaser-details-container a:active,
.blog-post-teaser-details-container .no-touch a:active, .no-touch
.forum-teaser-details-container a:active,
.forum-teaser-details-container .no-touch a:active, .no-touch
.subscription-teaser-details-container a:active,
.subscription-teaser-details-container .no-touch a:active, .no-touch
.my-post-teaser-details-container a:active,
.my-post-teaser-details-container .no-touch a:active, .no-touch .post-teaser-title a:active, .post-teaser-title .no-touch a:active, .no-touch
.blog-post-teaser-title a:active,
.blog-post-teaser-title .no-touch a:active, .no-touch
.forum-teaser-title a:active,
.forum-teaser-title .no-touch a:active, .no-touch
.subscription-teaser-title a:active,
.subscription-teaser-title .no-touch a:active, .no-touch
.my-post-teaser-title a:active,
.my-post-teaser-title .no-touch a:active, .no-touch .post-teaser-unsubscribe:active, .no-touch
.blog-post-teaser-unsubscribe:active, .no-touch
.forum-teaser-unsubscribe:active, .no-touch
.subscription-teaser-unsubscribe:active, .no-touch
.my-post-teaser-unsubscribe:active, .no-touch .single-post-author-details a:active, .single-post-author-details .no-touch a:active, .no-touch .single-post-details-container a:active, .single-post-details-container .no-touch a:active, .no-touch .single-post-title a:active, .single-post-title .no-touch a:active, .no-touch .comment-author-details a:active, .comment-author-details .no-touch a:active, .no-touch .comment-title a:active, .comment-title .no-touch a:active, .no-touch .bring-me-to-the-login:active, .no-touch
.register-link:active, .no-touch .user-profile-author-image-edit:active, .no-touch .user-profile-edit:active, .no-touch .advanced-options-toolbar-trigger:active, .no-touch .page-title a:focus, .page-title .no-touch a:focus, .no-touch
.page-description .no-touch a:focus, .no-touch .page-content p a:focus, .page-content p .no-touch a:focus, .no-touch .section-headline-container a:focus, .section-headline-container .no-touch a:focus, .no-touch .language-info a:focus, .language-info .no-touch a:focus, .no-touch .modul-headline-container a:focus, .modul-headline-container .no-touch a:focus, .no-touch .modul-user-list ul li .user-name:focus, .modul-user-list ul li .no-touch .user-name:focus, .no-touch .login-form-register:focus, .no-touch .login-form-forgot-pass:focus, .no-touch .login-form-logout:focus, .no-touch .login-form-my-profile-link:focus, .no-touch .login-form-user-profile-link:focus, .no-touch .search-result-headline a:focus, .search-result-headline .no-touch a:focus, .no-touch .search-result-link:focus, .no-touch .post-teaser-details-container a:focus, .post-teaser-details-container .no-touch a:focus, .no-touch
.blog-post-teaser-details-container a:focus,
.blog-post-teaser-details-container .no-touch a:focus, .no-touch
.forum-teaser-details-container a:focus,
.forum-teaser-details-container .no-touch a:focus, .no-touch
.subscription-teaser-details-container a:focus,
.subscription-teaser-details-container .no-touch a:focus, .no-touch
.my-post-teaser-details-container a:focus,
.my-post-teaser-details-container .no-touch a:focus, .no-touch .post-teaser-title a:focus, .post-teaser-title .no-touch a:focus, .no-touch
.blog-post-teaser-title a:focus,
.blog-post-teaser-title .no-touch a:focus, .no-touch
.forum-teaser-title a:focus,
.forum-teaser-title .no-touch a:focus, .no-touch
.subscription-teaser-title a:focus,
.subscription-teaser-title .no-touch a:focus, .no-touch
.my-post-teaser-title a:focus,
.my-post-teaser-title .no-touch a:focus, .no-touch .post-teaser-unsubscribe:focus, .no-touch
.blog-post-teaser-unsubscribe:focus, .no-touch
.forum-teaser-unsubscribe:focus, .no-touch
.subscription-teaser-unsubscribe:focus, .no-touch
.my-post-teaser-unsubscribe:focus, .no-touch .single-post-author-details a:focus, .single-post-author-details .no-touch a:focus, .no-touch .single-post-details-container a:focus, .single-post-details-container .no-touch a:focus, .no-touch .single-post-title a:focus, .single-post-title .no-touch a:focus, .no-touch .comment-author-details a:focus, .comment-author-details .no-touch a:focus, .no-touch .comment-title a:focus, .comment-title .no-touch a:focus, .no-touch .bring-me-to-the-login:focus, .no-touch
.register-link:focus, .no-touch .user-profile-author-image-edit:focus, .no-touch .user-profile-edit:focus, .no-touch .advanced-options-toolbar-trigger:focus {
	border-color: #0899CC;
}

.page-title a.active,
.page-description a.active, .page-content p a.active, .section-headline-container a.active, .language-info a.active, .modul-headline-container a.active, .modul-user-list ul li .active.user-name, .active.login-form-register, .active.login-form-forgot-pass, .active.login-form-logout, .active.login-form-my-profile-link, .active.login-form-user-profile-link, .search-result-headline a.active, .active.search-result-link, .post-teaser-details-container a.active,
.blog-post-teaser-details-container a.active,
.forum-teaser-details-container a.active,
.subscription-teaser-details-container a.active,
.my-post-teaser-details-container a.active, .post-teaser-title a.active,
.blog-post-teaser-title a.active,
.forum-teaser-title a.active,
.subscription-teaser-title a.active,
.my-post-teaser-title a.active, .active.post-teaser-unsubscribe,
.active.blog-post-teaser-unsubscribe,
.active.forum-teaser-unsubscribe,
.active.subscription-teaser-unsubscribe,
.active.my-post-teaser-unsubscribe, .single-post-author-details a.active, .single-post-details-container a.active, .single-post-title a.active, .comment-author-details a.active, .comment-title a.active, .active.bring-me-to-the-login,
.active.register-link, .active.user-profile-author-image-edit, .active.user-profile-edit, .active.advanced-options-toolbar-trigger {
	border-color: #0899CC;
}

/*  Use combination of link style and color to style element

	.element {
		@extend %link;
		@extend %glow;
	}
*/
.form-legend {
	margin-bottom: 1em;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	min-width: 0;
	-webkit-appearance: none;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
textarea {
	border-radius: 0;
	padding: .5em 1em;
	margin-bottom: .25em;
	background: white;
	width: 100%;
	color: #7D7D82;
	min-width: 0;
	border: 1px solid #c6c6c8;
	transition: background .1s ease-in-out;
}

input[type='text']:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type='search'],
textarea:hover {
	background: #f5f6f7;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='search'],
textarea:focus {
	outline: none;
	background: #eefafe;
}

input[type='text'][disabled],
input[type='email'][disabled],
input[type='password'][disabled],
input[type='search'],
textarea[disabled] {
	color: #7D7D82;
	cursor: default;
}

input[type='text'][disabled]:hover,
input[type='email'][disabled]:hover,
input[type='password'][disabled]:hover,
input[type='search'],
textarea[disabled]:hover {
	background: #fff;
}

textarea {
	min-height: 9em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	padding: 1em;
}

input[type='checkbox'] + label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	/*padding-left: 1.75em;*/
	position: relative;
	/*display: inline-block;*/
	display: inline;
    /*padding-left: 1em;*/
	margin: .5em 0;
	clear: both;
}

input[type='checkbox'] + label svg {
	position: absolute;
	left: 0;
}

input[type='checkbox'] + label svg .check {
	transition: opacity .1s ease-in;
	fill: none;
	stroke-miterlimit: 10;
	stroke-width: 2px;
	stroke: #0899CC;
}

input[type='checkbox'] + label svg .box {
	fill: #fff;
}

input[type='checkbox'] + label svg .check {
	opacity: 0;
}

input[type='checkbox']:checked + label svg .check {
	opacity: 1;
}

.form-select label {
	color: #7D7D82;
}

.form-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	color: #0899CC;
	padding-right: 1.25em;
	background: transparent url(../img/_source/icons/icon-arrow-cerulean-select-arrow.svg) no-repeat;
	background-position: right;
}

.no-touch .form-select select:hover {
	cursor: pointer;
	color: #09abe5;
}

.form-select select:focus {
	color: #11baf6;
}

.form-select select:active {
	color: #09abe5;
}

.form-select select option {
	text-align: right;
}

select::-ms-expand {
	display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	select,
	textarea,
	input {
		font-size: 16px !important;
	}
}

/* List Reset */
.table-scrollable {
	width: 100%;
	overflow-y: auto;
}

.table-scrollable::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, 0.3);
}

.site-header {
	background: white;
	height: 4.25em;
}

@media only screen and (min-width: 29em) {
	.site-header {
		height: 4.25em;
	}
}

@media only screen and (min-width: 51.875em) {
	.site-header {
		height: 8em;
	}
}

.site-header .create-post {
	position: absolute;
}

@media only screen and (max-width: 28.99em) {
	.site-header .create-post {
		display: none !important;
	}
}

@media only screen and (min-width: 29em) {
	.site-header .create-post {
		right: 10.75em;
		top: 1em;
	}
}

@media only screen and (min-width: 51.875em) {
	.site-header .create-post {
		right: 24.5em;
		top: 3.25em;
	}
}

@media only screen and (min-width: 48em) and (max-width: 55.99em) {
	.site-header .create-post {
		margin-top: .375em;
	}
}

@media only screen and (min-width: 56em) and (max-width: 68.74em) {
	.site-header .create-post {
		margin-top: .25em;
	}
}

@media only screen and (min-width: 68.75em) {
	.site-header .create-post {
		margin-top: .125em;
	}
}

@media only screen and (max-width: 51.865em) {
	.site-header .create-post {
		margin-top: 0;
	}
}

.site-header .home {
	text-decoration: none;
	position: absolute;
}

@media only screen and (max-width: 51.865em) {
	.site-header .home {
		top: .75em;
		width: 11.5em;
		height: 2.587em;
	}
}

@media only screen and (min-width: 51.875em) {
	.site-header .home {
		top: 2.25em;
		width: 16em;
		height: 4em;
	}
}

.no-touch .site-header .home:hover {
	opacity: .75;
}

.no-touch .site-header .home:hover:active {
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
}

.site-header .home:focus {
	opacity: .75;
}

@media only screen and (min-width: 29em) {
	.create-post-bar {
		display: none;
	}
}

@media only screen and (max-width: 28.99em) {
	.create-post-bar {
		background: rgba(0, 0, 0, 0.5);
		padding: .5em;
		text-align: center;
		position: relative;
	}
	@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
		.create-post-bar {
			background: rgba(0, 0, 0, 0.4);
		}
	}
}

@media only screen and (max-width: 28.99em) {
	.create-post-bar .create-post {
		position: relative;
	}
}

.site-search-trigger,
.login-trigger,
.site-nav-trigger {
	position: absolute;
	width: 48px;
	height: 48px;
	top: .40625em;
}

.site-search-trigger .icon,
.login-trigger .icon,
.site-nav-trigger .icon {
	width: 1.4em;
	height: 1.4em;
}

.post-teaser-title .icon {
  width: 16px;
  height: 16px;
}

.site-nav-trigger {
	right: 0;
}

@media only screen and (min-width: 51.875em) {
	.site-nav-trigger {
		display: none;
	}
}

.login-trigger {
	right: 48px;
}

@media only screen and (min-width: 51.875em) {
	.login-trigger {
		height: 37px;
		top: 3.125em;
		right: 0em;
	}
}

@media only screen and (min-width: 51.875em) {
	.login-trigger .icon {
		width: 1em;
		height: 1em;
	}
}

.site-search-trigger {
	right: 96px;
}

@media only screen and (min-width: 51.875em) {
	.site-search-trigger {
		display: none;
	}
}

.page-header-background {
	position: absolute;
}

html {
	background-color: #323536;
}

.site-content {
	background: #fff;
}

@media only screen and (min-width: 48em) {
	.site-content {
		background: linear-gradient(0deg, #dde3e6, #fbfbfc);
	}
}

.page-header {
	position: relative;
	height: 100%;
	/* Following the different classes for the different colored header */
}

.page-header:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(../img/header/bg.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}

.page-header .header-icon {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.page-header-front_page .header-icon {
  background-image: url(../img/header/front-icon.svg);
}

.page-header-process_live .header-icon {
  background-image: url(../img/header/cloud-icon.svg);
}

.page-header-know-how .header-icon, .page-header-help .header-icon, .page-header-tutorials .header-icon, .page-header-quick_videos .header-icon, .page-header-videos .header-icon, .page-header-info_site .header-icon {
  background-image: url(../img/header/knowhow-icon.svg);
}

.page-header-forum .header-icon, .page-header-node .header-icon {
  background-image: url(../img/header/posts-icon.svg);
}

.page-header-aex .header-icon, .page-header-aris-express .header-icon {
  background-image: url(../img/header/aex-icon.svg);
}

.page-header-ur_public .header-icon, .page-header-ur_download .header-icon {
  background-image: url(../img/header/uni-icon.svg);
}

.page-header-user .header-icon {
  background-image: url(../img/header/profile-icon.svg);
}

.page-header-forum-overview .header-icon, .page-header-browse-tags .header-icon, .page-header-taxonomy .header-icon {
  background-image: url(../img/header/forum-icon.svg);
}

.page-header-partners .header-icon, .page-header-partner_area .header-icon {
  background-image: url(../img/header/partner-icon.svg);
}

.page-header-events .header-icon, .page-header-events_webinars .header-icon {
  background-image: url(/sites/all/themes/aoc/img/header/event-icon.svg);
  height: 80%;
  margin: auto 5%;
}

@media only screen and (min-width: 48em) {
	.page-header {
		padding-bottom: 4em;
		margin-bottom: -3em;
	}
}

.page-title {
	margin-bottom: .5em;
}

@media only screen and (min-width: 51.875em) {
	.page-title {
		margin-top: 1em;
	}
}

.page-title,
.page-description {
	color: white;
	text-shadow: 1px 1px 2px rgba(50, 53, 54, 0.8);
  word-wrap: break-word;
}

.page-title a,
.page-description a {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

/*---------------*/
/* Content area
/*---------------*/
.page-content,
.page-entry,
.page-main,
.page-main-section {
	position: relative;
}

.page-content {
	padding: 1em 0;
}

@media only screen and (min-width: 48em) {
	.page-content {
		background: #fff;
		padding: 2em 1em;
		margin-bottom: 3em;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	}
}

.page-content {
	color: #7D7D82;
}

.page-entry {
	margin-bottom: 2em;
}

@media only screen and (max-width: 47.99em) {
	.page-main-section.xs-no-margin {
		margin-left: -1em;
		margin-right: -1em;
	}
}

.page-main-section + .page-main-section {
	margin-top: 2em;
}

.section-headline-container {
	margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
}

.section-headline-container .section-headline {
	color: #7D7D82;
	margin-bottom: .5em;
}

@media only screen and (min-width: 48em) {
	.section-headline-container .section-headline {
		margin-bottom: 0;
		display: inline-block;
	}
}

@media only screen and (min-width: 48em) {
	.form-select {
		display: inline-block;
		float: right;
	}
}

.language-info {
	background-color: #ECEFF1;
	padding: 1em;
	text-align: center;
	margin-bottom: 1em;
	color: #7D7D82;
}

.line-wrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.comment-author-details .line-wrap {
  white-space: normal;
}

/*-----------------------*/
/*  Sidebar
/*-----------------------*/
.site-sidebar {
	background-color: #ECEFF1;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 47.99em) {
	.site-sidebar {
		margin-bottom: 2px;
	}
}

@media only screen and (min-width: 48em) {
	.site-sidebar {
		float: right;
		width: 100%;
		max-width: 20em;
		background-color: #fff;
		padding: 1em 0 2em 0;
		margin-bottom: 3em;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		border-top-left-radius: 2em;
		border-bottom-right-radius: 2em;
	}
}

/* Sticky Sidebar */
@media only screen and (min-width: 48em) {
	.columns.sticky-true {
		position: -webkit-sticky;
		position: sticky;
		top: 2em;
	}
}

/*-----------------------*/
/*  Sidebar Moduls
/*-----------------------*/
.modul {
	width: 100%;
	padding: 1em;
	overflow: hidden;
}

.modul + .modul {
	border-top: 2px solid #fff;
}

@media only screen and (min-width: 48em) {
	.modul + .modul {
		border-top: 2px solid #ECEFF1;
	}
}

.modul-headline-container {
	margin-bottom: 1em;
	margin-top: 1em;
}

.modul-headline-container .modul-headline {
	color: #7D7D82;
	margin-bottom: .5em;
}

@media only screen and (max-width: 47.99em) {
	.modul-headline-container .modul-headline {
		font-size: 16px;
	}
}

@media only screen and (min-width: 48em) {
	.modul-headline-container .modul-headline {
		margin-bottom: 0;
		display: inline-block;
	}
}

@media only screen and (min-width: 48em) {
	.form-select {
		display: inline-block;
		float: right;
	}
}

/*---------------------------*/
/*  Sidebar Modul User List
/*---------------------------*/
.modul-user-list ul {
	margin: 0;
	padding: 0;
}

@media only screen and (min-width: 51.875em) {
	.modul-user-list ul {
		margin-bottom: 0;
	}
}

.modul-user-list ul li {
	list-style-type: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow: hidden;
	/*--------------------------------------------------*/
	/*  online Status - comment in of user when needed
			/*--------------------------------------------------*/
	/*
			.user-online-status {
				display: block;
				color: $jumbo;
				padding-left: 1em;
				position: relative;

				&::before {
					content:"";
					position: absolute;
					left: 0;
					width: .5em;
					height: .5em;
					bottom: .25em;
					border-radius: 100%;
				}
				&.online::before {
					background-color: $rio-grande
				}
				&.offline::before {
					background-color: $vermillion;
				}
			}
			*/
}

@media only screen and (max-width: 47.99em) {
	.modul-user-list ul li {
		margin: 0 -1em;
		padding: .5em 1em;
	}
}

@media only screen and (min-width: 48em) {
	.modul-user-list ul li {
		margin: 0;
		padding: .5em 0;
	}
}

.modul-user-list ul li .user-data {
	padding: .5em;
	min-width: 0;
	margin: 0;
}

.modul-user-list ul li .user-image {
	margin-right: .25em;
	width: 4em;
	height: 4em;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.modul-user-list ul li .user-name {
	display: inline-block;
	margin-bottom: .25em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.modul-user-list ul li .user-badges {
	color: #7D7D82;
	font-size: 90%;
}

.modul-user-list ul li .user-badges .medal {
	display: inline-block;
	padding-left: .8em;
	margin-right: .5em;
	position: relative;
}

.modul-user-list ul li .user-badges .medal::before {
	content: "";
	position: absolute;
	left: 0;
	top: .3em;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.modul-user-list ul li .user-badges .medal-gold::before {
	background-color: gold;
}

.modul-user-list ul li .user-badges .medal-silver::before {
	background-color: silver;
}

.modul-user-list ul li .user-badges .medal-bronze::before {
	background-color: #965A38;
}

.modul-user-list ul li + li {
	border-top: 2px solid #fff;
}

/*------------------------------*/
/*  Sidebar Modul Social Media
/*------------------------------*/
.modul-social-media-links-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 47.99em) {
	.modul-social-media-links-container {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.modul-social-media a, /* evkl */ .ur-download a {
	display: block;
	width: 3em;
	height: 3em;
	overflow: hidden;
	border: 1px solid #0899CC;
	transition: background-color .1s ease-in-out;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 47.99em) {
	.modul-social-media a, /* evkl */ .ur-download a  {
		background-color: #fff;
		margin: 0 .5em;
	}
}

.modul-social-media a .icon, /* evkl */ .ur-download a  .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	fill: #0899CC;
}

.modul-social-media a:hover, /* evkl */ .ur-download a:hover {
	background-color: #f2f4f5;
}

.modul-social-media a:hover:active, /* evkl */ .ur-download a:hover:active {
	background-color: #e6eaed;
}

.modul-social-media a:active, .modul-social-media a:focus, /* evkl */ .ur-download a:active, /* evkl */ .ur-download a:focus {
	background-color: #e6eaed;
}

/*------------------------------*/
/*  Sidebar Modul Post Tags
/*------------------------------*/
.modul-tag-list-tag {
	display: inline-block;
	padding: .5em 1em;
	margin: 0 .25em .5em 0;
	color: #0899CC;
	text-decoration: none;
	font-size: 90%;
	transition: background .1s ease-in-out;
}

@media only screen and (max-width: 47.99em) {
	.modul-tag-list-tag {
		background-color: #fff;
	}
	.modul-tag-list-tag:hover {
		outline: 1px solid #0899CC;
	}
	.modul-tag-list-tag:hover:active {
		background-color: #f7f7f7;
	}
	.modul-tag-list-tag:active {
		outline: 1px solid #0899CC;
	}
	.modul-tag-list-tag:focus {
		outline: 1px solid #0899CC;
	}
}

@media only screen and (min-width: 48em) {
	.modul-tag-list-tag {
		background-color: #ECEFF1;
	}
	.modul-tag-list-tag:hover {
		background-color: #dde3e6;
	}
	.modul-tag-list-tag:hover:active {
		background-color: #cfd6db;
	}
	.modul-tag-list-tag:active {
		background-color: #dde3e6;
	}
	.modul-tag-list-tag:focus {
		background-color: #dde3e6;
	}
}

/*------------------------------*/
/*  Sidebar Modul Post Tags
/*------------------------------*/
.modul-links ul {
	padding-left: 0;
	margin-bottom: .75em;
}

.modul-links ul li {
	list-style-type: none;
	margin: 0 0 .25em 0;
}

.modul-links ul li a {
	display: block;
	position: relative;
	padding: 1em;
	background: #ECEFF1;
}

@media only screen and (max-width: 47.99em) {
	.modul-links ul li a {
		outline: 1px solid #0899CC;
		background-color: #fff;
		margin-bottom: .75em;
	}
}

.modul-links ul li a .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: #0899CC;
}

.modul-links ul li a:hover {
	background-color: #ECEFF1;
}

@media only screen and (min-width: 48em) {
	.modul-links ul li a:hover {
		outline: 1px solid #0899CC;
	}
}

.modul-links ul li a:active, .modul-links ul li a:focus {
	background-color: #e6eaed;
}

@media only screen and (max-width: 47.99em) {
	.modul-links .visible-s {
		display: block;
	}
}

@media only screen and (min-width: 48em) {
	.modul-links .visible-s {
		display: none;
	}
}

@media only screen and (max-width: 47.99em) {
	.modul-links .visible-l {
		display: none;
	}
}

@media only screen and (min-width: 48em) {
	.modul-links .visible-l {
		display: block;
	}
}

/*--------------------------------*/
/*  Sidebar Modul Suchen Button
/*--------------------------------*/
.modul-back-to-search {
	text-align: center;
}

.site-footer {
	padding: 1em 0 5em 0;
}

@media only screen and (min-width: 48em) {
	.site-footer {
		padding: 2em 0 5em 0;
	}
}

@media only screen and (max-width: 55.99em) {
	.site-footer {
		text-align: center;
	}
}

.site-footer-link-list {
	margin: 0;
	padding: 0;
	font-size: 90%;
	margin-bottom: 2em;
}

@media only screen and (max-width: 47.99em) {
	.site-footer-link-list-container {
		margin-bottom: .75em;
	}
}

@media only screen and (min-width: 48em) and (max-width: 55.99em) {
	.site-footer-link-list-container {
		margin-bottom: 2em;
	}
}

@media only screen and (min-width: 48em) and (max-width: 55.99em) {
	.site-footer-link-list-container {
		border: 1px solid #7D7D82;
	}
}

@media only screen and (max-width: 47.99em) {
	.site-footer-link-list-container {
		border: 1px solid #ECEFF1;
	}
}

@media only screen and (max-width: 55.99em) {
	.site-footer-link-list {
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 47.99em) {
	.js .site-footer-link-list {
		display: none;
	}
}

.site-footer-link-list li {
	display: block;
	line-height: 1.9;
}

.site-footer-link-list li a {
	text-decoration: none;
	color: #cfd6db;
	transition: color .1s ease-in-out;
}

@media only screen and (max-width: 55.99em) {
	.site-footer-link-list li a {
		display: block;
		padding: .5em 1em;
	}
}

.site-footer-link-list li a:hover {
	color: #ECEFF1;
}

.site-footer-link-list li a:hover:active {
	color: #dde3e6;
}

.site-footer-link-list li a:active, .site-footer-link-list li a:focus {
	color: #dde3e6;
}

.site-footer-link-list-headline {
	color: #ECEFF1;
}

.site-footer-link-list-headline .icon {
	display: none;
}

@media only screen and (max-width: 55.99em) {
	.site-footer-link-list-headline {
		padding: 1em;
	}
}

@media only screen and (max-width: 47.99em) {
	.js .site-footer-link-list-headline {
		color: #cfd6db;
		cursor: pointer;
	}
	.js .site-footer-link-list-headline .icon {
		-webkit-transform: rotate(180deg) translateY(-2px);
		-ms-transform: rotate(180deg) translateY(-2px);
		transform: rotate(180deg) translateY(-2px);
	}
	.js .site-footer-link-list-headline.active {
		color: #ECEFF1;
	}
	.js .site-footer-link-list-headline.active .icon {
		-webkit-transform: rotate(0) translateY(2px);
		-ms-transform: rotate(0) translateY(2px);
		transform: rotate(0) translateY(2px);
	}
	.js .site-footer-link-list-headline:hover {
		color: #ECEFF1;
	}
	.js .site-footer-link-list-headline:hover:active {
		color: #dde3e6;
	}
	.js .site-footer-link-list-headline:active, .js .site-footer-link-list-headline:focus {
		color: #dde3e6;
	}
	.js .site-footer-link-list-headline .icon {
		display: inline-block;
		width: 1em;
		height: 1em;
		fill: #ECEFF1;
	}
}

@media only screen and (min-width: 56em) {
	.site-footer-link-list-headline {
		margin-bottom: 1em;
	}
}

.site-footer-sub-footer {
	font-size: 85%;
	padding-top: 2em;
	color: #7D7D82;
	line-height: 1.5;
}

@media only screen and (min-width: 56em) {
	.site-footer-sub-footer {
		border-top: 1px solid #7D7D82;
	}
}

@media only screen and (min-width: 56em) {
	.site-footer-sub-footer-copyright {
		float: left;
	}
}

@media only screen and (max-width: 55.99em) {
	.site-footer-sub-footer-copyright {
		margin-bottom: 1em;
	}
}

@media only screen and (min-width: 56em) {
	.site-footer-sub-footer-links-container {
		float: right;
	}
}

.site-footer-sub-footer-links-container a {
	color: #7D7D82;
	text-decoration: none;
	margin-left: 1em;
	transition: color .1s ease-in-out;
}

@media only screen and (max-width: 55.99em) {
	.site-footer-sub-footer-links-container a {
		margin: 0 .5em;
	}
}

.site-footer-sub-footer-links-container a:hover {
	color: #97979b;
}

.site-footer-sub-footer-links-container a:hover:active {
	color: #97979b;
}

.site-footer-sub-footer-links-container a:active, .site-footer-sub-footer-links-container a:focus {
	color: #8a8a8f;
}

.breadcrumb-nav {
	margin: 1em 0 2em 0;
}

@media only screen and (min-width: 51.875em) {
	.breadcrumb-nav {
		margin: 2em 0;
	}
}

.breadcrumb-nav .menu .menu-item {
	display: inline-block;
	font-size: 80%;
	color: #fff;
}

.breadcrumb-nav .menu .menu-item:nth-child(1):nth-last-child(1) {
	display: none;
}

.breadcrumb-nav .menu .menu-item a {
	margin-right: .5em;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

.breadcrumb-nav .menu .menu-item a:hover {
	border-bottom: 1px solid #fff;
}

.breadcrumb-nav .icon {
	width: .8em;
	height: .8em;
	display: inline-block;
	fill: #fff;
}

nav ul, nav li {
	display: block;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.site-nav {
	position: relative;
}

@media only screen and (max-width: 51.865em) {
	.site-nav {
		background: rgba(0, 0, 0, 0.4);
	}
}

@media only screen and (min-width: 51.875em) {
	.site-nav {
		background: rgba(0, 0, 0, 0.5);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
	}
}

@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
	@media only screen and (max-width: 51.865em) {
		.site-nav {
			background: transparent;
			-webkit-backdrop-filter: blur(7px);
			backdrop-filter: blur(7px);
		}
	}
	@media only screen and (min-width: 51.875em) {
		.site-nav {
			background: rgba(0, 0, 0, 0.5);
		}
	}
}

@media only screen and (max-width: 51.865em) {
	.js .site-nav {
		display: none;
	}
}

@media only screen and (min-width: 51.875em) {
	.site-nav .menu .menu-item {
		margin-left: 1em;
		display: inline-block;
	}
}

.site-nav .menu .menu-item a {
	text-decoration: none;
	display: block;
	padding: 1.1875em 0 .8125em 0;
	color: #ECEFF1;
}

@media only screen and (max-width: 51.865em) {
	.site-nav .menu .menu-item a {
		background-color: rgba(0, 0, 0, 0.4);
		text-align: center;
		padding: 1em 0;
	}
}

@media only screen and (max-width: 51.865em) {
	.site-nav .menu .menu-item a {
		transition: background .2s ease-in-out;
	}
	.site-nav .menu .menu-item a:hover {
		background-color: transparent;
	}
	.site-nav .menu .menu-item a:hover:active {
		background-color: transparent;
	}
	.site-nav .menu .menu-item a:active, .site-nav .menu .menu-item a:focus {
		background-color: transparent;
	}
}

@media only screen and (min-width: 51.875em) {
.site-nav .menu .menu-item a {
		border-bottom: 3px solid transparent;
		transition: border .3s ease-in-out;
	}
	.site-nav .menu .menu-item a:hover {
		border-color: #ECEFF1;
	}
	.site-nav .menu .menu-item a:hover:active {
		border-color: #ECEFF1;
	}
	.site-nav .menu .menu-item a:active, .site-nav .menu .menu-item a:focus {
		border-color: #ECEFF1;
	}
}

@media only screen and (max-width: 51.865em) {
	.site-nav .menu .menu-item.current-menu-item a {
		background-color: transparent;
	}
}

@media only screen and (min-width: 51.875em) {
	.site-nav .menu .menu-item.current-menu-item a {
		border-color: #ECEFF1;
		transition: none;
	}
}

@media only screen and (max-width: 51.865em) {
	.site-nav .menu .menu-item + .menu-item {
		margin-top: 2px;
	}
}

@media only screen and (max-width: 28.99em) {
	.site-nav {
		padding-bottom: 2px;
	}
}

/*-----------------------------*/
/* Priority+ Navigation (Tabs)
/*-----------------------------*/
.page-nav-list {
	position: relative;
	margin: -1em -1em 0 -1em;
	border-bottom: 2px solid #ECEFF1;
}

@media only screen and (min-width: 48em) {
	.page-nav-list {
		margin-top: -2em;
	}
}

.page-nav-list li {
	position: relative;
}

.js .page-nav-list li {
	float: left;
}

.page-nav-list li:last-of-type {
	float: right;
}

.page-nav-list li.hidden {
	display: none;
}

.page-nav-list li a {
	display: block;
	padding: .9375em 1em;
	line-height: 1;
	text-decoration: none;
	margin-bottom: -2px;
	color: #7D7D82;
	background-color: #fff;
	border-bottom: 2px solid #ECEFF1;
}

.page-nav-list li a:hover {
	background-color: #ECEFF1;
}

.page-nav-list li a:active, .page-nav-list li a:focus {
	background-color: #dde3e6;
}

.page-nav-list li.current-menu-item a {
	border-bottom: 2px solid #0899CC;
}

.page-nav-list a + ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 10em;
	z-index: 1;
	margin-top: 2px;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 28.99em) {
	.page-nav-list a + ul {
		width: 100vw;
	}
}

.page-nav-list a + ul li {
	float: none;
	width: 100%;
}

.page-nav-list a + ul li + li {
	margin-top: 3px;
}

.page-nav-list a + ul li:last-of-type a {
	border-bottom: none;
}

.page-nav-list a + ul li:last-of-type.current-menu-item a {
	border-bottom: 2px solid #0899CC;
}

.page-nav-list a + ul li a {
	padding-left: 16px;
	text-align: right;
	white-space: nowrap;
	display: block;
	position: relative;
	z-index: 9;
}

@media only screen and (max-width: 28.99em) {
	.page-nav-list a + ul li a {
		text-align: center;
	}
}

@media only screen and (max-width: 51.865em) {
	.js .site-search {
		display: none;
	}
}

@media only screen and (max-width: 51.865em) {
	.site-search {
		background: #323536;
		padding: 1em;
	}
}

@media only screen and (min-width: 51.875em) {
	.site-search {
		z-index: 1;
		position: absolute;
		width: 20em;
		top: -4.85em;
		right: 48px;
		border-bottom: 1px solid #7D7D82;
	}
}

.site-search-components-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

input[type="search"].search-field {
	border: none !important;
	margin: 0;
	transition: padding .1s ease-in-out;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

@media only screen and (min-width: 51.875em) {
	input[type="search"].search-field {
		padding-left: 0;
		padding-right: 0;
	}
}

input[type="search"].search-field.observable {
	-webkit-animation: observable 0.3s ease-in-out;
	animation: observable 0.3s ease-in-out;
}

input[type="search"].search-field:hover {
	background: #f5f6f7;
}

input[type="search"].search-field:focus {
	outline: none;
	background: #eefafe;
	padding-left: 1em;
	padding-right: 1em;
}

@media only screen and (max-width: 51.865em) {
	.search-submit {
		background: #fff;
	}
}

/*---------------------------------------*/
/* Advanced Search
/*---------------------------------------*/
/*input[type="search"].search-field {
	opacity: 0.4;
}*/

div.form-item-or input.form-text:focus, input[type='search']:focus {
	background: #eefafe;
}
.advanced-search-trigger {
	padding: .5em 1em .5em 0;
}
.site-search .search-form {
	margin: 0;
}
.site-search .search-form #edit-basic, .site-search .search-form div.container-inline{
	float: left;
	width: 79%;
}
.site-search .search-form #edit-button, .site-search .search-form div div.form-type-item{
	float: left;
	margin: 0;
}
#edit-button button.advanced-search-trigger{
	display: none;
}
.site-search .search-form #edit-basic input#edit-keys{
	border: none !important;
	margin: 0;
	transition: padding .1s ease-in-out;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	height: 33px;
	padding-left: 1;
	padding-right: 0;
}
.site-search .search-form #edit-basic input#edit-keys:focus{
	padding-left: 1em;
	padding-right: 1em;
}
input[type="checkbox"].form-checkbox, .site-search .criterion input.advanced-search-checkbox, #page .search-form .criterion input.advanced-search-checkbox, #page .search-form #edit-basic, #page .search-form #edit-button{
	display: none;
}
input[type="checkbox"].form-checkbox,.site-search .search-form .form-item-keys label, 
.site-search .search-form .container-inline input.form-submit, 
.page-main-section .search-form .form-item-keys label,
.site-search .search-form .container-inline input.form-submit {
	display: none
}
/* needed for subscription page */
#subscriptions-page-form input[type="checkbox"]{
	display: block;
}

#edit-basic input.form-submit, 
.site-search .search-form div div.container, 
.site-search #edit-button button.advanced-search-trigger,
.site-search .search-form div button.advanced-search-trigger,
.page-main-section .search-form .advanced-search-container {
	display: none;
}

div#page > #search-form--2 {
	display: none;
}

@media only screen and (max-width: 51.865em) {
	.advanced-search-trigger {
		/**background: #fff;**/
	}
}

@media only screen and (min-width: 51.875em) {
	.advanced-search-trigger {
		padding: .5em 0;
	}
}

.advanced-site-search {
	position: relative;
	background-color: #323536;
	padding: 1em 0;
}

@media only screen and (min-width: 51.875em) {
	.advanced-site-search {
		padding: 2em 0;
	}
}

.js .advanced-site-search {
	display: none;
}

.advanced-site-search-input {
	border: none !important;
}

.advanced-site-search input[type='checkbox'] {
	display: none;
}

.advanced-site-search-label, .fieldset-legend, .advanced-site-search-label label {
	display: block;
	margin-bottom: .5em;
	color: #ECEFF1;
}
.advanced-site-search-label legend .fieldset-legend, div#page form.search-form .advanced-search-types-fieldset {
	padding-left: 1em;
	padding-right: 1em;
}

.advanced-site-search-submit {
	float: right;
}

.advanced-site-search-cancel {
	float: right;
	padding-right: 0;
}

#block-searchform{
	width: -webkit-fill-available;
	width: -moz-available;
}
#block-searchform h2{
	display: none;
}
.site-search #block-searchform {
	background: white;
}
.site-search #search-block-form .js-form-type-search{
	float: left;
	width: 80%;
}
.page-entry #search-form .js-form-type-search input {
	width: auto;
}
div#page > div#block-searchform div.action{
	text-align: right;
}
.advanced-search {
	color: #7d7d82;
    /*cursor: pointer;*/
    /*float: right;*/
    /*width: 45%;*/
}
.advanced-search  summary {
	/*width: 45%;*/
	cursor: pointer;
}
details.advanced-search fieldset, 
details.advanced-search fieldset#edit-types-fieldset, 
details.advanced-search fieldset#edit-types-fieldset div, 
div#page > form.search-form .criterion .advanced-search-checkbox div,
div#page div.page-entry .criterion .advanced-search-checkbox div {
	display: inline-block;
	color: black;
	/*background: #7d7d82;*/
}
details.advanced-search div.advanced-site-search-label fieldset{
	display: block;
}
/*EVKL: relates to bug for svgs on forum page*/
#page button svg {
	/*display: none;*/
}

#page button.menu-trigger svg {
	display: block;
}
.site-search #search-block-form button svg {
	display: block !important;
}
#page #block-searchform div.action button svg, .site-search #block-searchform .container {
	/*visibility: hidden;*/
	display: none;
}
.site-search #block-searchform details {
	visibility: hidden;
}
.site-search #block-searchform details fieldset, 
.site-search #block-searchform details div, 
.site-search #block-searchform > button, 
div#page > form#search-form,
div#page > form.search-form div.container-inline, 
div#page > form.search-form #edit-button--2 {
	display: none;
}
div#page > div#block-searchform, div#page > div#block-searchform .form-item-keys, div#page > div#block-searchform summary, div#page > div#block-searchform #edit-actions{
	background-color: #323536;
	display: none;
}
div#page > div#block-searchform .form-item-keys{

}
div#page > div#block-searchform, div#page > form#search-form, div#page div.page-entry .search-form, div#page > form.search-form {
	padding: 2em 0;
}
div#page .page-main-section .search-form {
	display: block !important;
	padding: 0 !important;
}
div#page .page-main-section .site-search {
	margin-top: 0.2em;
}
div#page > div#block-searchform.active{
	display: block;
	padding: 2em 0;
}
div#page > div#block-searchform #edit-keywords-fieldset .fieldset-wrapper {
	margin-top: 2em;
	padding-left: 0;
}
div#page > div#block-searchform #edit-types-fieldset > .fieldset-wrapper, div#page > div#block-searchform #edit-keywords-fieldset legend span {
	padding-left: 1em;
    padding-right: 1em;
}

div#page > div#block-searchform #edit-advanced .action button {
	border: 1px solid #0899CC;
    /*color: #09abe5;*/
    color: #0899CC;
    margin-left: 1em;
    margin-top: 2em;
}
div#page > form.search-form .actions .action input, 
div#page > form.search-form .actions .cancel-action button {
	border: 1px solid #0899CC;
	color: #0899CC;
}
div#page > form.search-form .actions .cancel-action div {
	margin-top: 0;
	margin-bottom: 0;
}
div#page > form.search-form .actions .cancel-action button {
	border: none;
}
div#page > div.search-form #edit-advanced .action button.cancel-menu-trigger{
	border: none;
    /*color: #09abe5;*/
    color: #0899CC;
    margin-left: 1em;
    margin-top: 2em;
}
div#page > div#block-searchform #edit-advanced .action button:hover, div#page > div#block-searchform #edit-advanced .action button.cancel-menu-trigger:hover {
	color: #09abe5;
}
div#page > div#block-searchform #edit-advanced .action button:hover {
	border-color: #09abe5;
}
div#page .page-entry .page-main-section .site-search{
	width: 56%;
}
.criterion .js-form-type-checkbox svg {
	display: block !important;
}
.form-checkboxes div.js-form-type-checkbox, .form-type-checkboxes div.form-type-checkbox, .form-checkboxes div.form-type-checkbox {
	margin: 0.5em 0;
	min-width: 24%;
}
input.form-checkbox {
	-moz-appearance: checkbox;
    color: #0899CC;
    display: inline-flex;
    -webkit-appearance: checkbox;
}
label.option {
	display: inline;
    /*padding-left: 1em;*/
}

input[type="checkbox"]:checked + label::after {
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #0899cc #0899cc;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 2px 2px;
    content: "";
    height: 0.6ex;
    left: 0.3ex;
    position: absolute;
    top: 0.6ex;
    transform: rotate(-45deg);
    width: 1.2ex;
}

input[type="checkbox"] {
   line-height: 2.1ex;
}

.js-form-type-checkbox input[type="radio"],
.js-form-type-checkbox input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

input[type="checkbox"] + label::before {
   content: "";
   display: inline-block;
   vertical-align: 0%;
   height: 1.5ex;
   width: 1.5ex;
   background-color: white;
   margin-right: 0.5em;
   border: 2px solid #ddd;
}


.absolute-advanced-search {
	background-color: #323536;
    left: -328%;
    position: absolute;
    top: 215%;
    width: 470%;
}
#search-form + h2 {
	display: none;
}
@media only screen and (min-width: 51.875em) {
	.page-entry .site-search {
		top: -4em;
	    width: 25em;
	}
}
.site-content .page-content {
	/*padding-top: 6em;*/
}
.search-enter-keywords{
	margin-bottom: 2em;
    color: #7D7D82;
    font-weight: normal;
    font-size: 1em;
}

div#page .page-entry .page-main-section .search-results{
	list-style: decimal;
	padding-left: 1em;
}

/*---------------------------------------*/
/* End of Advanced Search
/*---------------------------------------*/

.hidden-label {
	color: #ECEFF1;
	font-size: 90%;
	margin: 1em 0 .5em 0;
}

@media only screen and (max-width: 51.865em) {
	.js .hidden-label {
		display: none;
	}
}

@media only screen and (min-width: 51.875em) {
	.js .hidden-label {
		opacity: 0;
		transition: opacity .1s ease-in-out;
	}
}

.js .hidden-label.active {
	display: block;
}

@media only screen and (min-width: 51.875em) {
	.js .hidden-label.active {
		opacity: 1;
	}
}

@media only screen and (min-width: 51.875em) {
	.hidden-label {
		display: block;
		margin-bottom: .5em;
	}
}

.checkbox-label, .js-form-type-checkbox label, .advanced-search-checkbox div.form-type-checkbox label {
	color: #cfd6db;
	display: inline-block;
	width: 100%;
	transition: color .1s ease-in-out;
}

.checkbox-label:hover {
	color: #ECEFF1;
}

.checkbox-label:hover:active {
	color: #dde3e6;
}

.checkbox-label:focus {
	color: #ECEFF1;
}

.column-layout {
	margin: 2em 0;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}

@media only screen and (min-width: 48em) and (max-width: 55.99em) {
	.column-layout {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 56em) {
	.column-layout {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@-webkit-keyframes observable {
	from {
		background-color: #ECEFF1;
	}
	to {
		background-color: #fff;
	}
}

@keyframes observable {
	from {
		background-color: #ECEFF1;
	}
	to {
		background-color: #fff;
	}
}

.login-form {
	padding: 1em;
	background: #323536;
}

@media only screen and (max-width: 51.865em) {
	.login-form {
		z-index: -1;
		box-shadow: inset 0 12px 10px -10px #191b1c, inset 0 -12px 12px -12px #191b1c;
	}
}

@media only screen and (min-width: 51.875em) {
	.login-form {
		padding: 2em 1em;
		z-index: 1;
		position: absolute;
		right: 1em;
		top: -1.5em;
		width: 20em;
		background: rgba(0, 0, 0, 0.75);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
		border-top-left-radius: 2em;
		border-bottom-right-radius: 2em;
	}
	@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
		.login-form {
			background: rgba(0, 0, 0, 0.7);
			-webkit-backdrop-filter: blur(5px);
			backdrop-filter: blur(5px);
		}
	}
}

.js .login-form {
	display: none;
}

.login-form-legend {
	color: #ECEFF1;
	margin-bottom: .5em;
}

.login-form-group {
	transition: opacity .3s 0s ease-in-out;
}

@media only screen and (max-width: 51.865em) {
	.login-form-group {
		max-width: 29em;
		margin: 0 auto;
	}
}

.js .login-form-group {
	opacity: 0;
}

.open .login-form-group {
	opacity: 1;
	transition: opacity .3s .3s ease-in-out;
}

.login-form-input {
	border: none !important;
}

.login-form-register, .login-form-forgot-pass, .login-form-logout, .login-form-my-profile-link {
	font-size: 85%;
}

.login-form-forgot-pass {
	position: absolute;
	right: 0;
}

.login-form-submit {
	margin: 1em .75em 0 0;
}

.login-form-user {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.login-form-user-image {
	width: 5em;
	height: 5em;
	margin-top: .25em;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.login-form-user-name {
	padding-left: 1em;
	color: #fff;
	-webkit-align-self: top;
	-ms-flex-item-align: top;
	-ms-grid-row-align: top;
	align-self: top;
}

.search-result {
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.search-result-headline {
	margin-bottom: .5em;
}

.search-result + .search-result {
	border-top: 1px solid #ECEFF1;
	padding-top: 2em;
}

/*------------------------------*/
/* ARIS forum boxes
/*------------------------------*/
/*----------------------------------------*/
/* Add ARIS forum boxes Style to Elements
/*----------------------------------------*/
.post-teaser,
.blog-post-teaser,
.forum-teaser,
.subscription-teaser,
.my-post-teaser {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: #7D7D82;
	background: #ECEFF1;
}

@media only screen and (max-width: 31.99em) {
	.post-teaser,
	.blog-post-teaser,
	.forum-teaser,
	.subscription-teaser,
	.my-post-teaser {
		margin-left: -1em;
		margin-right: -1em;
	}
}

.post-teaser-meta,
.blog-post-teaser-meta,
.forum-teaser-meta,
.subscription-teaser-meta,
.my-post-teaser-meta {
	float: left;
	top: 0;
	width: 5.3em;
	font-size: 75%;
	background: #4b4f50;
	color: #ECEFF1;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-align: center;
}

.post-teaser-meta-modul,
.blog-post-teaser-meta-modul,
.forum-teaser-meta-modul,
.subscription-teaser-meta-modul,
.my-post-teaser-meta-modul {
	margin: 1em .5em;
	min-width: 0;
}

.post-teaser-meta-modul.image,
.blog-post-teaser-meta-modul.image,
.forum-teaser-meta-modul.image,
.subscription-teaser-meta-modul.image,
.my-post-teaser-meta-modul.image {
	margin: 0;
	width: 100%;
}

.post-teaser-meta-modul .icon,
.blog-post-teaser-meta-modul .icon,
.forum-teaser-meta-modul .icon,
.subscription-teaser-meta-modul .icon,
.my-post-teaser-meta-modul .icon {
	fill: #ECEFF1;
	width: 1.5em;
	height: 1.5em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.post-teaser-meta-modul.stars,
.blog-post-teaser-meta-modul.stars,
.forum-teaser-meta-modul.stars,
.subscription-teaser-meta-modul.stars,
.my-post-teaser-meta-modul.stars {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.post-teaser-meta-modul.stars .star,
.blog-post-teaser-meta-modul.stars .star,
.forum-teaser-meta-modul.stars .star,
.subscription-teaser-meta-modul.stars .star,
.my-post-teaser-meta-modul.stars .star {
	padding: 0 .125em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.post-teaser-meta-modul.stars .icon,
.blog-post-teaser-meta-modul.stars .icon,
.forum-teaser-meta-modul.stars .icon,
.subscription-teaser-meta-modul.stars .icon,
.my-post-teaser-meta-modul.stars .icon {
	fill: #ECEFF1;
	width: 1.1em;
	height: 1.1em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	transition: fill .2s ease-in-out;
}

.post-teaser-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon,
.blog-post-teaser-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon,
.forum-teaser-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon,
.subscription-teaser-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon,
.my-post-teaser-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon {
	fill: #0899CC;
}

.post-teaser-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon,
.blog-post-teaser-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon,
.forum-teaser-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon,
.subscription-teaser-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon,
.my-post-teaser-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon {
	fill: #0899CC;
}

.post-teaser-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon,
.blog-post-teaser-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon,
.forum-teaser-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon,
.subscription-teaser-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon,
.my-post-teaser-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon {
	fill: #0899CC;
}

.post-teaser-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon,
.blog-post-teaser-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon,
.forum-teaser-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon,
.subscription-teaser-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon,
.my-post-teaser-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon {
	fill: #0899CC;
}

.post-teaser-meta-modul.stars.rating-5 .star .icon,
.blog-post-teaser-meta-modul.stars.rating-5 .star .icon,
.forum-teaser-meta-modul.stars.rating-5 .star .icon,
.subscription-teaser-meta-modul.stars.rating-5 .star .icon,
.my-post-teaser-meta-modul.stars.rating-5 .star .icon {
	fill: #0899CC;
}

.post-teaser-main,
.blog-post-teaser-main,
.forum-teaser-main,
.subscription-teaser-main,
.my-post-teaser-main {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 1em 1em .5em 1em;
	width: calc( 100% - 6em);
}

.post-teaser-content,
.blog-post-teaser-content,
.forum-teaser-content,
.subscription-teaser-content,
.my-post-teaser-content {
	margin-bottom: auto;
}

.post-teaser-details,
.blog-post-teaser-details,
.forum-teaser-details,
.subscription-teaser-details,
.my-post-teaser-details {
	margin-top: auto;
}

@media only screen and (max-width: 31.99em) {
	.post-teaser-details,
	.blog-post-teaser-details,
	.forum-teaser-details,
	.subscription-teaser-details,
	.my-post-teaser-details {
		font-size: 95%;
	}
}

@media only screen and (min-width: 32em) {
	.post-teaser-details,
	.blog-post-teaser-details,
	.forum-teaser-details,
	.subscription-teaser-details,
	.my-post-teaser-details {
		font-size: 85%;
	}
}

.post-teaser-details-container,
.blog-post-teaser-details-container,
.forum-teaser-details-container,
.subscription-teaser-details-container,
.my-post-teaser-details-container {
	float: left;
	margin: 0 1em .5em 0;
	line-height: 1.5;
}

.post-teaser-tag::before,
.blog-post-teaser-tag::before,
.forum-teaser-tag::before,
.subscription-teaser-tag::before,
.my-post-teaser-tag::before {
	content: '#';
}

.post-teaser-title,
.blog-post-teaser-title,
.forum-teaser-title,
.subscription-teaser-title,
.my-post-teaser-title {
	margin-bottom: .5em;
}

.post-teaser-title {
  display: flex;
}

.post-teaser-title svg {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: .5em;
}

.post-teaser-title a {
  margin-top: auto;
  margin-bottom: auto;
}

.post-teaser-call-to-action,
.blog-post-teaser-call-to-action,
.forum-teaser-call-to-action,
.subscription-teaser-call-to-action,
.my-post-teaser-call-to-action {
	margin-bottom: .5em;
}

@media only screen and (max-width: 31.99em) {
	.post-teaser-call-to-action,
	.blog-post-teaser-call-to-action,
	.forum-teaser-call-to-action,
	.subscription-teaser-call-to-action,
	.my-post-teaser-call-to-action {
		width: 100%;
	}
}

@media only screen and (min-width: 32em) {
	.post-teaser-call-to-action,
	.blog-post-teaser-call-to-action,
	.forum-teaser-call-to-action,
	.subscription-teaser-call-to-action,
	.my-post-teaser-call-to-action {
		float: right;
		margin-top: .4em;
	}
}

.post-teaser + .post-teaser,
.post-teaser + .blog-post-teaser,
.post-teaser + .forum-teaser,
.post-teaser + .subscription-teaser,
.post-teaser + .my-post-teaser,
.blog-post-teaser + .post-teaser,
.blog-post-teaser + .blog-post-teaser,
.blog-post-teaser + .forum-teaser,
.blog-post-teaser + .subscription-teaser,
.blog-post-teaser + .my-post-teaser,
.forum-teaser + .post-teaser,
.forum-teaser + .blog-post-teaser,
.forum-teaser + .forum-teaser,
.forum-teaser + .subscription-teaser,
.forum-teaser + .my-post-teaser,
.subscription-teaser + .post-teaser,
.subscription-teaser + .blog-post-teaser,
.subscription-teaser + .forum-teaser,
.subscription-teaser + .subscription-teaser,
.subscription-teaser + .my-post-teaser,
.my-post-teaser + .post-teaser,
.my-post-teaser + .blog-post-teaser,
.my-post-teaser + .forum-teaser,
.my-post-teaser + .subscription-teaser,
.my-post-teaser + .my-post-teaser {
	margin-top: 1em;
}

@media only screen and (max-width: 47.99em) {
	.post-teaser + .post-teaser,
	.post-teaser + .blog-post-teaser,
	.post-teaser + .forum-teaser,
	.post-teaser + .subscription-teaser,
	.post-teaser + .my-post-teaser,
	.blog-post-teaser + .post-teaser,
	.blog-post-teaser + .blog-post-teaser,
	.blog-post-teaser + .forum-teaser,
	.blog-post-teaser + .subscription-teaser,
	.blog-post-teaser + .my-post-teaser,
	.forum-teaser + .post-teaser,
	.forum-teaser + .blog-post-teaser,
	.forum-teaser + .forum-teaser,
	.forum-teaser + .subscription-teaser,
	.forum-teaser + .my-post-teaser,
	.subscription-teaser + .post-teaser,
	.subscription-teaser + .blog-post-teaser,
	.subscription-teaser + .forum-teaser,
	.subscription-teaser + .subscription-teaser,
	.subscription-teaser + .my-post-teaser,
	.my-post-teaser + .post-teaser,
	.my-post-teaser + .blog-post-teaser,
	.my-post-teaser + .forum-teaser,
	.my-post-teaser + .subscription-teaser,
	.my-post-teaser + .my-post-teaser {
		margin-top: 2px;
	}
}

@media only screen and (min-width: 32em) {
	.subscription-teaser-details-container {
		float: right;
		margin-top: .75em;
	}
}

/*------------------------------*/
/* Single Post
/*------------------------------*/
.single-post {
	position: relative;
	color: #7D7D82;
	background: #ECEFF1;
}

@media only screen and (min-width: 32em) {
	.single-post {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}
}

@media only screen and (max-width: 31.99em) {
	.single-post {
		margin-left: -1em;
		margin-right: -1em;
		margin-top: -1em;
	}
}

.single-post-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #ECEFF1;
}

.single-post-author-image {
	width: 4em;
	height: 4em;
  padding-left: 12px;
  padding-top: 10px;
}

.single-post-author-image img {
    border-radius: 50%;
    width: 4em;
    height: 4em;
    object-fit: cover;
}

.single-post-author-details {
	padding: .8em;
	font-size: 85%;
	line-height: 1.5;
	overflow: hidden;
}

.single-post-author-details .medal {
	display: inline-block;
	padding-left: .8em;
	margin-left: .5em;
	position: relative;
}

.single-post-author-details .medal::before {
	content: "";
	position: absolute;
	left: 0;
	top: .5em;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.single-post-author-details .medal-gold::before {
	background-color: gold;
}

.single-post-author-details .medal-silver::before {
	background-color: silver;
}

.single-post-author-details .medal-bronze::before {
	background-color: #965A38;
}

@media only screen and (max-width: 31.99em) {
	.single-post-author-details-legend {
		display: none;
	}
}

.single-post-main {
	background-color: #fff;
}

.single-post-content {
	padding: 1em;
}
  
.single-post-content iframe, .comment-content iframe, #node-12318 iframe {
    max-width: 100%;
    max-height: 100%;
}

div[data-oembed-url] {
  position: relative;
  padding-top: 56.25%;
}

div[data-oembed-url] iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.single-post-content img, .comment-content img, #node-12318 img {
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
}

.single-post-details {
	padding: 1em;
}

@media only screen and (max-width: 31.99em) {
	.single-post-details {
		font-size: 95%;
	}
}

@media only screen and (min-width: 32em) {
	.single-post-details {
		font-size: 85%;
	}
}

.single-post-details-container {
	float: left;
	margin: 0 1em .5em 0;
	line-height: 1.5;
}

.single-post-meta {
	position: relative;
	padding: 1em;
	font-size: 80%;
	background: #4b4f50;
	color: #ECEFF1;
}

.single-post-meta.single-post-actions {
  background: #fff;
  color: #4b4f50;
}

.single-post-meta-modul {
	float: left;
	/* star rating */
}

.single-post-meta-modul.notify {
    float: right;
    margin-right: -.5em;
}

.single-post-meta-modul-container {
	float: left;
	padding: .5em .5em;
}

.single-post-meta-modul.stars {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single-post-meta-modul.stars .star {
	padding: 0 .125em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.single-post-meta-modul.stars .icon {
	fill: #ECEFF1;
	width: 1.1em;
	height: 1.1em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	transition: fill .2s ease-in-out;
}

.single-post-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon {
	fill: #0899CC;
}

.single-post-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon {
	fill: #0899CC;
}

.single-post-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon {
	fill: #0899CC;
}

.single-post-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon {
	fill: #0899CC;
}

.single-post-meta-modul.stars.rating-5 .star .icon {
	fill: #0899CC;
}

.single-post-meta-modul.stars:hover .star:nth-of-type(1) ~ .star .icon {
	fill: #ECEFF1;
}

.single-post-meta-modul.stars > .star:hover .icon,
.single-post-meta-modul.stars > .star:hover ~ .star .icon {
	fill: #0899CC !important;
}

.single-post-meta-modul.views .icon, .single-post-meta-modul.comments .icon, .single-post-meta-modul.heart .icon {
	fill: #ECEFF1;
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-right: .25em;
}

.single-post-meta-modul .content {
	display: inline-block;
}

.no-js .single-post-meta-modul.share .share-trigger {
	display: none;
}

.single-post-meta-modul.share {
  margin-left: -.5em;
}

.single-post-meta-modul.share .share-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: transform3d(0,0,0);
  -ms-transform: transform3d(0,0,0);
  transform: transform3d(0,0,0);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
  font-size: 120%;
  -webkit-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  position: absolute;
  bottom: calc(100% - .5em);
  left: 50%;
  left: 33%;
  padding: 1em;
  border-top-left-radius: 2em;
  border-bottom-right-radius: 2em;
  background: #4b4f50;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  z-index: 1;
}

@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
	.single-post-meta-modul.share .share-container {
		background: rgba(0, 0, 0, 0.65);
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}
}

.single-post-meta-modul.share .share-container.active {
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
}

.no-js .single-post-meta-modul.share .share-container {
	display: none;
}

.single-post-meta-modul.share a {
	display: inline-block;
	width: 3em;
	height: 3em;
	overflow: hidden;
	border: 1px solid #0899CC;
	transition: background-color .1s ease-in-out;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: .5em;
}

@media only screen and (min-width: 32em) {
	.single-post-meta-modul.share a {
		width: 2em;
		height: 2em;
	}
}

.single-post-meta-modul.share a .icon {
	width: 32px;
	height: 32px;
	fill: #0899CC;
	transition: fill .1s ease-in-out;
}

@media only screen and (min-width: 32em) {
	.single-post-meta-modul.share a .icon {
		width: 22px;
		height: 22px;
	}
}

.single-post-meta-modul.share a:hover .icon {
	fill: #11baf6;
}

.single-post-meta-modul.share a:hover:active .icon {
	fill: #2ac1f7;
}

.single-post-meta-modul.share a:active .icon, .single-post-meta-modul.share a:focus .icon {
	fill: #09abe5;
}

.single-post-meta-modul + .single-post-meta-modul {
	margin-left: 1em;
}

.single-post-meta-modul.share + .single-post-meta-modul.share {
  margin-left: 0;
}

.single-post .notify-moderator {
	padding-right: 0;
	padding-left: 0;
}

@media only screen and (min-width: 32em) {
	.single-post .notify-moderator {
		float: right;
	}
}

.single-post-tag::before {
	content: '#';
}

.single-post-title {
	margin-bottom: .5em;
}

.single-post-call-to-action {
	margin-bottom: .5em;
}

@media only screen and (max-width: 31.99em) {
	.single-post-call-to-action {
		width: 100%;
	}
}

@media only screen and (min-width: 32em) {
	.single-post-call-to-action {
		float: right;
		margin-top: .4em;
	}
}

/*------------------------------*/
/*  Comments
/*------------------------------*/
.comment {
	position: relative;
	color: #7D7D82;
}

@media only screen and (min-width: 32em) {
	.comment {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
	}
}

@media only screen and (max-width: 31.99em) {
	.comment {
		margin-left: -1em;
		margin-right: -1em;
    border-bottom: 1px solid #ECEFF1;
	}
}

.comment-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  justify-content: space-between;
}

.comment-header .icon-flag {
  height: 1em;
  width: 1em;
  fill: #807f7f;
  margin: 1em 1em 0em 0em;
}

.comment-header .icon-flag:hover {
  fill: #0899CC;
}

.comment-author {
  display: flex;
}

.comment-author-image {
	width: 4em;
	height: 4em;
}

.comment-author-details {
	padding: .8em .8em .8em 1.17em;
	font-size: 85%;
	line-height: 1.5;
	overflow: hidden;
}


.comment-author-details .medal {
	display: inline-block;
	padding-left: .8em;
	margin-left: .5em;
	position: relative;
}

.comment-author-details .medal::before {
	content: "";
	position: absolute;
	left: 0;
	top: .5em;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.comment-author-details .medal-gold::before {
	background-color: gold;
}

.comment-author-details .medal-silver::before {
	background-color: silver;
}

.comment-author-details .medal-bronze::before {
	background-color: #965A38;
}

@media only screen and (max-width: 31.99em) {
	.comment-author-details-legend {
		display: none;
	}
}

.comment-mark-node-author {
  background-color: #0899CC;
  color: white;
  margin: .5em;
  padding: .15em .5em;
  font-size: 85%;
  border-radius: 7px;
}

.comment-links-attachments-wrapper .inline {
  padding: 0;
  margin: 0;
}

.comment-links-attachments-wrapper ul.inline li {
  padding: 0;
}

@media only screen and (min-width: 32em) {
.comment-links-attachments-wrapper {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.comment-links-attachments-wrapper .field-name-field-file-attachments {
  order: 1;
}
}

.comment-meta {
	padding-bottom: 1em;
	font-size: 80%;
	background: #4b4f50;
	color: #ECEFF1;
	padding: 1em;
}

.comment-meta-moduls-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.comment-meta-modul {
	/* star rating */
}

.comment-meta-modul.image {
	margin: 0;
	width: 100%;
}

.comment-meta-modul .icon {
	fill: #ECEFF1;
	width: 1.5em;
	height: 1.5em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.comment-meta-modul .correct-answer {
	fill: #bad80a;
	width: 2em;
	height: 2em;
	margin: -.5em 2em -.5em .5em;
}

.comment-meta-modul.stars {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.comment-meta-modul.stars .star {
	padding: 0 .125em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.comment-meta-modul.stars .icon {
	fill: #ECEFF1;
	width: 1.1em;
	height: 1.1em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	transition: fill .2s ease-in-out;
}

.comment-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon {
	fill: #0899CC;
}

.comment-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon {
	fill: #0899CC;
}

.comment-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon {
	fill: #0899CC;
}

.comment-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon {
	fill: #0899CC;
}

.comment-meta-modul.stars.rating-5 .star .icon {
	fill: #0899CC;
}

.comment-meta-modul.stars:hover .star:nth-of-type(1) ~ .star .icon {
	fill: #ECEFF1;
}

.comment-meta-modul.stars > .star:hover .icon,
.comment-meta-modul.stars > .star:hover ~ .star .icon {
	fill: #0899CC !important;
}

.comment-meta .mark-correct {
	padding: 0;
}

@media only screen and (max-width: 31.99em) {
	.comment-meta .mark-correct {
		margin-left: 1em;
	}
}

@media only screen and (min-width: 32em) {
	.comment-meta .mark-correct {
		margin-left: auto;
	}
}

.comment-content {
	margin-bottom: auto;
	padding: 1em;
}

@media only screen and (max-width: 31.99em) {
	.comment-content {
		border-bottom: 1px solid #ECEFF1;
	}
}

.comment-footer {
	margin-top: auto;
}

@media only screen and (max-width: 31.99em) {
	.comment-footer {
		font-size: 95%;
	}
}

@media only screen and (min-width: 32em) {
	.comment-footer {
		font-size: 85%;
	}
}

.comment .notify-moderator {
	font-size: 90%;
	color: #a4a4a8;
	padding: .5em 0;
}

.comment .notify-moderator-container {
	padding-top: .5em;
}

.comment .notify-moderator .icon {
	fill: #a4a4a8;
}

@media only screen and (min-width: 32em) {
	.comment .notify-moderator {
		float: right;
	}
}

.comment-title {
	margin-bottom: .5em;
}

.comment-call-to-action {
	margin-bottom: .5em;
   font-size: .9em;
}

.comment-call-to-action:hover {
	background-color: #0899CC;
  border-color: #0899CC;
  color: white;
}

.comment-call-to-action:active, .comment-call-to-action:hover:active {
  background-color: #0899CC;
  border-color: #11baf6;
  color: white ;
}
@media only screen and (max-width: 31.99em) {
	.comment-call-to-action {
		width: 100%;
    float: left;
	}
}

@media only screen and (min-width: 32em) {
	.comment-call-to-action {
		float: right;
    margin-left: .5em;
	}
}

.comment-call-to-action-inverted {
  background-color: #0899CC;
  color: white;
}

.comment-call-to-action-inverted:hover {
  background-color: white;
  border-color: #0899CC;
  color: #0899CC;
}

.comment-call-to-action-inverted:active, .comment-call-to-action-inverted:active:hover {
  background-color: white;
  border-color: #11baf6;
  color: #0899CC;
}

.comment-call-to-action-inverted:focus {
  background-color: #5BB5D5;
}


.comment + .comment {
	margin-top: 2em;
}

/*------------------------------*/
/*  Best reply
/*------------------------------*/
.post-teaser-meta-modul .correct-answer {
  fill: #bad80a;
  width: 2em;
  height: 2em;
  margin-bottom: -.5em;
}

.bestreply .comment-author-name {
  font-weight: bold;
}

.bestreply {
  border-left: 4px solid green;
}

.comment-header-text:before {
   content: "Comment ";
}

.bestreply .comment-header-text::before {
  content: "Best Reply ";
  color: #1b871b;
}

.expand {
    float: right;
    padding: .5em 1em;
}


/*------------------------------*/
/* User Profile
/*------------------------------*/
.user-profile {
	position: relative;
	color: #7D7D82;
}

@media only screen and (min-width: 32em) {
	.user-profile {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}
}

@media only screen and (max-width: 31.99em) {
	.user-profile {
		margin-left: -1em;
		margin-right: -1em;
		margin-top: -1em;
		border-bottom: 1px solid #ECEFF1;
	}
}

.user-profile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-color: #ECEFF1;
	position: relative;
}

.user-profile-author-image {
	width: 8em;
	height: 8em;
}

@media only screen and (max-width: 31.99em) {
	.user-profile-author-image {
		width: 5em;
		height: 5em;
	}
}

.user-profile-author-image-edit {
	position: absolute;
	left: .5em;
	bottom: .5em;
	font-size: 90%;
}

.user-profile-edit {
	display: block !important;
	margin: 1.25em 1em 1em auto;
	border-bottom: none;
}

@media only screen and (min-width: 56em) {
	.user-profile-edit {
		margin-top: 1em;
	}
}

@media only screen and (max-width: 47.99em) {
	.user-profile-edit .hide-xs {
		display: none;
	}
}

.user-profile-author-details {
	padding: .8em;
	line-height: 1.5;
	overflow: hidden;
}

.user-profile-author-details .user-name {
	color: #0899CC;
	font-size: 1.3em;
	margin-bottom: 1em;
}

.user-profile-author-details .medal {
	display: inline-block;
	padding-left: .8em;
	margin-right: .5em;
	position: relative;
}

.user-profile-author-details .medal::before {
	content: "";
	position: absolute;
	left: 0;
	top: .5em;
	width: .5em;
	height: .5em;
	border-radius: 100%;
}

.user-profile-author-details .medal-gold::before {
	background-color: gold;
}

.user-profile-author-details .medal-silver::before {
	background-color: silver;
}

.user-profile-author-details .medal-bronze::before {
	background-color: #965A38;
}

@media only screen and (max-width: 31.99em) {
	.user-profile-author-details-legend {
		display: none;
	}
}

.user-profile-content {
	margin-bottom: auto;
	padding: 1em;
	overflow: hidden;
}

.user-profile-column-container {
	border-bottom: 1px solid #cbcbcd;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

@media only screen and (min-width: 32em) {
	.user-profile-column-container {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-webkit-column-gap: 1em;
		-moz-column-gap: 1em;
		column-gap: 1em;
	}
}

.user-data {
	word-wrap: break-word;
	margin-bottom: 1em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.user-data small {
	color: #a7a7aa;
}

.user-data-edit {
	word-wrap: break-word;
	margin-bottom: 1em;
	float: left;
	width: 100%;
}

.user-data-edit-label {
	color: #a7a7aa;
	display: block;
	margin-bottom: .25em;
}

.user-data-edit-privacy-options {
	color: #a7a7aa;
	font-size: 80%;
	margin: .25em 0;
}

.user-data-edit-privacy-options label {
	margin-right: .5em;
}

.user-data-edit-privacy-options input[type="radio"] {
	width: 14px;
	height: 14px;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	margin-left: .125em;
}

@media only screen and (min-width: 48em) {
	.user-data-edit-column-container .user-data-edit {
		width: 50%;
	}
}

@media only screen and (min-width: 48em) {
	.user-data-edit-column-container .user-data-edit:nth-of-type(odd) {
		padding-right: .5em;
	}
}

@media only screen and (min-width: 48em) {
	.user-data-edit-column-container .user-data-edit:nth-of-type(even) {
		padding-left: .5em;
	}
}

.user-data-edit-submit {
	display: inline-block;
	width: auto;
	float: right;
}

.pagination-nav {
	margin: 1em 0;
}

.pagination-nav .menu {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pagination-nav .menu-item {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.pagination-nav .menu-item:first-of-type, .pagination-nav .menu-item:last-of-type {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.pagination-nav .menu-item:first-of-type a,
.pagination-nav .menu-item:last-of-type a {
	width: auto;
}

.pagination-nav .menu-item:first-of-type a .icon,
.pagination-nav .menu-item:last-of-type a .icon {
	margin: 0;
	fill: #0899CC;
}

.pagination-nav .menu-item:first-of-type {
	text-align: left;
}

.pagination-nav .menu-item:first-of-type a {
	padding-left: .5em;
}

.pagination-nav .menu-item:last-of-type {
	text-align: right;
}

.pagination-nav .menu-item:last-of-type a {
	padding-right: .5em;
}

/*-----------------------*/
/*  Slider
/*-----------------------*/
.slick-prev,
.slick-next {
	position: absolute;
	z-index: 1;
	top: 0;
	width: 2em;
	height: 100%;
	text-indent: -999em;
	overflow: hidden;
	border: none !important;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
	opacity: 1;
}

.slick-prev:hover,
.slick-next:hover {
	background-color: #dde3e6;
}

.slick-prev:hover:active,
.slick-next:hover:active {
	background-color: #cfd6db;
}

.slick-prev:active,
.slick-next:active {
	opacity: 1;
	background-color: #dde3e6;
}

.slick-prev {
	left: 0;
	background: url(../img/_source/icons/icon-arrow-cerulean-left.svg) no-repeat center center;
}

.slick-next {
	right: 0;
	background: url(../img/_source/icons/icon-arrow-cerulean-right.svg) no-repeat center center;
}

.call-to-action-box-link {
	background-color: #ECEFF1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	transition: background .1s ease-in-out;
}

@media only screen and (max-width: 31.99em) {
	.call-to-action-box-link {
		font-size: 3vw;
		padding: 3em 0;
	}
}

@media only screen and (min-width: 32em) {
	.call-to-action-box-link {
		min-height: 20em;
	}
}

/*IE */
@media only screen and (min-width: 32em) and (-ms-high-contrast: active), only screen and (min-width: 32em) and (-ms-high-contrast: none) { 
	.call-to-action-box-link {
		/*padding-top: 7em;*/
	}
	
	.site-header .home {
		top: 0.25em;
	}
}

.call-to-action-box-link .icon {
	width: 4.625em;
	height: 4.625em;
	fill: #0899CC;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.call-to-action-box-link-content {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	display: block;
}

.call-to-action-box-link .slogan,
.call-to-action-box-link .subline {
	color: #0899CC;
	line-height: 1.5;
	display: block;
}

.call-to-action-box-link .slogan {
	font-size: 1.5em;
	font-weight: bold;
}

.call-to-action-box-link .subline {
	color: #7D7D82;
	border-bottom: 1px solid #bad80a;
}

.call-to-action-box-link:hover {
	background-color: #dde3e6;
}

.call-to-action-box-link:hover:active {
	background-color: #cfd6db;
}

.call-to-action-box-link:active, .call-to-action-box-link:focus {
	background-color: #dde3e6;
}

.slider-front-page .call-to-action-box-link {
  background-color: white;
  padding: 0;
}

.teaser {
	padding: 1em;
	border: 1px solid #0899CC;
	display: block;
	text-decoration: none;
	transition: background-color .1s ease-in-out;
}

.teaser-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 31.99em) {
	.teaser-container {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media only screen and (max-width: 31.99em) {
	.teaser {
		margin-bottom: 1em;
	}
}

@media only screen and (min-width: 32em) {
	.teaser {
		width: 32%;
	}
}

.teaser:last-of-type {
	border-bottom-right-radius: 2em;
}

.teaser:first-of-type {
	border-top-left-radius: 2em;
}

.teaser:last-of-type {
	border-bottom-right-radius: 2em;
}

.teaser-title {
	color: #0899CC;
	font-weight: bold;
	font-size: 1.1em;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: .75em;
	width: 100%;
}

.teaser-title .icon {
	fill: #0899CC;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	height: 1.5em;
	width: 1.5em;
	margin-right: .5em;
}

.teaser-title-text {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.teaser-description {
	color: #7D7D82;
	font-size: 90%;
	margin: 0;
}

.teaser:hover {
	background-color: #ECEFF1;
}

.teaser:hover:active {
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
}

.teaser:focus {
	background-color: #ECEFF1;
}

.teaser:active {
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
}

.blog-toolbar,
.advanced-options-toolbar {
	margin-bottom: 2em;
}

.blog-toolbar-button-inverted {
  background-color: #0899CC;
  color: white;
}

a.blog-toolbar-button-inverted {
  color: white;
  width: 6.5em;
}

.blog-toolbar-button-inverted:hover, .blog-toolbar-button-inverted:focus, .blog-toolbar-button-inverted:active, .blog-toolbar-button-inverted:hover:active, .blog-toolbar-button-inverted:hover:focus, .blog-toolbar-button-inverted:active:focus, .blog-toolbar-button-inverted:hover:active:focus {
  background-color: white;
  color: #0899CC;
}

.blog-toolbar-button,
.advanced-options-toolbar-button {
	margin-bottom: .5em;
}

@media only screen and (max-width: 31.99em) {
	.blog-toolbar-button,
	.advanced-options-toolbar-button {
		width: 100%;
	}
}

.advanced-options-toolbar {
	margin: 0 1em 1em 1em;
}

.advanced-options-toolbar-trigger {
	font-size: 90%;
	margin-left: .5em;
}

.post-teaser{
    margin-bottom: 0.3125em;
}

/* makes videos from youtube responive */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*link color*/
a{
    color: #0899CC;
}


.modal-submit, .downloads-list .download-info, .downloads-list .download-button, .ae-download-btn {
  -webkit-appearance: none;
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  border: 1px solid !important;
  outline: none;
  background: transparent;
  cursor: pointer;
  transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

.modal-submit .icon, .downloads-list .download-info .icon, .downloads-list .download-button .icon, .ae-download-btn .icon {
  display: inline-flex;
  align-self: center;
  position: relative;
  height: 1em;
  width: 1em;
}

.touch .modal-submit:active, .touch .downloads-list .download-info:active, .downloads-list .touch .download-info:active, .touch .downloads-list .download-button:active, .downloads-list .touch .download-button:active, .touch .ae-download-btn:active {
  transform: scale(0.99);
}

.ae-download-btn {
  background-color: white;
  color: #0899CC;
  border-color: #0899CC;
}

.ae-download-btn .icon {
  fill: #0899CC;
}

.ae-download-btn .icon-rss {
  fill: #ff6600;
}

.ae-download-btn:hover {
  background-color: #f2f4f5;
}

.ae-download-btn:hover:active {
  background-color: #e6eaed;
}

.ae-download-btn:active, .ae-download-btn:focus {
  background-color: #e6eaed;
}

.modal-submit, .downloads-list .download-button {
  background-color: #ECEFF1;
  color: #0899CC;
  border-color: #0899CC;
}

.modal-submit .icon, .downloads-list .download-button .icon {
  fill: #0899CC;
}

.modal-submit .icon-rss, .downloads-list .download-button .icon-rss {
  fill: #ff6600;
}

.modal-submit:hover, .downloads-list .download-button:hover {
  background-color: #dde3e6;
}

.modal-submit:hover:active, .downloads-list .download-button:hover:active {
  background-color: #cfd6db;
}

.modal-submit:active, .downloads-list .download-button:active, .modal-submit:focus, .downloads-list .download-button:focus {
  background-color: #dde3e6;
}

.downloads-list .download-info {
  border-color: transparent;
  background: none;
  color: #0899CC;
}

.downloads-list .download-info .icon {
  fill: #0899CC;
}

.downloads-list .download-info:hover {
  color: #11baf6;
}

.downloads-list .download-info:hover .icon {
  fill: #11baf6;
}

.downloads-list .download-info:hover:active {
  color: #2ac1f7;
}

.downloads-list .download-info:hover:active .icon {
  fill: #2ac1f7;
}

.downloads-list .download-info:focus {
  color: #11baf6;
}

.downloads-list .download-info:focus .icon {
  fill: #11baf6;
}

/*----------------------*/
/*	 List Reset
/*----------------------*/
.content-list, .content-list ul {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  margin: 0;
  padding: 0;
}

.content-list li {
  list-style-type: none;
  margin-bottom: .5em;
  display: block;
  -webkit-appearance: none;
}

/*----------------------*/
/*	Main List Styling
/*----------------------*/
.content-list {
  margin-bottom: 1em;
}

.content-list li {
  color: #7D7D82;
  padding-left: .875em;
  position: relative;
}

.content-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  background: #0899CC;
}

.content-list li ul {
  margin-top: .75em;
}

.content-list li ul li {
  font-size: 95%;
}

.content-list li a, .info-banner a {
  color: #0899CC;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.content-list li a.preview-box-title, .info-banner a.preview-box-title {
  line-height: 1;
  margin: 0;
}

.no-touch .content-list li a.glow:hover, .content-list li .no-touch a.glow:hover, .no-touch .info-banner a.glow:hover, .info-banner .no-touch a.glow:hover {
  color: #09abe5;
}

.no-touch .content-list li a.glow:active, .content-list li .no-touch a.glow:active, .no-touch .info-banner a.glow:active, .info-banner .no-touch a.glow:active, .no-touch .content-list li a.glow:focus, .content-list li .no-touch a.glow:focus, .no-touch .info-banner a.glow:focus, .info-banner .no-touch a.glow:focus {
  color: #11baf6;
}

.content-list li a.active.glow, .info-banner a.active.glow {
  color: #09abe5;
}

.no-touch .content-list li a:hover, .content-list li .no-touch a:hover, .no-touch .info-banner a:hover, .info-banner .no-touch a:hover {
  border-color: #0899CC;
}

.no-touch .content-list li a:active, .content-list li .no-touch a:active, .no-touch .info-banner a:active, .info-banner .no-touch a:active, .no-touch .content-list li a:focus, .content-list li .no-touch a:focus, .no-touch .info-banner a:focus, .info-banner .no-touch a:focus {
  border-color: #0899CC;
}

.content-list li a.active, .info-banner a.active {
  border-color: #0899CC;
}

.modal {
  padding: 1.5em 1em;
  background: #ECEFF1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: scale(0);
  animation: modalPopUp .4s ease-in-out forwards;
}

.modal-container {
  position: absolute;
  top: -2em;
  right: -1em;
  bottom: -2em;
  left: -1em;
  padding: 3em 2em;
  animation: modalContainerPopUp .4s ease-in-out forwards;
}

.lt-ie10 .modal-container {
  background: rgba(50, 53, 54, 0.9);
}

@supports (-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px)) {
  .modal-container {
    background: rgba(50, 53, 54, 0.6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
}

.lt-ie10 .modal {
  transform: scale(1);
}

.modal-headline {
  color: #0899CC;
  margin-bottom: 1em;
}

.modal p {
  margin-bottom: 0;
}

.modal input[type="checkbox"] {
  border: none !important;
  display: none;
}

.modal input[type="checkbox"] + label {
  display: block;
  margin: 1em 0 1.5em 0;
  color: #7D7D82;
}

.modal input[type="checkbox"] + label:hover {
  color: #97979b;
}

.modal input[type="checkbox"] + label:active {
  color: #7D7D82;
}

.modal input[type="checkbox"] + label svg {
  margin-top: .125em;
}

.modal-submit {
  display: block;
}

@keyframes modalPopUp {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes modalContainerPopUp {
  from {
    background: transparent;
  }
  to {
    background: rgba(50, 53, 54, 0.9);
  }
}

.info-banner {
  background-color: #ECEFF1;
  padding: 1em;
  text-align: center;
  margin-bottom: 1em;
  color: #7D7D82;
  text-align: left;
  display: flex;
  align-items: center;
}

.info-banner p {
  margin: 0;
}

.info-banner .icon {
  width: 2em;
  height: 2em;
  fill: #0899CC;
  margin-right: .75em;
}

.downloads-list {
  margin-bottom: 2em;
}

.downloads-list .download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 0;
}

.downloads-list .download + .download {
  border-top: 1px solid #ECEFF1;
}

.downloads-list .download-description {
  color: #7D7D82;
}

.downloads-list .download-buttons {
  flex-shrink: 0;
  margin-left: 1em;
  display: flex;
}

.downloads-list .download-info {
  padding: 0;
  margin-right: 1em;
}

.downloads-list .download-info .icon {
  margin-top: .25em;
  width: 1.5em;
  height: 1.5em;
}

.downloads-list .download-info .icon.icon-mortarboard {
  margin-top: 0;
  width: 2em;
  height: 2em;
}

@media only screen and (min-width: 48em) {
  .downloads-list .download-button:after {
    content: "Download";
  }
  /**.downloads-list .subscribe_cloud #subscribe-cloud:after {
    content: "Subscribe";
  }**/
}

.single-post-meta.in-page-content {
  margin: 0 -1.25em -1.25em -1.25em;
}

@media only screen and (min-width: 48em) {
  .single-post-meta.in-page-content {
    margin: 0 -1.25em -2.5em -1.25em;
  }
}

.single-post-meta.in-page-content .share {
  float: none;
}

.single-post-meta.in-page-content .share-trigger {
  padding-left: .125em;
  padding-right: .125em;
}

.icon-headline {
  display: flex !important;
  align-items: center;
}

.icon-headline .icon {
  fill: #0899CC;
  width: 4em;
  height: 4em;
  margin-right: .75em;
  flex: 0 0 auto;
}

.ae-bg-link {
  width: 6.5em;
  height: 100%;
  position: absolute;
  padding: 1em;
  top: 0;
  left: 0;
  background: #4b4f50;
}

@media only screen and (max-width: 47.99em) {
  .ae-bg-link {
    width: 3.5em;
    padding: .75em;
  }
}

.ae-bg-link .bg-icon {
  fill: #0899CC;
  width: 100%;
  height: 100%;
  transition: fill .1s ease-in-out;
}

.ae-bg-link:hover .bg-icon {
  fill: #09b3ee;
}

.ae-bg-link:active .bg-icon {
  fill: #0899CC;
  transform: scale(0.95);
}

.ae-download-btn-container {
  position: relative;
  display: flex;
  margin: 2em 0;
  background: #ECEFF1;
  padding: 2em;
}

@media only screen and (max-width: 47.99em) {
  .ae-download-btn-container {
    flex-direction: column;
    padding: 1.5em 1.5em 1em 1.5em;
  }
}

.ae-download-btn-container.icon-container {
  padding: 2em 2em 2em 7.5em;
}

@media only screen and (max-width: 55.99em) {
  .ae-download-btn-container.icon-container {
    padding: 1em 1em 1em 7.5em;
  }
}

@media only screen and (max-width: 47.99em) {
  .ae-download-btn-container.icon-container {
    padding-left: 4.5em;
  }
}

.ae-download-btn-wrap {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 55.99em) {
  .ae-download-btn-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 48em) {
  .ae-download-btn {
    margin-right: 1em;
  }
}

@media only screen and (max-width: 55.99em) {
  .ae-download-btn {
    margin-bottom: .5em;
  }
}

.ae-download-meta {
  color: #7D7D82;
  font-size: 85%;
  display: inline-block;
}

.page-content .modul {
  padding: 0;
}

.page-content .modul-social-media-links-container {
  justify-content: flex-start;
}

.page-content .modul-social-media-links-container a {
  border: none;
  margin: 0;
}

.page-content .modul-social-media-links-container a .icon {
  fill: #7D7D82;
  transition: fill .1s ease-in-out;
}

.page-content .modul-social-media-links-container a:hover {
  background: transparent;
}

.page-content .modul-social-media-links-container a:hover .icon {
  fill: #0899CC;
}

.page-content .modul-social-media-links-container a + a {
  margin-left: .5em;
}

/**
** From us
 **/

/**
**	CEH
**/

#ur-download-info {
	border: none !important;
}

/* Bugfix Word Overflow (Posts) */
div.field-items {
	overflow-wrap: break-word;
}

a.ur-icon {
	float: left;
	margin-right: 10px;
}

a.ur-icon:hover, a.ur-icon:active {
	text-decoration: none;
	border-color: transparent !important;
}

a.ur-link {
	text-decoration: none;
}

a.ur-link:hover {
	text-decoration: underline;
}

#ur_downloadbutton {
	margin-left: 35%;
}

#ur_downloadbutton a {
	background-color: white;
	color: #0899CC;
	border-color: #0899CC;
	border: 1px solid;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
}

#ur_downloadbutton a .icon {
	display: inline-flex;
	align-self: center;
	position: relative;
	height: 1em;
	width: 1em;
	fill: #0899CC;
}

.cert-box {
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.tag-box {
	padding: 0.3em;
	margin-top: 0.5em;
}

.tag-box a {
	color: #0899CC;
	float: left;
	margin: 0 .25em .5em 0;
	padding: .5em 1em;
	background-color: #ECEFF1;
	font-size: 90%;
	transition: background .1s ease-in-out;
}

.tab-box a:hover {
	text-decoration: none;
}

span.field-content a:hover {
	border: none !important;
	background-color: #DBE3E5 !important;
}

span.field-content a:active, span.field-content a:focus, span.field-content a.active {
	border: none !important;
}

@media only screen and (max-width: 51.874em) {
	h1.page-title {
		margin-top: 0.5em;
	}
}

.modul-job {
	align-content: center;
}

.modul-job a {
	background: #ECEFF1;
	display: block;
	margin-top: 0.3em;
	padding: 1em;
	/*max-width: 250px;*/
}

.job-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: #0899CC;
}

#custom_loginform input, #custom_contactform input, div#custom_contactform textarea {
	border: 1px solid #c6c6c8;
}

#custom_loginform input[id|='edit-submit'] {
	background-color: #fff;
	color: #0899CC;
}

#custom_loginform div.description {
	color: #fff !important;
}

#custom_registerform input {
	color: #7D7D82 !important;
}

#custom_registerform label, #custom_contactform label, #custom_registerform div.description, #custom_registerform div.fieldset-description, #custom_registerform span.fieldset-legend, #custom_registerform ul.horizontal-tabs-list li.horizontal-tab-button.selected strong {
	color: #7D7D82 !important;
}

#custom_registerform div.description {
	display: inline-block !important;
  max-width: 100%;
}

#custom_registerform input#edit-submit, #custom_contactform input#edit-submit {
	color: #0899CC;
}

#custom_registerform .form-item {
  max-width: 100%;
}

.form-item.form-type-select.form-item-taxonomy-forums-und, .form-item.form-type-select.form-item-field-tags-und {
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

form.show-post-select {
	display: flex !important;
}

.show-post-select label {
  margin: auto;
}

input[type="text"].search-field {
	border: 1px solid #fff !important;
}

ul.pager {
	justify-content: space-between !important;
}

ul.pager li.pager-item, ul.pager li.pager-next, ul.pager li.pager-last, ul.pager li.pager-previous, ul.pager li.pager-first {
	text-align: center !important;
  margin: 0 0 0.25em 0em !important;
}

ul.pager li.pager-item a, ul.pager li.pager-next a, ul.pager li.pager-last a, ul.pager li.pager-previous a, ul.pager li.pager-first a {
	color: #0899CC !important;
	background-color: #fff !important;
	border: 1px solid !important;
	border-color: #ECEFF1 !important;
	text-decoration: none !important;
	padding: .5em 1em !important;
	display: inline-block !important;
	line-height: 1 !important;
	outline: none !important;
}

ul.pager li.pager-ellipsis {
	display: none !important;
}

#custom_headline {
	margin-bottom: 10px;
}

.custom_imagebox {
	position: relative !important;
    text-align: center !important;
	color: white !important;
}

.custom_imagebox img{
	width: 100%;
}

.comment.odd, .comment.even {
	all: unset;
}

/*.custom_imagebox img {
	height: 100%;
}*/

.custom-slogan {
	position: absolute !important;
	top: 50% !important;
	max-width: 50% !important;
    left: 30% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	line-height: 1.5 !important;
	font-size: 1.5em;
	font-weight: bold !important;
}

.custom-slogan-white {
	color: #fff !important;
}

.custom-slogan-light-blue {
	color: #0899CC !important;
}

input#edit-submit, input#edit-preview {
	color: #0899CC;
	border: 1px solid #0899CC;
}

input#edit-preview, input#edit-submit {
	margin-left: 3px;
}

input#edit-submit:hover, input#edit-preview:hover, a.button.create-post:hover, input[id|="edit-submit"]:hover, #custom_contactform input[id^="edit-field-file-attachments-und-"][id*="upload-button"]:hover, button.comment-call-to-action:hover {
	color: #fff !important;
	background: #0899CC !important;
	/*border: 1px solid #fff !important;*/
}

input[id^="edit-field-file-attachments-und"][id$="upload"] {
  max-width: 50%;
}

div#custom_contactform div.form-select, div#custom_registerform div.form-select {
	width: 100% !important;
	margin-bottom: 1em !important;
}

div#custom_contactform a.chosen-single, div#custom_registerform a.chosen-single {
	height: auto !important;
}

#custom_contactform input:focus, #custom_contactform textarea:focus, #custom_registerform input:focus, #custom_registerform textarea:focus {
	border: 1px solid #0899CC;
}

#custom_contactform span.fieldset-legend {
	color: #0899CC !important;
	font-size: 1em !important;
	font-weight: bold !important;
	font-family: "Roboto";
}

#custom_contactform div[id*="edit-field-file-attachments-und-"] {
	margin-top: 3em;
}

#custom_contactform div.field-group-accordion-wrapper {
	margin-bottom: 1em;
}

#custom_contactform input[id^="edit-field-file-attachments-und-"][id*="upload-button"] {
	margin-left: 1em;
}

table[id^="edit-field-file-attachments-und-"] {
  margin-bottom: 1em;
}

div.newsletter_description {
	margin-bottom: 1em;
	color: #7D7D82;
}

div.newsletter_header {
	margin-bottom: 1em;
	color: #7D7D82 !important;
	font-size: 1em !important;
	font-weight: bold !important;
	font-family: 'Roboto' !important;
}

li.pager-item, li.pager-next, li.pager-last {
	margin: 0 !important;
}

div.field-item table {
	width: auto;
}

div.field-item table tr td {
	padding: 0.5em;
}

form#ecard-form-create-ecard input#edit-submit {
	background-image: none !important;
}

div.comment-header img {
	max-height: 100%;
}

div#ecard-form {
	margin-top: 1em;
}

div#ecard-form span.ecard-span {
	color: #7D7D82;
	font-weight: bold;
}

div#ecard-form input:focus, div#ecard-form textarea:focus {
	border: 1px solid #0899CC;
}

div.field-name-field-language {
	margin-top: 1em;
}

/**
** Agentur NEW
**/

.modal-submit, .downloads-list .download-info, .downloads-list .download-button, .ae-download-btn {
	-webkit-appearance: none;
	display: inline-block;
	padding: .5em 1em;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	user-select: none;
	border: 1px solid;
	outline: none;
	background: transparent;
	cursor: pointer;
	transition: color .1s ease-in-out, background-color .1s ease-in-out;
  }
  
  .modal-submit .icon, .downloads-list .download-info .icon, .downloads-list .download-button .icon, .ae-download-btn .icon {
	display: inline-flex;
	align-self: center;
	position: relative;
	height: 1em;
	width: 1em;
  }
  
  .touch .modal-submit:active, .touch .downloads-list .download-info:active, .downloads-list .touch .download-info:active, .touch .downloads-list .download-button:active, .downloads-list .touch .download-button:active, .touch .ae-download-btn:active {
	transform: scale(0.99);
  }
  
  .ae-download-btn {
	background-color: white;
	color: #0899CC;
	border-color: #0899CC;
  }
  
  .ae-download-btn .icon {
	fill: #0899CC;
  }
  
  .ae-download-btn .icon-rss {
	fill: #ff6600;
  }
  
  .ae-download-btn:hover {
	background-color: #f2f4f5;
  }
  
  .ae-download-btn:hover:active {
	background-color: #e6eaed;
  }
  
  .ae-download-btn:active, .ae-download-btn:focus {
	background-color: #e6eaed;
  }
  
  .modal-submit, .downloads-list .download-button {
	background-color: #ECEFF1;
	color: #0899CC;
	border-color: #0899CC;
  }
  
  .modal-submit .icon, .downloads-list .download-button .icon {
	fill: #0899CC;
  }
  
  .modal-submit .icon-rss, .downloads-list .download-button .icon-rss {
	fill: #ff6600;
  }
  
  .modal-submit:hover, .downloads-list .download-button:hover {
	background-color: #dde3e6;
  }
  
  .modal-submit:hover:active, .downloads-list .download-button:hover:active {
	background-color: #cfd6db;
  }
  
  .modal-submit:active, .downloads-list .download-button:active, .modal-submit:focus, .downloads-list .download-button:focus {
	background-color: #dde3e6;
  }
  
  .downloads-list .download-info {
	border-color: transparent;
	background: none;
	color: #0899CC;
  }
  
  .downloads-list .download-info .icon {
	fill: #0899CC;
  }
  
  .downloads-list .download-info:hover {
	color: #11baf6;
  }
  
  .downloads-list .download-info:hover .icon {
	fill: #11baf6;
  }
  
  .downloads-list .download-info:hover:active {
	color: #2ac1f7;
  }
  
  .downloads-list .download-info:hover:active .icon {
	fill: #2ac1f7;
  }
  
  .downloads-list .download-info:focus {
	color: #11baf6;
  }
  
  .downloads-list .download-info:focus .icon {
	fill: #11baf6;
  }
  
  /*----------------------*/
  /*	 List Reset
  /*----------------------*/
  .content-list, .content-list ul {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	margin: 0;
	padding: 0;
  }
  
  .content-list li {
	list-style-type: none;
	margin-bottom: .5em;
	display: block;
	-webkit-appearance: none;
  }
  
  /*----------------------*/
  /*	Main List Styling
  /*----------------------*/
  .content-list {
	margin-bottom: 1em;
  }
  
  .content-list li {
	color: #7D7D82;
	padding-left: .875em;
	position: relative;
  }
  
  .content-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	background: #0899CC;
  }
  
  .content-list li ul {
	margin-top: .75em;
  }
  
  .content-list li ul li {
	font-size: 95%;
  }
  
.content-list li a, .info-banner a {
	color: #0899CC;
	text-decoration: none;
	border-bottom: 1px solid transparent;
  }
  
  .content-list li a.preview-box-title, .info-banner a.preview-box-title {
	line-height: 1;
	margin: 0;
  }
  
  .no-touch .content-list li a.glow:hover, .content-list li .no-touch a.glow:hover, .no-touch .info-banner a.glow:hover, .info-banner .no-touch a.glow:hover {
	color: #09abe5;
  }
  
  .no-touch .content-list li a.glow:active, .content-list li .no-touch a.glow:active, .no-touch .info-banner a.glow:active, .info-banner .no-touch a.glow:active, .no-touch .content-list li a.glow:focus, .content-list li .no-touch a.glow:focus, .no-touch .info-banner a.glow:focus, .info-banner .no-touch a.glow:focus {
	color: #11baf6;
  }
  
  .content-list li a.active.glow, .info-banner a.active.glow {
	color: #09abe5;
  }
  
  .no-touch .content-list li a:hover, .content-list li .no-touch a:hover, .no-touch .info-banner a:hover, .info-banner .no-touch a:hover {
	border-color: #0899CC;
  }
  
  .no-touch .content-list li a:active, .content-list li .no-touch a:active, .no-touch .info-banner a:active, .info-banner .no-touch a:active, .no-touch .content-list li a:focus, .content-list li .no-touch a:focus, .no-touch .info-banner a:focus, .info-banner .no-touch a:focus {
	border-color: #0899CC;
  }
  
  .content-list li a.active, .info-banner a.active {
	border-color: #0899CC;
  }
  
  .modal {
	padding: 1.5em 1em;
	background: #ECEFF1;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transform: scale(0);
	animation: modalPopUp .4s ease-in-out forwards;
  }
  
  .modal-container {
	position: absolute;
	top: -2em;
	right: -1em;
	bottom: -2em;
	left: -1em;
	padding: 3em 2em;
	animation: modalContainerPopUp .4s ease-in-out forwards;
  }
  
  .lt-ie10 .modal-container {
	background: rgba(50, 53, 54, 0.9);
  }
  
  @supports (-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px)) {
	.modal-container {
	  background: rgba(50, 53, 54, 0.6);
	  -webkit-backdrop-filter: blur(4px);
	  backdrop-filter: blur(4px);
	}
  }
  
  .lt-ie10 .modal {
	transform: scale(1);
  }
  
  .modal-headline {
	color: #0899CC;
	margin-bottom: 1em;
  }
  
  .modal p {
	margin-bottom: 0;
  }
  
  .modal input[type="checkbox"] {
	border: none !important;
	display: none;
  }
  
  .modal input[type="checkbox"] + label {
	display: block;
	margin: 1em 0 1.5em 0;
	color: #7D7D82;
  }
  
  .modal input[type="checkbox"] + label:hover {
	color: #97979b;
  }
  
  .modal input[type="checkbox"] + label:active {
	color: #7D7D82;
  }
  
  .modal input[type="checkbox"] + label svg {
	margin-top: .125em;
  }
  
  .modal-submit {
	display: block;
  }
  
  @keyframes modalPopUp {
	from {
	  transform: scale(0);
	}
	to {
	  transform: scale(1);
	}
  }
  
  @keyframes modalContainerPopUp {
	from {
	  background: transparent;
	}
	to {
	  background: rgba(50, 53, 54, 0.9);
	}
  }
  
  .info-banner {
	background-color: #ECEFF1;
	padding: 1em;
	text-align: center;
	margin-bottom: 1em;
	color: #7D7D82;
	text-align: left;
	display: flex;
	align-items: center;
  }
  
  .info-banner p {
	margin: 0;
  }
  
  .info-banner .icon {
	width: 2em;
	height: 2em;
	fill: #0899CC;
	margin-right: .75em;
  }
  
  .downloads-list {
	margin-bottom: 2em;
  }
  
  .downloads-list .download {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em 0;
  }
  
  .downloads-list .download + .download {
	border-top: 1px solid #ECEFF1;
  }
  
  .downloads-list .download-description {
	color: #7D7D82;
  }
  
  .downloads-list .download-buttons {
	flex-shrink: 0;
	margin-left: 1em;
	display: flex;
  }
  
  .downloads-list .download-info {
	padding: 0;
	margin-right: 1em;
  }
  
  .downloads-list .download-info .icon {
	margin-top: .25em;
	width: 1.5em;
	height: 1.5em;
  }
  
  .downloads-list .download-info .icon.icon-mortarboard {
	margin-top: 0;
	width: 2em;
	height: 2em;
  }
  
  @media only screen and (min-width: 48em) {
	.downloads-list .download-button:after {
	  content: "Download";
	}
  }
  
  .single-post-meta.in-page-content {
	margin: 0 -1.25em -1.25em -1.25em;
  }
  
  @media only screen and (min-width: 48em) {
	.single-post-meta.in-page-content {
	  margin: 0 -1.25em -2.5em -1.25em;
	}
  }
  
  .single-post-meta.in-page-content .share {
	float: none;
  }
  
  .single-post-meta.in-page-content .share-trigger {
	padding-left: .125em;
	padding-right: .125em;
  }
  
  .icon-headline {
	display: flex !important;
	align-items: center;
  }
  
  .icon-headline .icon {
	fill: #0899CC;
	width: 4em;
	height: 4em;
	margin-right: .75em;
	flex: 0 0 auto;
  }
  
  .ae-bg-link {
	width: 6.5em;
	height: 100%;
	position: absolute;
	padding: 1em;
	top: 0;
	left: 0;
	background: #4b4f50;
  }
  
  @media only screen and (max-width: 47.99em) {
	.ae-bg-link {
	  width: 3.5em;
	  padding: .75em;
	}
  }
  
  .ae-bg-link .bg-icon {
	fill: #0899CC;
	width: 100%;
	height: 100%;
	transition: fill .1s ease-in-out;
  }
  
  .ae-bg-link:hover .bg-icon {
	fill: #09b3ee;
  }
  
  .ae-bg-link:active .bg-icon {
	fill: #0899CC;
	transform: scale(0.95);
  }
  
  .ae-download-btn-container {
	position: relative;
	display: flex;
	margin: 2em 0;
	background: #ECEFF1;
	padding: 2em;
  }
  
  @media only screen and (max-width: 47.99em) {
	.ae-download-btn-container {
	  flex-direction: column;
	  padding: 1.5em 1.5em 1em 1.5em;
	}
  }
  
  .ae-download-btn-container.icon-container {
	padding: 2em 2em 2em 7.5em;
  }
  
  @media only screen and (max-width: 55.99em) {
	.ae-download-btn-container.icon-container {
	  padding: 1em 1em 1em 7.5em;
	}
  }
  
  @media only screen and (max-width: 47.99em) {
	.ae-download-btn-container.icon-container {
	  padding-left: 4.5em;
	}
  }
  
  .ae-download-btn-wrap {
	display: flex;
	align-items: center;
  }
  
  @media only screen and (max-width: 55.99em) {
	.ae-download-btn-wrap {
	  flex-direction: column;
	  align-items: flex-start;
	}
  }
  
  @media only screen and (min-width: 48em) {
	.ae-download-btn {
	  margin-right: 1em;
	}
  }
  
  @media only screen and (max-width: 55.99em) {
	.ae-download-btn {
	  margin-bottom: .5em;
	}
  }
  
  .ae-download-meta {
	color: #7D7D82;
	font-size: 85%;
	display: inline-block;
  }
  
  .page-content .modul {
	padding: 0;
  }
  
  .page-content .modul-social-media-links-container {
	justify-content: flex-start;
  }
  
.page-content .modul-social-media-links-container a {
	border: none;
	margin: 0;
  }
  
  .page-content .modul-social-media-links-container a .icon {
	fill: #7D7D82;
	transition: fill .1s ease-in-out;
  }
  
  .page-content .modul-social-media-links-container a:hover {
	background: transparent;
  }
  
  .page-content .modul-social-media-links-container a:hover .icon {
	fill: #0899CC;
  }
  
  .page-content .modul-social-media-links-container a + a {
	margin-left: .5em;
  }
  
  /*To DO: Improve old css */
  /* UR Certification */
.ur_exam-area {
  margin-left: 175px;
  margin-top: 25px;
  margin-bottom: 25px;
  height: 200px;
}

.ur_exam-icon {
  float: left;
  margin-left: 100px;
  width:100px;
  height:130px;
  background-size: 100px 130px;
  background-repeat: no-repeat;
}

.ur_exam-text1 {
  padding-left: 108px;
  padding-top: 150px;
}

.ur_exam-text2 {
  padding-left: 40px;
}
/*
.ur_exam form {
  width: 600 px !important; 
  left-padding: 50px !important;
}
*/
.ur_exam fieldset {
  border: none;
}

.ur_exam h3 {
  padding-left: 50px !important;
}

.ur_exam ul {
  list-style:none;
  padding-left:130px;
  list-style-type: none;
}


.ur_exam li {
  font-size: 13px !important;
} 

.ur_exam-li {
  padding-left: 135px;
} 

.ur_exam img {
  padding-left: 170px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.ur_exam-img1 {
  padding-left: 250px !important;
}

.ur_exam-img2 {
  padding-left: 290px !important;
}

.ur_exam-submit {
  position: relative;
  height: 80px;
}

.ur_exam-submit button {
  position: absolute;
  width: 100px;
  height: 50px;
  top: 25px;
  left: 274px;
  background: transparent;
  color: #17a7d8;
  border: 1px solid #17a7d8;
  border-radius: 3px;
  cursor: pointer;
  transition: all ease 1.5s;
}

.ur_exam-submit button:hover/*,button:active*/ {
  outline: none;
  background: #17a7d8;
  color: white;
}

.post-like{
	width: 24px;
	height: 24px;
}

.post-like .icon.icon-heart, .post-like .icon.icon-heart2 {
    width: 100%;
    height: 100%;
}

/*like*/
.heart-like{
	width: 100%;
    height: 100%;
	 background: transparent url('../img/icons/icon-heart2.svg') no-repeat;
}

.heart-like:hover{
	 background: transparent url('../img/icons/icon-heart.svg') no-repeat;
}

/*unlike*/
.heart-unlike {
	width: 100%;
    height: 100%;
	background: transparent url('../img/icons/icon-heart.svg') no-repeat;
}
.heart-unlike:hover {
	background:  transparent url('../img/icons/icon-heart2.svg') no-repeat;
}

/*Help area - Kulturbanause*/
.help-post-meta__share-link {
	-webkit-appearance: none;
	display: inline-block;
	padding: .5em 1em;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	user-select: none;
	border: 1px solid;
	outline: none;
	background: transparent;
	cursor: pointer;
	transition: color .1s ease-in-out, background-color .1s ease-in-out;
  }
  
  .help-post-meta__share-link .icon {
	display: inline-flex;
	align-self: center;
	position: relative;
	height: 1em;
	width: 1em;
  }
  
  .help-post-meta__share-link:active {
	transform: scale(0.99);
  }
  
  .help-post-meta__share-link {
	background-color: white;
	color: #0899CC;
	border-color: #0899CC;
  }
  
  .help-post-meta__share-link .icon {
	fill: #0899CC;
  }
  
  .help-post-meta__share-link .icon-rss {
	fill: #ff6600;
  }
  
  .help-post-meta__share-link:hover {
	background-color: #f2f4f5;
  }
  
  .help-post-meta__share-link:hover:active {
	background-color: #e6eaed;
  }
  
  .help-post-meta__share-link:active, .help-post-meta__share-link:focus {
	background-color: #e6eaed;
  }
  
  .open-state {
	display: none;
  }
  
  .active .open-state {
	display: block;
  }
  
  .active .closed-state {
	display: none;
  }
  
  
  .help-cat-teaser__title-link, .help-cat-teaser__link, .help-post-teaser__title-link, .help-post-teaser__tag, .help-post-teaser__link, .help-relatet-teaser__title-link, .help-relatet-teaser__link, .relatet-teaser__title-link, .relatet-teaser__tag, .relatet-teaser__link, .archive-link, .help-post-meta__tag, .archive-teaser__title-link, .archive-teaser__link {
	color: #0899CC;
	text-decoration: none;
	border-bottom: 1px solid transparent;
  }
  
  .preview-box-title.help-cat-teaser__title-link, .preview-box-title.help-cat-teaser__link, .preview-box-title.help-post-teaser__title-link, .preview-box-title.help-post-teaser__tag, .preview-box-title.help-post-teaser__link, .preview-box-title.help-relatet-teaser__title-link, .preview-box-title.help-relatet-teaser__link, .preview-box-title.relatet-teaser__title-link, .preview-box-title.relatet-teaser__tag, .preview-box-title.relatet-teaser__link, .preview-box-title.archive-link, .preview-box-title.help-post-meta__tag, .preview-box-title.archive-teaser__title-link, .preview-box-title.archive-teaser__link {
	line-height: 1;
	margin: 0;
  }
  
  .no-touch .glow.help-cat-teaser__title-link:hover, .no-touch .glow.help-cat-teaser__link:hover, .no-touch .glow.help-post-teaser__title-link:hover, .no-touch .glow.help-post-teaser__tag:hover, .no-touch .glow.help-post-teaser__link:hover, .no-touch .glow.help-relatet-teaser__title-link:hover, .no-touch .glow.help-relatet-teaser__link:hover, .no-touch .glow.relatet-teaser__title-link:hover, .no-touch .glow.relatet-teaser__tag:hover, .no-touch .glow.relatet-teaser__link:hover, .no-touch .glow.archive-link:hover, .no-touch .glow.help-post-meta__tag:hover, .no-touch .glow.archive-teaser__title-link:hover, .no-touch .glow.archive-teaser__link:hover {
	color: #09abe5;
  }
  
  .no-touch .glow.help-cat-teaser__title-link:active, .no-touch .glow.help-cat-teaser__link:active, .no-touch .glow.help-post-teaser__title-link:active, .no-touch .glow.help-post-teaser__tag:active, .no-touch .glow.help-post-teaser__link:active, .no-touch .glow.help-relatet-teaser__title-link:active, .no-touch .glow.help-relatet-teaser__link:active, .no-touch .glow.relatet-teaser__title-link:active, .no-touch .glow.relatet-teaser__tag:active, .no-touch .glow.relatet-teaser__link:active, .no-touch .glow.archive-link:active, .no-touch .glow.help-post-meta__tag:active, .no-touch .glow.archive-teaser__title-link:active, .no-touch .glow.archive-teaser__link:active, .no-touch .glow.help-cat-teaser__title-link:focus, .no-touch .glow.help-cat-teaser__link:focus, .no-touch .glow.help-post-teaser__title-link:focus, .no-touch .glow.help-post-teaser__tag:focus, .no-touch .glow.help-post-teaser__link:focus, .no-touch .glow.help-relatet-teaser__title-link:focus, .no-touch .glow.help-relatet-teaser__link:focus, .no-touch .glow.relatet-teaser__title-link:focus, .no-touch .glow.relatet-teaser__tag:focus, .no-touch .glow.relatet-teaser__link:focus, .no-touch .glow.archive-link:focus, .no-touch .glow.help-post-meta__tag:focus, .no-touch .glow.archive-teaser__title-link:focus, .no-touch .glow.archive-teaser__link:focus {
	color: #11baf6;
  }
  
  .active.glow.help-cat-teaser__title-link, .active.glow.help-cat-teaser__link, .active.glow.help-post-teaser__title-link, .active.glow.help-post-teaser__tag, .active.glow.help-post-teaser__link, .active.glow.help-relatet-teaser__title-link, .active.glow.help-relatet-teaser__link, .active.glow.relatet-teaser__title-link, .active.glow.relatet-teaser__tag, .active.glow.relatet-teaser__link, .active.glow.archive-link, .active.glow.help-post-meta__tag, .active.glow.archive-teaser__title-link, .active.glow.archive-teaser__link {
	color: #09abe5;
  }
  
  .no-touch .help-cat-teaser__title-link:hover, .no-touch .help-cat-teaser__link:hover, .no-touch .help-post-teaser__title-link:hover, .no-touch .help-post-teaser__tag:hover, .no-touch .help-post-teaser__link:hover, .no-touch .help-relatet-teaser__title-link:hover, .no-touch .help-relatet-teaser__link:hover, .no-touch .relatet-teaser__title-link:hover, .no-touch .relatet-teaser__tag:hover, .no-touch .relatet-teaser__link:hover, .no-touch .archive-link:hover, .no-touch .help-post-meta__tag:hover, .no-touch .archive-teaser__title-link:hover, .no-touch .archive-teaser__link:hover {
	border-color: #0899CC;
  }
  
  .no-touch .help-cat-teaser__title-link:active, .no-touch .help-cat-teaser__link:active, .no-touch .help-post-teaser__title-link:active, .no-touch .help-post-teaser__tag:active, .no-touch .help-post-teaser__link:active, .no-touch .help-relatet-teaser__title-link:active, .no-touch .help-relatet-teaser__link:active, .no-touch .relatet-teaser__title-link:active, .no-touch .relatet-teaser__tag:active, .no-touch .relatet-teaser__link:active, .no-touch .archive-link:active, .no-touch .help-post-meta__tag:active, .no-touch .archive-teaser__title-link:active, .no-touch .archive-teaser__link:active, .no-touch .help-cat-teaser__title-link:focus, .no-touch .help-cat-teaser__link:focus, .no-touch .help-post-teaser__title-link:focus, .no-touch .help-post-teaser__tag:focus, .no-touch .help-post-teaser__link:focus, .no-touch .help-relatet-teaser__title-link:focus, .no-touch .help-relatet-teaser__link:focus, .no-touch .relatet-teaser__title-link:focus, .no-touch .relatet-teaser__tag:focus, .no-touch .relatet-teaser__link:focus, .no-touch .archive-link:focus, .no-touch .help-post-meta__tag:focus, .no-touch .archive-teaser__title-link:focus, .no-touch .archive-teaser__link:focus {
	border-color: #0899CC;
  }
  
  .active.help-cat-teaser__title-link, .active.help-cat-teaser__link, .active.help-post-teaser__title-link, .active.help-post-teaser__tag, .active.help-post-teaser__link, .active.help-relatet-teaser__title-link, .active.help-relatet-teaser__link, .active.relatet-teaser__title-link, .active.relatet-teaser__tag, .active.relatet-teaser__link, .active.archive-link, .active.help-post-meta__tag, .active.archive-teaser__title-link, .active.archive-teaser__link {
	border-color: #0899CC;
  }
  
  @media only screen and (min-width: 48em) {
	.help-content {
	  padding-left: 2em;
	  padding-right: 2em;
	}
  }
  
  .help-cat-teaser {
	flex: 0 1 auto;
	display: flex;
	align-items: flex-start;
  }
  
  @media only screen and (min-width: 48em) {
	.help-cat-teaser-container {
	  padding-top: 1em;
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
  }
  
  @media only screen and (min-width: 48em) {
	.help-cat-teaser {
	  width: calc(50% - 2em);
	}
  }
  
  .help-cat-teaser__icon {
	width: 2em;
	height: 2em;
	flex-shrink: 0;
	color: #0899CC;
	margin-right: 1em;
	transition: .2s ease-in-out;
  }
  
  @media only screen and (min-width: 48em) {
	.help-cat-teaser__icon {
	  width: 3em;
	  height: 3em;
	}
  }
  
  .help-cat-teaser__icon-link:hover .help-cat-teaser__icon, .help-cat-teaser__icon-link:focus .help-cat-teaser__icon {
	transform: scale(1.1);
  }
  
  .help-cat-teaser__icon-link:active .help-cat-teaser__icon {
	transform: scale(1);
  }
  
  .help-cat-teaser__content {
	flex: 0 1 auto;
	margin-bottom: 4em;
  }
  
  .help-cat-teaser__title {
	color: #0899CC;
	margin-bottom: .5em;
  }
  
  .help-cat-teaser__link {
	display: inline-block;
	margin-top: 1em;
  }
  
  @media only screen and (min-width: 48em) {
	.no-js .help-post-teaser-container {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
  }
  
  @media screen and (min-width: 23.4375em) and (max-width: 47.9375em) {
	.no-js .help-post-teaser {
	  display: flex;
	  align-items: flex-start;
	  margin-bottom: 2em;
	}
	.no-js .help-post-teaser__img-link {
	  width: 33.33333%;
	  flex-shrink: 0;
	  margin-right: 1em;
	  margin-bottom: 0;
	}
	.no-js .help-post-teaser__img-link:hover img, .no-js .help-post-teaser__img-link:focus img, .no-js .help-post-teaser__img-link:active img {
	  opacity: .75;
	}
	.no-js .help-post-teaser__content {
	  flex: 0 1 auto;
	  margin-bottom: 0;
	}
  }
  
  @media only screen and (min-width: 48em) and (max-width: 55.99em) {
	.no-js .help-post-teaser {
	  width: calc(50% - .5em);
	}
  }
  
  @media only screen and (min-width: 56em) and (max-width: 68.74em) {
	.no-js .help-post-teaser {
	  width: calc(33.33333% - 1.25em);
	}
  }
  
  @media only screen and (min-width: 68.75em) {
	.no-js .help-post-teaser {
	  width: calc(25% - 1.5em);
	}
  }
  
  @media screen and (min-width: 375px) {
	.js .help-slider {
	  padding: 1em 2em 0 2em;
	}
  }
  
  @media screen and (min-width: 540px) {
	.js .help-slider {
	  padding: 1em 3em 0 3em;
	}
  }
  
  .js .help-slider .slick-prev,
  .js .help-slider .slick-next {
	opacity: 1;
  }
  
  .js .help-slider .slick-disabled {
	opacity: .5;
	pointer-events: none;
  }
  
  @media screen and (max-width: 539px) {
	.js .help-slider .slick-list {
	  padding: 0 1em 0 0;
	}
  }
  
  .help-post-teaser {
	margin-right: 1em;
  }
  
  @media screen and (min-width: 375px) {
	.help-post-teaser {
	  margin: 0 1em;
	}
  }
  
  .help-post-teaser__img {
	width: 100%;
  }
  
  .help-post-teaser__img-link {
	position: relative;
	display: block;
	margin-bottom: 1em;
  }
  
  .help-post-teaser__img-link:hover img, .help-post-teaser__img-link:focus img, .help-post-teaser__img-link:active img {
	opacity: .75;
  }
  
  .help-post-teaser__video-time {
	font-size: 85%;
	position: absolute;
	bottom: .5em;
	right: .5em;
	background: rgba(125, 125, 130, 0.75);
	padding: .125em .25em;
	color: white;
  }
  
  .help-post-teaser__content {
	margin-bottom: 3em;
  }
  
  .help-post-teaser__title {
	color: #0899CC;
	margin-bottom: .5em;
  }
  
  .help-post-teaser__tag-container {
	font-size: 85%;
	margin-top: 1em;
  }
  
  .help-post-teaser__tag:before {
	content: '#';
  }
  
  .help-post-teaser__link {
	display: inline-block;
	margin-top: 1em;
  }
  
  @media screen and (min-width: 375px) {
	.help-relatet-teaser-container {
	  padding: 1em 0;
	}
  }
  
  .help-relatet-teaser__img {
	width: 100%;
  }
  
  .help-relatet-teaser__img-link {
	display: block;
	margin-bottom: 1em;
  }
  
  .help-relatet-teaser__img-link:hover img, .help-relatet-teaser__img-link:focus img, .help-relatet-teaser__img-link:active img {
	opacity: .75;
  }
  
  .help-relatet-teaser__content {
	margin-bottom: 3em;
  }
  
  .help-relatet-teaser__title {
	color: #0899CC;
	margin-bottom: .5em;
  }
  
  .help-relatet-teaser__meta {
	font-size: 85%;
	margin-top: .5em;
  }
  
  .help-relatet-teaser__meta .views,
  .help-relatet-teaser__meta .comments {
	display: inline-flex;
	align-items: flex-end;
	color: #7D7D82;
  }
  
  .help-relatet-teaser__meta .comments {
	margin-left: .75em;
  }
  
  .help-relatet-teaser__meta .icon {
	fill: #7D7D82;
	width: 1.5em;
	height: 1.5em;
	margin-right: .25em;
  }
  
  .help-relatet-teaser__link {
	display: inline-block;
	margin-top: 1em;
  }
  
  @media screen and (min-width: 23.4375em) {
	.help-relatet-teaser {
	  display: flex;
	  align-items: flex-start;
	  margin-bottom: 2em;
	}
	.help-relatet-teaser__img-link {
	  width: 33.33333%;
	  max-width: 274px;
	  flex-shrink: 0;
	  margin-right: 1em;
	  margin-bottom: 0;
	}
	.help-relatet-teaser__content {
	  flex: 0 1 auto;
	  margin-bottom: 0;
	}
  }
  
  video {
	width: 100%;
	max-width: 100%;
	height: auto;
  }
  
  .relatet-teaser {
	font-size: 85%;
  }
  
  .relatet-teaser-container {
	padding: 1em;
  }
  
  @media only screen and (min-width: 48em) {
	.relatet-teaser-container {
	  padding: 2em 1em;
	}
  }
  
  .relatet-teaser__img {
	width: 100%;
  }
  
  .relatet-teaser__img-link {
	position: relative;
	display: block;
	margin-bottom: 1em;
  }
  
  .relatet-teaser__img-link:hover img, .relatet-teaser__img-link:focus img, .relatet-teaser__img-link:active img {
	opacity: .75;
  }
  
  .relatet-teaser__video-time {
	font-size: 85%;
	position: absolute;
	bottom: .5em;
	right: .5em;
	background: rgba(125, 125, 130, 0.75);
	padding: .125em .25em;
	color: white;
  }
  
  .relatet-teaser__content {
	margin-bottom: 3em;
	color: #7D7D82;
  }
  
  .relatet-teaser__title {
	color: #0899CC;
	margin-bottom: .5em;
  }
  
  .relatet-teaser__tag-container {
	font-size: 85%;
	margin-top: 1em;
  }
  
  .relatet-teaser__tag:before {
	content: '#';
  }
  
  .relatet-teaser__link {
	display: inline-block;
	margin-top: 1em;
  }
  
  @media screen and (min-width: 23.4375em) and (max-width: 47.9375em) {
	.relatet-teaser {
	  display: flex;
	  align-items: flex-start;
	  margin-bottom: 2em;
	}
	.relatet-teaser__img-link {
	  width: 33.33333%;
	  flex-shrink: 0;
	  margin-right: 1em;
	  margin-bottom: 0;
	}
	.relatet-teaser__img-link:hover img, .relatet-teaser__img-link:focus img, .relatet-teaser__img-link:active img {
	  opacity: .75;
	}
	.relatet-teaser__content {
	  flex: 0 1 auto;
	  margin-bottom: 0;
	}
  }
  
  .archive-link-container {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .help-post-meta {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -1em 0 -1em;
	padding-bottom: .5em;
	color: #7D7D82;
  }
  
  .help-post-meta:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
  }
  
  .help-post-meta__tags-container, .help-post-meta__share-container, .help-post-meta__like-container {
	margin: 1em;
  }
  
  .help-post-meta__headline {
	margin: .25em .5em .25em 0;
  }
  
  .help-post-meta__tags-container, .help-post-meta__share-container, .help-post-meta__like-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
  }
  
  .help-post-meta__like-btn {
	border: 0;
	padding: 0;
	margin-right: 1em;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
  }
  
  .help-post-meta__like-btn .icon-heart {
	width: 1.25em;
	height: 1.25em;
	fill: #7D7D82;
	transition: .15s ease;
  }
  
  .help-post-meta__like-btn:hover .icon {
	transform: scale(1.05);
  }
  
  .help-post-meta__like-btn.liked .icon {
	fill: #0899CC;
  }
  
  .help-post-meta__like-btn:active .icon {
	transition: none;
	transform: scale(0.95);
  }
  
  .help-post-meta__views {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
  }
  
  .help-post-meta__views .icon-views {
	fill: #0899CC;
	width: 1.625em;
	height: 1.625em;
	transform: translateY(-2px);
  }
  
  .help-post-meta__tag:before {
	content: '#';
  }
  
  .help-post-meta__share-tags-wrap {
	flex: 0 1 auto;
  }
  
  .help-post-meta__share-link-wrap {
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: -.25em -.25em -.25em 0;
  }
  
  .help-post-meta__share-link {
	margin: .25em .25em .25em 0;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
  }
  
  .help-post-meta__share-link .icon-facebook,
  .help-post-meta__share-link .icon-twitter {
	width: 1.25em;
	height: 1.25em;
	margin: -.125em 0;
  }
  
  .help-post-meta__share-link .icon-facebook {
	margin: -.125em 0 -.125em -.25em;
  }
  
  .help-post-meta__share-link .icon-mail {
	width: 2em;
	height: 2em;
	margin: -.5em 0 -.5em -.25em;
  }
  
  @media only screen and (min-width: 48em) {
	.archive-teaser-container {
	  margin: 0 -1em;
	  display: flex;
	  flex-wrap: wrap;
	}
  }
  
  @media screen and (min-width: 23.4375em) and (max-width: 47.9375em) {
	.archive-teaser {
	  display: flex;
	  align-items: flex-start;
	  margin-bottom: 2em;
	}
	.archive-teaser__img-link {
	  width: 33.33333%;
	  flex-shrink: 0;
	  margin-right: 1em;
	  margin-bottom: 0;
	}
	.archive-teaser__img-link:hover img, .archive-teaser__img-link:focus img, .archive-teaser__img-link:active img {
	  opacity: .75;
	}
	.archive-teaser__content {
	  flex: 0 1 auto;
	  margin-bottom: 0;
	}
  }
  
  @media only screen and (min-width: 48em) {
	.archive-teaser {
	  margin: 1em;
	}
  }
  
  @media only screen and (min-width: 48em) and (max-width: 55.99em) {
	.archive-teaser {
	  width: calc(50% - 2em);
	}
  }
  
  @media only screen and (min-width: 56em) and (max-width: 68.74em) {
	.archive-teaser {
	  width: calc(33.33333% - 2em);
	}
  }
  
  @media only screen and (min-width: 68.75em) {
	.archive-teaser {
	  width: calc(25% - 2em);
	}
  }
  
  .archive-teaser__img {
	width: 100%;
  }
  
  .archive-teaser__img-link {
	display: block;
	margin-bottom: 1em;
  }
  
  .archive-teaser__img-link:hover img, .archive-teaser__img-link:focus img, .archive-teaser__img-link:active img {
	opacity: .75;
  }
  
  .archive-teaser__content {
	margin-bottom: 3em;
  }
  
  .archive-teaser__title {
	color: #0899CC;
	margin-bottom: .5em;
  }
  
  .archive-teaser__link {
	display: inline-block;
	margin-top: 1em;
  }
  
/* ARIS Express Help Styling */
.node-help .page-entry .emphases {
  font-weight: 700;
}

.node-help .page-entry .sub-heading1 {
  font-weight: 300;
  font-size: 1.3rem;
  margin: 25px 0px 5px 0px; 
}

.node-help .page-entry .sub-heading2 {
  font-weight: 300;
  font-size: 1.1rem;
  margin: 20px 0px 5px 0px;
}

.node-help .page-entry .sub-heading1 + .node-help .page-entry .sub-heading2 {
  margin-top: 0px;
}

.node-help .page-entry .conditionheading, .node-help .page-entry .exampleheading, .node-help .page-entry .noteheading, .node-help .page-entry .procedureheading, .node-help .page-entry .scenarioheading, .node-help .page-entry .tipheading, .node-help .page-entry .relatedheading {
  font-weight: 500;
  font-size: 1rem;
  color: #666666;
  margin-top: 1em;
  margin-bottom: .25em;
  padding: 0;
}

.node-help .page-entry .controlsheading {
  font-weight: 500;
  margin-top: 1.25em;
  margin-bottom: .25em;
  padding: 0;
}

.node-help .page-entry .relateditem {
  margin-bottom: 0;
}

.node-help .page-entry .warningheading, .node-help .page-entry .warningheadingprocedure1continue {
  font-weight: 700;
  color: #000000 !important;
  background-color: #FF801F;
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 5px 10px;
}

.node-help .page-entry .warningtext, .node-help .page-entry .warningtextprocedure1continoue {
  font-weight: 400;
  font-size: 1rem;
  color: #000000 !important;
  background-color: #FF801F;
  margin-bottom: 5px;
  padding: 5px 5px 10px 10px;
}

.node-help .page-entry .procedure1 {
  list-style-type: decimal;
  list-style-position: outside;
  line-height: 1.5;
}

.node-help .page-entry .procedure2 {
  list-style-type: lower-alpha;
  list-style-position: outside;
  line-height: 1.5;
}

.node-help .page-entry .procedure3 {
  list-style-type: decimal;
  list-style-position: outside;
  line-height: 1.5;
}

.node-help .page-entry .procedure1continue, .node-help .page-entry .procedure2continue, .node-help .page-entry .procedure3continue {	
  font-weight: 400;
	margin: 5px 0px;
}

.node-help .page-entry img {
  display: inline;
}

.node-help .page-entry .help-breadcrump {
  margin-bottom: 1em;
}

.node-help .page-entry h1 {
  margin-bottom: .5em;
}

.node-help .page-entry li, .node-help .page-entry ul, .node-help .page-entry ol {
  line-height: 1.5;
  margin: 5px 0px;
}

.node-help .page-entry h2, .node-6249 h2 {             /* ARIS Express Glossary */
  margin-bottom: .4em;
  margin-top: 1em;
}

.node-6249 p {              /* ARIS Express Glossary */
  margin-bottom: 0;
}

.know-how__select-version-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin: 0 1em 1.5em 1em;
}

.know-how__further-topics-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin: 2em 1em 1.5em 1em;
}

.know-how__container-seperator {
  width: 100%;
  height: .5em;
  border-bottom: 1px solid black;
  text-align: center;
}

.know-how__container-seperator-text {
  background-color: #8c8c8c;
  color: white;
  font-size: .9em;
  border-radius: 5px;
  padding: .5em 1.5em;
}

.know-how__select-option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em;
  text-align: center;
  text-decoration: none;
  background-color: #CDE6F9;
}

@media only screen and (min-width: 48em) {
	.know-how__select-option {
		width: 32%;
	}
}

@media only screen and (max-width: 47.99em) {
	.know-how__select-option {
		width: 100%;
    margin-bottom: .5em;
	}
}

.know-how__select-option:hover {
  opacity: .8;
}

.know-how__select-version-container .know-how__select-option {
  color: white;  
}

.know-how__further-topics-container .know-how__select-option {
  color: #626262;
}

.know-how__select-option-icon {
  padding: 1em;
  width: 50%;
  height: 50%;
  margin: 1em auto 1em auto;
}

.know-how__select-advanced .know-how__select-option-icon {
  width: 65%;
}

.know-how__select-enterprise .know-how__select-option-icon {
  width: 75%;
}

.know-how__select-option-title {
  font-size: 1.7em;
  font-weight: bold;
}

.know-how__select-elements {
  background-color: #0070C0;
}

.know-how__select-advanced {
  background-color: #0C6A64;
}

.know-how__select-enterprise {
  background-color: #4D4D4D;
}

.know-how__select-version-container .know-how__select-option-icon {
  fill: #ffffff;
}

.know-how__further-topics-container .know-how__select-option-icon {
  fill: #626262;
  stroke: #626262;
}

.know-how__further-topics-container .know-how__select-option-icon#aris-hacks {
  fill: none;
  stroke-width: 2.5px;
}

.know-how__archive-button-container {
  text-decoration: none;
}

.know-how__archive-button {
  color: #0899CC;
  margin: 1em 1em 0 1em;
  border: 1px solid #09abe5;
  padding: .5em;
  background-color: white;
  text-align: center;
}

.know-how__archive-button:hover, .know-how__archive-button:active, .know-how__archive-button:focus, .know-how__archive-button:hover:active, .know-how__archive-button:focus:active, .know-how__archive-button:hover:active:focus, .know-how__archive-button:hover:focus {
    background-color: #f2f4f5;
}

.know-how__faq-question {
  background-color: #ECEFF1;
  color: #0899CC;
  cursor: pointer;
  padding: 1em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.25em;
  border-radius: 25px;
  transition: 0.4s;
}

.know-how__faq-active, .know-how__faq-question:hover {
  background-color: #DBE3E5;
}

.know-how__faq-question:after {
  content: '\002B';
  color: #0899CC;;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.know-how__faq-active:after {
  content: "\2212";
}

.know-how__faq-answer {
  padding: 0 1em;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 1em;
}

.know-how__faq-answer p {
  padding: 1em 0;
}

.know-how__faq-cat h2 {
  /* color: #0899CC; */
  padding: 0 .5em .75em .5em;
}

.know-how__faq-cat {
  margin-bottom: 2em;
}

.know-how__faq-overview {
    display: flex;
    justify-content: space-between;
    margin: 0 .5em 2em .5em;
}

.know-how__faq-overview .blog-toolbar-button {
    width: 20%;
}


@media only screen and (max-width: 49em) {
  .know-how__faq-overview {
    flex-direction: column;
  }
  
  .know-how__faq-overview .blog-toolbar-button {
    width: 100%;
  }

}

.page-know-how .section-headline-container h2, .page-know-how .section-headline-container a {
  margin: auto .25em;
}

.page-know-how .section-headline-container {
  display: flex;
  justify-content: flex-start;
}

.know-how__aris-hack-teaser {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  padding: 1em;
  background-color: #CDE6F9;
  color: #666;
}

.know-how__aris-hack-teaser-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.know-how__aris-hack-contact {
  -webkit-appearance: none;
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  border: 1px solid;
  outline: none;
  background: transparent;
  cursor: pointer;
  transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

.know-how__aris-hack-contact .icon {
  display: inline-flex;
  align-self: center;
  position: relative;
  height: 1em;
  width: 1em;
}

.know-how__aris-hack-contact:active {
  transform: scale(0.99);
}

.know-how__aris-hack-contact {
  background: #0899CC;
  color: white;
  border-color: #0899CC;
}

.know-how__aris-hack-contact .icon {
  fill: white;
  vertical-align: top;
  margin-right: -0.125rem;
}

.know-how__aris-hack-contact:hover, .know-how__aris-hack-contact:active, .know-how__aris-hack-contact:focus {
  background: #11baf6;
  border-color: #11baf6;
}

@media (max-width: 48em) {
  .know-how__aris-hack-teaser {
    margin-bottom: 2em;
  }
}

@media (max-width: 29.9375em) {
  .know-how__aris-hack-teaser-body {
    display: block;
  }
  
  .know-how__aris-hack-contact {
    width: 100%;
    text-align: left;
    display: inline-flex;
    margin: 1em 0 0 auto;
  }
  
  .know-how__aris-hack-contact .icon {
    margin-left: auto;
  }
}

.know-how__vimeo-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.know-how__vimeo-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*----------------------*/
/*	 Partner area
/*----------------------*/
.page-content .partner-teaser__learn-more, 
.whats-new__more, 
.partner-assets__more--primary, 
.partner-assets__more--secondary, 
.partner-promoted-asset__download {
  -webkit-appearance: none;
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  border: 1px solid;
  outline: none;
  background: transparent;
  cursor: pointer;
  transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

.page-content .partner-teaser__learn-more .icon,
.whats-new__more .icon,
.partner-assets__more--primary .icon,
.partner-assets__more--secondary .icon,
.partner-promoted-asset__download .icon {
  display: inline-flex;
  align-self: center;
  position: relative;
  height: 1em;
  width: 1em;
}

.touch .page-content .partner-teaser__learn-more:active, 
.page-content .touch .partner-teaser__learn-more:active, 
.touch .whats-new__more:active, 
.touch .partner-assets__more--primary:active, 
.touch .partner-assets__more--secondary:active, 
.touch .partner-promoted-asset__download:active {
  transform: scale(0.99);
}

.whats-new__more, 
.partner-assets__more--secondary {
  background: none;
  color: #0899CC;
  border-color: #0899CC;
}

.whats-new__more .icon, 
.partner-assets__more--secondary .icon {
  fill: #0899CC;
}

.whats-new__more:hover, 
.partner-assets__more--secondary:hover {
  border-color: #09abe5;
  color: #09abe5;
}

.whats-new__more:hover:active, 
.partner-assets__more--secondary:hover:active {
  border-color: #11baf6;
  color: #11baf6;
}

.whats-new__more:active, 
.partner-assets__more--secondary:active, 
.whats-new__more:focus, 
.partner-assets__more--secondary:focus {
  border-color: #09abe5;
  color: #09abe5;
}

.page-content .partner-teaser__learn-more {
  background: #0899CC;
  color: white;
  border-color: #0899CC;
}

.page-content .partner-teaser__learn-more .icon {
  fill: white;
  vertical-align: top;
  margin-right: -0.125rem;
}

.page-content .partner-teaser__learn-more:hover {
  background: #11baf6;
  border-color: #11baf6;
}

.page-content .partner-teaser__learn-more:hover:active {
  background: #2ac1f7;
  border-color: #2ac1f7;
}

.page-content .partner-teaser__learn-more:focus {
  background: #11baf6;
  border-color: #11baf6;
}

.page-content .partner-teaser__contact-mail, 
.quick-facts__url {
  color: #0899CC;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.content-list li a.preview-box-title, 
.page-content .preview-box-title.partner-teaser__contact-mail, 
.preview-box-title.quick-facts__url {
  line-height: 1;
  margin: 0;
}

.no-touch .page-content .partner-teaser__contact-mail:hover, 
.page-content .partner-teaser__contact-mail:hover, 
.no-touch .quick-facts__url:hover {
  color: #09abe5;
}

.no-touch .page-content .partner-teaser__contact-mail:active, 
.page-content .partner-teaser__contact-mail:active, 
.no-touch .quick-facts__url:active,
.no-touch .page-content .partner-teaser__contact-mail:focus, 
.page-content .partner-teaser__contact-mail:focus, 
.no-touch .quick-facts__url:focus {
  color: #11baf6;
}

.page-content .partner-teaser {
  padding: 1rem 1rem 1.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.page-content .partner-teaser.partner-teaser__become-partner {
  width: 100%;
  padding: .5rem 1.5rem 1.5rem 1.5rem;
  background-color: #CDE6F9;
  color: #666;
}

.page-content .partner-teaser__become-partner .partner-teaser__body {
  margin-top: 0;
}

.page-content .partner-teaser__body {
  margin-top: 1rem;
}

.page-content .partner-teaser__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 2rem;
  color: #7D7D82;
}

.page-content .partner-teaser__category {
  color: #0899CC;
  margin: .2rem 0 0 0;
}

.page-content .partner-teaser__logo-container {
  margin: 1.5rem 0 0 0;
}

.page-content .partner-teaser__logo-link {
  display: block;
  will-change: opacity;
  transition: opacity .15s ease;
}

.page-content .partner-teaser__logo-link:hover, 
.page-content .partner-teaser__logo-link:focus {
  opacity: .5;
}

.page-content .partner-teaser__logo-link:active {
  opacity: .9;
}

.page-content .partner-teaser__logo {
  width: auto;
  height: auto;
  max-width: 9.25rem;
  max-height: 4.5rem;
  margin-top: .25rem;
  margin-bottom: .5rem;
}

.page-content .partner-teaser__url {
  display: block;
  font-size: 0.8125rem;
  text-decoration: none;
  color: #7D7D82;
  margin: 1.0625rem 0 0 0;
}

.page-content .partner-teaser__country {
  font-size: 0.8125rem;
  text-transform: uppercase;
  margin: .25rem 0 0 0;
}

.page-content .partner-teaser__contact-label {
  font-family: 'Roboto-Bold';
  font-weight: normal;
  font-size: 0.8125rem;
  color: #7D7D82;
  margin: 0 0 1rem 0;
}

.page-content .partner-teaser__contact-name {
  margin: 0;
}

.page-content .partner-teaser__contact-position {
  font-size: 0.8125rem;
  color: #bebec1;
  margin: 0;
}

.page-content .partner-teaser__contact-mail {
  margin-top: .75rem;
  display: inline-block;
  outline: red;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.page-content .partner-teaser__learn-more {
  margin: 1rem 0 0 auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.page-content .partner-teaser__learn-more:active {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
  transform: translateY(1px);
}

@media (max-width: 29.9375em) {
  .page-content .partner-teaser__learn-more {
    width: 100%;
    text-align: left;
    display: inline-flex;
  }
  .page-content .partner-teaser__learn-more .icon {
    margin-left: auto;
  }
  .page-content .partner-teaser.partner-teaser__become-partner .partner-teaser__body {
    margin-top: 1rem;
  }
}

@media (max-width: 53.6875em) {
  .page-content .partner-teaser + .partner-teaser {
    margin-top: 2rem;
  }
}

@media (min-width: 30em) {
  .page-content .partner-teaser {
    display: flex;
    flex-direction: column;
  }
  .page-content .partner-teaser__header, 
  .page-content .partner-teaser__body {
    display: flex;
  }
  .page-content .partner-teaser__header {
    align-items: flex-start;
    margin-bottom: auto;
  }
  .page-content .partner-teaser__body {
    align-items: flex-end;
  }
  .page-content .partner-teaser__title-container {
    margin-right: 2rem;
  }
  .page-content .partner-teaser__contact {
    margin-right: 2rem;
  }
  .page-content .partner-teaser__logo-container {
    flex: 0 0 auto;
    width: 8.25rem;
    margin: 0 0 0 auto;
  }
  .page-content .partner-teaser__logo {
    max-width: 100%;
    max-height: 3rem;
  }
  .page-content .partner-teaser__learn-more {
    flex: 0 0 auto;
    margin-bottom: -.5rem;
  }
}

@media (min-width: 53.75em) {
  .partner-teaser-container {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem;
  }
  .page-content .partner-teaser {
    padding: 2rem 2rem 2.5rem;
    margin: 1rem;
    width: calc(50% - 2rem);
  }
}

.no-touch .page-content.page-content--partner-detail li a,
.no-touch .page-content.page-content--partner-detail p a,
.page-content.page-content--partner-detail li a,
.page-content.page-content--partner-detail p a {
  color: #0899CC;
  color: var(--highlight-color, #0899CC);
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
  transition: opacity .15s ease;
}

.no-touch .page-content.page-content--partner-detail li a:hover, .no-touch .page-content.page-content--partner-detail li a:focus,
.no-touch .page-content.page-content--partner-detail p a:hover,
.no-touch .page-content.page-content--partner-detail p a:focus,
.page-content.page-content--partner-detail li a:hover,
.page-content.page-content--partner-detail li a:focus,
.page-content.page-content--partner-detail p a:hover,
.page-content.page-content--partner-detail p a:focus {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
  opacity: .75;
}

.no-touch .page-content.page-content--partner-detail li a:active,
.no-touch .page-content.page-content--partner-detail p a:active,
.page-content.page-content--partner-detail li a:active,
.page-content.page-content--partner-detail p a:active {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
  opacity: .9;
}

.no-touch .page-content.page-content--partner-detail li a .icon,
.no-touch .page-content.page-content--partner-detail p a .icon,
.page-content.page-content--partner-detail li a .icon,
.page-content.page-content--partner-detail p a .icon {
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
}

.page-header-partner_area {
  background: transparent;
  background: var(--highlight-color, transparent);
}

@supports (mix-blend-mode: multiply) {
  .page-header-partner_area:before {
    filter: saturate(0);
    mix-blend-mode: multiply;
    opacity: .8;
  }
}

.page-header-partner_area .page-title {
  margin-bottom: 3rem;
}

@media (max-width: 47.99em) {
  .page-header-partner_area .header-icon {
    margin-bottom: 2em;
  }
}

@media (min-width: 48em) {
  .page-header-partner_area .header-icon {
    margin-bottom: 3em;
  }
}

.site-content--partner-detail {
  background: white;
}

.page-content--partner-detail {
  box-shadow: none;
  padding: 0;
}

.page-main--partner-detail > .region > .block > .content > *:nth-child(n+2) {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

@media (min-width: 64em) {
  .page-main--partner-detail > .region > .block > .content > *:nth-child(n+2) {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

.partner-about {
  margin: -2rem -1em 0 -1em;
  background: #ECEFF1;
  position: relative;
}

@media (min-width: 48em) {
  .partner-about {
    margin: -2rem 0 3.5rem 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 47.9375em) {
  .partner-about {
    border-bottom-right-radius: 2rem;
  }
}

@media (min-width: 48em) {
  .partner-about {
    display: flex;
  }
}

.partner-about__main {
  padding: 2rem 1rem 0;
}

@media (min-width: 31.25em) {
  .partner-about__main {
    padding: 2rem 2rem 0;
  }
}

@media (min-width: 48em) {
  .partner-about__main {
    width: 40%;
    padding: 2rem;
  }
}

.partner-about__image {
  display: block;
  width: calc(100% + 2rem);
  margin: 2rem -1rem -2rem -1rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 47.9375em) {
  .partner-about__image {
    padding-bottom: calc(56% + 2rem);
  }
}

@media (min-width: 31.25em) {
  .partner-about__image {
    width: calc(100% + 4rem);
    margin: 2rem -2rem -2rem -2rem;
  }
}

@media (min-width: 48em) {
  .partner-about__image {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: unset;
    width: 60%;
  }
}

.partner-about__description p + p {
  margin-top: 1rem;
}

.partner-about__logo {
  max-width: 8.875rem;
}

.page-content .partner-about__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.25rem;
  color: #7D7D82;
  margin-bottom: 1.5rem;
}

@media (min-width: 48em) {
  .partner-about__quick-facts {
    align-self: flex-end;
    margin: 2rem 2rem -3.5rem auto;
    opacity: 0;
    animation: quickFacts 1s ease forwards;
  }
}

@keyframes quickFacts {
  from {
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.quick-facts {
  position: relative;
  z-index: 1;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  padding: 1.75rem 1rem;
}

@media (min-width: 31.25em) {
  .quick-facts {
    padding: 2rem;
  }
}

.page-content .quick-facts__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.25rem;
  color: #7D7D82;
  margin-bottom: 1.5rem;
}

.quick-facts__list {
  padding: 0;
}

.quick-facts__list-item {
  color: #7D7D82;
}

.page-content ul:not(.menu) li.quick-facts__list-item {
  display: flex;
  align-items: center;
}

.page-content .quick-facts__list-item:not(.menu):before {
  display: none;
}

.quick-facts__list-item .icon {
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .5rem;
  transform: translateY(2px);
  flex: 0 0 auto;
}

@media (min-width: 48em) {
  .quick-facts__list-item {
    max-width: 19.375rem;
  }
}

.quick-facts__list-item + .quick-facts__list-item {
  margin-top: 1rem;
}

.quick-facts__list-item + .quick-facts__list-item--url {
  margin-top: 1.5rem;
}

.page-content ul li a.quick-facts__url {
  border: none;
}

.quick-facts__url .icon {
  fill: currentColor;
  width: 0.875rem;
  height: 0.875rem;
}

.whats-new__list {
  padding: 0;
}

.whats-new__list-item {
  background: #ECEFF1;
  width: 100%;
  padding: 1rem;
}

@media (min-width: 31.25em) {
  .whats-new__list-item {
    padding: 1.5rem 2rem;
  }
}

.page-content ul li.whats-new__list-item:not(.menu):before {
  display: none;
}

@media (min-width: 42.5em) {
  .page-content ul li.whats-new__list-item:not(.menu) {
    display: flex;
    align-items: center;
  }
}

.whats-new__list-item:first-child {
  border-top-left-radius: 2rem;
}

.whats-new__list-item:last-child {
  border-bottom-right-radius: 2rem;
}

.whats-new__list-item + .whats-new__list-item {
  margin-top: 4px;
}

.whats-new__list-item-title-container {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

@media (min-width: 42.5em) {
  .whats-new__list-item-title-container {
    margin: 0 2rem 0 0;
  }
}

.page-content .whats-new__list-item-title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.125rem;
  color: #7D7D82;
  margin: 0;
}

.whats-new__icon {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
  margin-right: 1rem;
}

@media (min-width: 30em) {
  .whats-new__icon {
    width: 3rem;
    height: 3rem;
  }
}

.whats-new__more-container {
  display: flex;
  margin: auto 0 auto auto;
}

.whats-new__more {
  flex: 0 0 auto;
  margin: auto 0 auto auto;
}

.whats-new__more:hover, .whats-new__more:focus, .whats-new__more:active {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
}

.whats-new__more .icon {
  vertical-align: top;
}

@media (max-width: 42.4375em) {
  .whats-new__list-item:last-child .whats-new__more {
    border-bottom-right-radius: 1rem;
  }
}

.page-content .partner-products__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.75rem;
  color: #7D7D82;
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 43rem;
}

@media (min-width: 48em) {
  .page-content .partner-products__title {
    margin: 0 auto 3rem auto;
  }
}

.partner-products__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.partner-products__container.slick-slider {
  display: block;
}

.partner-products__item {
  width: 100%;
  text-align: center;
  padding: 2rem;
  width: 100%;
}

.page-content ul li.partner-products__item:not(.menu):before {
  display: none;
}

@media (min-width: 31.25em) {
  .partner-products__item:nth-last-child(2):first-child,
  .partner-products__item:nth-last-child(2):first-child ~ .partner-products__item {
    width: 33.33333%;
  }
  .partner-products__item:nth-last-child(3):first-child {
    width: 100%;
  }
  .partner-products__item:nth-last-child(3):first-child ~ .partner-products__item {
    width: 50%;
  }
}

@media (min-width: 48em) {
  .partner-products__item:nth-last-child(3):first-child,
  .partner-products__item:nth-last-child(3):first-child ~ .partner-products__item {
    width: 33.33333%;
  }
}

.partner-products__item + .partner-products__item {
  margin-top: 0;
}

.partner-product {
  outline: none;
}

.partner-product:focus {
  outline: none;
}

.page-content ul li a.partner-product {
  display: inline-block;
  border: none;
}

.partner-product__icon {
  flex: 0 0 auto;
  width: 6rem;
  height: 6rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.partner-products__item svg {
  flex: 0 0 auto;
  width: 6rem;
  height: 6rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.page-content .partner-product__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1rem;
  color: #7D7D82;
  text-align: center;
}

.partner-products-slider .slick-prev,
.partner-products-slider .slick-next {
  opacity: 1;
  transition: background-color .15s ease;
}

.partner-products-slider .slick-prev,
.partner-products-slider .slick-next {
  background-position: center;
  background-repeat: no-repeat;
}

.partner-products-slider .slick-prev:hover,
.partner-products-slider .slick-next:hover {
  background-color: #0899CC;
  background-color: var(--highlight-color, #0899CC);
}

.partner-products-slider .slick-prev:hover:active,
.partner-products-slider .slick-next:hover:active {
  background-color: #0899CC;
  background-color: var(--highlight-color, #0899CC);
}

.partner-products-slider .slick-prev:active,
.partner-products-slider .slick-next:active {
  opacity: .9;
}

.partner-products-slider .slick-prev {
  left: 0;
  background-image: url(img/_source/icons/icon-arrow-left.svg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='19.4 10 11.1 19 19.4 28 21.1 26.2 14.4 19 21.1 11.8 19.4 10' fill='%23ECEFF1'/%3E%3C/svg%3E");
}

.partner-products-slider .slick-next {
  right: 0;
  background-image: url(img/_source/icons/icon-arrow-right.svg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='12.8 28 21.1 19 12.8 10 11.1 11.8 17.8 19 11.1 26.2 12.8 28' fill='%23ECEFF1'/%3E%3C/svg%3E");
}

.partner-assets-container {
  background: #ECEFF1;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 48em) {
  .partner-assets-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 64em) {
  .partner-assets-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.page-content .partner-assets__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.75rem;
  color: #7D7D82;
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 43rem;
}

@media (min-width: 48em) {
  .page-content .partner-assets__title {
    margin: 0 auto 3rem auto;
  }
}

.partner-assets__list {
  padding: 0;
}

.partner-assets__list-item {
  background: #fff;
  padding: 1rem 1rem 1.5rem 1rem;
}

@media (min-width: 31.25em) {
  .partner-assets__list-item {
    padding: 2rem 2rem 2.5rem 2rem;
  }
}

.page-content ul li.partner-assets__list-item:not(.menu) {
  display: block;
}

.page-content ul li.partner-assets__list-item:not(.menu):before {
  display: none;
}

@media (min-width: 48em) {
  .page-content ul li.partner-assets__list-item:not(.menu) {
    display: flex;
    align-items: flex-end;
  }
}

.partner-assets__list-item + .partner-assets__list-item {
  margin-top: 1rem;
}

@media (min-width: 48em) {
  .partner-assets__list-item + .partner-assets__list-item {
    margin-top: 2rem;
  }
}

.partner-assets__list-item-title-container {
  min-width: 1px;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .partner-assets__list-item-title-container {
    margin: 0 2rem 0 0;
  }
}

.page-content .partner-assets__list-item-title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.125rem;
  color: #7D7D82;
  margin: 0 0 .75em 0;
}

.page-content .partner-assets__list-item-subtitle {
  font-family: 'Roboto-Regular';
  font-weight: normal;
  font-size: 0.875rem;
  color: #0899CC;
  color: var(--highlight-color, #0899CC);
  margin: 0 0 .75em;
}

.partner-assets__list-item-description {
  font-size: 0.875rem;
}

.partner-assets__icon {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
  margin-right: 1rem;
}

@media (min-width: 30em) {
  .partner-assets__icon {
    width: 4rem;
    height: 4rem;
  }
}

.partner-assets__more-container {
  flex: 1 1 auto;
  margin: auto 0 auto auto;
  margin-bottom: -1em;
  text-align: right;
}

.partner-assets__more {
  white-space: nowrap;
}

.partner-assets__more--primary {
  background: #0899CC;
  background: var(--highlight-color, #0899CC);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: auto 0 .5em auto;
}

.page-content ul li a.partner-assets__more--primary {
  color: #fff;
}

.page-content ul li a.partner-assets__more--primary .icon {
  fill: #fff;
  vertical-align: top;
}

.no-touch .page-content ul li a.partner-assets__more--primary {
  color: #fff;
}

.no-touch .page-content ul li a.partner-assets__more--primary .icon {
  fill: #fff;
  vertical-align: top;
}

.partner-assets__more--primary:hover, .partner-assets__more--primary:focus, .partner-assets__more--primary:active {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
}

.partner-assets__more--primary:active {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
  transform: translateY(1px);
}

.partner-assets__more--secondary {
  margin: auto 0 0.5em 0.25rem;
}

.partner-assets__more--secondary:hover, .partner-assets__more--secondary:focus, .partner-assets__more--secondary:active {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
}

.partner-assets__more--secondary .icon {
  vertical-align: top;
}

.partner-promoted-asset {
  background: #ECEFF1;
}

@media (min-width: 48em) {
  .partner-promoted-asset {
    display: flex;
  }
}

.partner-promoted-asset__image {
  margin: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 47.9375em) {
  .partner-promoted-asset__image {
    padding-bottom: 56%;
  }
}

@media (min-width: 48em) {
  .partner-promoted-asset__image {
    width: 60%;
  }
}

.partner-promoted-asset__main {
  padding: 1rem;
}

@media (min-width: 31.25em) {
  .partner-promoted-asset__main {
    padding: 2rem;
  }
}

@media (min-width: 48em) {
  .partner-promoted-asset__main {
    width: 40%;
  }
}

.page-content .partner-promoted-asset__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.5rem;
  color: #0899CC;
  color: var(--highlight-color, #0899CC);
  margin: 0 0 .75em;
}

.partner-promoted-asset__description {
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .partner-promoted-asset__description {
    margin-bottom: 2rem;
  }
}

.partner-promoted-asset__download {
  color: #fff;
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC);
  background: #0899CC;
  background: var(--highlight-color, #0899CC);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 115%;
  transition: opacity .15s ease;
}

.partner-promoted-asset__download .icon {
  fill: #fff;
  margin-left: -4px;
}

.partner-promoted-asset__download:hover, .partner-promoted-asset__download:focus, .partner-promoted-asset__download:active {
  opacity: .75;
}

.partner-promoted-asset__download:active {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
  transform: translateY(1px);
}

.page-content .partner-related-posts__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.75rem;
  color: #7D7D82;
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 43rem;
}

@media (min-width: 48em) {
  .page-content .partner-related-posts__title {
    margin: 0 auto 3rem auto;
  }
}

.partner-related-posts__container > .post-teaser {
  margin: 0;
}

.partner-related-posts__container > .post-teaser + .post-teaser {
  margin-top: 1rem;
}

@media (min-width: 48em) and (max-width: 63.9375em) {
  .partner-related-posts__container > .post-teaser + .post-teaser {
    margin-top: 2rem;
  }
}

@media (min-width: 64em) {
  .partner-related-posts__container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1em;
    margin-right: -1em;
  }
  .partner-related-posts__container > .post-teaser {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}

.partner-related-posts__container a,
.partner-related-posts__container a.forum-teaser-tag {
  color: #0899CC;
  color: var(--highlight-color, #0899CC) !important;
}

.partner-related-posts__container a.post-teaser-call-to-action,
.partner-related-posts__container a.forum-teaser-tag.post-teaser-call-to-action {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC) !important;
}

.partner-related-posts__container a:hover, .partner-related-posts__container a:focus, .partner-related-posts__container a:active,
.partner-related-posts__container a.forum-teaser-tag:hover,
.partner-related-posts__container a.forum-teaser-tag:focus,
.partner-related-posts__container a.forum-teaser-tag:active {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC) !important;
}

.partner-related-posts__container .post-teaser-details-container a:hover, .partner-related-posts__container .post-teaser-details-container a:focus, .partner-related-posts__container .post-teaser-details-container a:active,
.partner-related-posts__container .post-teaser-title a:hover,
.partner-related-posts__container .post-teaser-title a:focus,
.partner-related-posts__container .post-teaser-title a:active {
  border-color: #0899CC;
  border-color: var(--highlight-color, #0899CC) !important;
}

.partner-related-posts__container .post-teaser-meta-modul.stars.rating-1 .star:nth-of-type(5) .icon {
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
}

.partner-related-posts__container .post-teaser-meta-modul.stars.rating-2 .star:nth-of-type(3) ~ .star .icon {
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
}

.partner-related-posts__container .post-teaser-meta-modul.stars.rating-3 .star:nth-of-type(2) ~ .star .icon {
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
}

.partner-related-posts__container .post-teaser-meta-modul.stars.rating-4 .star:nth-of-type(1) ~ .star .icon {
  fill: #0899CC;
  fill: var(--highlight-color, #0899CC);
}

.partner-related-posts__container .post-teaser-meta-modul.stars.rating-5 .star .icon {
  color: #0899CC;
  color: var(--highlight-color, #0899CC);
}

.partner-detail-footer-container {
  overflow: hidden;
}

.partner-detail-footer-container {
  overflow: hidden;
}

.partner-detail-footer {
  position: relative;
}

@media (max-width: 63.9375em) {
  .partner-detail-footer {
    padding-bottom: 2rem;
  }
}

@media (min-width: 64em) {
  .partner-detail-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.partner-detail-footer:before {
  content: '';
  display: block;
  position: absolute;
  background: #ECEFF1;
  top: 2rem;
  bottom: 1rem;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  z-index: 0;
  align-self: center;
}

@media (min-width: 64em) {
  .partner-detail-footer:before {
    top: 1rem;
  }
}

.partner-detail-footer__logo {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 6.75rem;
  margin-top: 1rem;
}

@media (min-width: 64em) {
  .partner-detail-footer__logo {
    margin-left: auto;
  }
}

@media (min-width: 48em) {
  .partner-detail-footer__inner-wrap {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 64em) {
  .partner-detail-footer__inner-wrap {
    flex-direction: column;
  }
}

.partner-detail-contact {
  position: relative;
  z-index: 2;
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

@media (min-width: 31.25em) {
  .partner-detail-contact {
    padding: 2rem;
  }
}

.partner-detail-contact__content {
  min-width: 1px;
  flex: 1 1 auto;
}

.partner-detail-contact__image {
  flex: 0 0 auto;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  border-radius: 2.5rem;
  overflow: hidden;
}

.page-content .partner-detail-contact__label {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.25rem;
  color: #7D7D82;
  margin: 0 0 1rem 0;
}

.partner-detail-contact__name {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  margin: 0;
}

.partner-detail-contact__position {
  font-size: 0.8125rem;
  color: #bebec1;
  margin: 0;
}

.partner-detail-contact__mail {
  margin-top: .75rem;
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  color: #0899CC;
  color: var(--highlight-color, #0899CC);
  text-decoration: none;
}

.partner-detail-contact__mail:hover, .partner-detail-contact__mail:focus {
  opacity: .75;
}

.partner-detail-contact__mail:active {
  opacity: .9;
}

.partner-detail-connected-profiles {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 63.9375em) {
  .partner-detail-connected-profiles {
    margin-top: 1rem;
  }
}

.partner-detail-connected-profiles__inner-container {
  position: relative;
  z-index: 1;
  width: 100%;
}

@media (min-width: 30em) {
  .partner-detail-connected-profiles__inner-container {
    display: flex;
    align-items: center;
  }
}

.partner-detail-connected-profiles__title {
  display: inline-block;
}

.page-content .partner-detail-connected-profiles__title {
  font-family: 'Roboto-Medium';
  font-weight: normal;
  font-size: 1.25rem;
  color: #7D7D82;
  margin-right: .75rem;
}

@media (max-width: 29.9375em) {
  .partner-detail-connected-profiles__title {
    margin-top: .5rem;
    margin-bottom: .25rem;
  }
}

@media (min-width: 64em) {
  .partner-detail-connected-profiles__title {
    margin-left: 2rem;
  }
}

.partner-detail-connected-profiles__list {
  display: inline-flex;
  flex-wrap: wrap;
}

@media (max-width: 29.9375em) {
  .page-content ul.partner-detail-connected-profiles__list {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }
}

.partner-detail-connected-profiles__list-item {
  display: inline-block;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 2.625rem;
  overflow: hidden;
  margin: .5rem;
}

@media (min-width: 48em) {
  .partner-detail-connected-profiles__list-item {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
  }
}

.page-content ul li.partner-detail-connected-profiles__list-item:not(.menu):before {
  display: none;
}

.partner-detail-connected-profiles__link {
  display: block;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 2.625rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (min-width: 48em) {
  .partner-detail-connected-profiles__link {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
  }
}

.page-content ul li a.partner-detail-connected-profiles__link {
  border: none;
}

.partner-about__logo {
  margin-bottom: 2rem;
}

.partner-product {
  text-decoration: none;
}

.partner-products__item {
    list-style: none;
    list-style-type: none;
}

.partner-products__item svg {
  stroke: var(--highlight-color, #0899CC);
  fill: var(--highlight-color, #0899CC);
  stroke: var(--highlight-color,#0899CC);
}

.partner-products__container {
  padding: 0;
  margin: 0;
}

.partner-assets .ext span, .partner-promoted-asset .ext span {
    display: none;
}

.partner-detail-connected-profiles__list {
  padding-left: 0;
}

/*----------------------*/
/*	 Get full ARIS
/*----------------------*/
.get-full-aris__introduction {
  margin: 0 0 1em 1em;
  text-align: center;
}

.get-full-aris__overview-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  position: relative;
}

.get-full-aris__self-install__select-container, .get-full-aris__cloud__select-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin: 0 1em 1.5em 1em;
  overflow: hidden;
}

.get-full-aris__cloud__box-coming-soon {
    background-color: rgba(0,0,0,0.5);
    padding: 5px;
    border: 3px solid white;
    text-align: center;
    transform: rotate(325deg);
    position: absolute;
    width: 100%;
    right: 44%;
}

@media screen and (min-width: 32em) and (max-width: 56.99em) {
  .get-full-aris__cloud__box-coming-soon {
    right: 40%;
  }
}

@media screen and (max-width: 31.99em) {
  .get-full-aris__cloud__box-coming-soon {
    right: 30%;
  }
}

.get-full-aris__overview-item {
  position: relative;
  margin: 1em;
  width: 22%;
}

.get-full-aris__overview-item img {
  height: 100%;
  width: 100%;
}

.get-full-aris__overview-item:hover {
  opacity: .75;
}

/*
.get-full-aris__overview-item img:hover {
  opacity: .75;
}
*/

.get-full-aris__overview-item-text {
  position: absolute;
  bottom: 0em;
  width: 100%;
  height: 3em;
  text-align: center;
  color: white;
  background-color: rgba(0,0,0,0.6);
  padding: 1em;
}

@media screen and (min-width: 37em) and (max-width: 67.99em) {
  .get-full-aris__overview-item {
    width: 45%;
  }
}

@media screen and (max-width: 36.99em) {
  .get-full-aris__overview-item {
    width: 60%;
  }
}

.get-full-aris__overview-item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.get-full-aris__overview-item-content svg {
  margin: 0 0 .5em 0;
}

.get-full-aris__self-install__select-choice {
  text-align: left;
}

.get-full-aris__self-install__select-choice li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1.2em;
}

#get-full-aris__cloud__select-elements, #get-full-aris__self-install__select-elements  {
  background-color: #0070C0;
}

#get-full-aris__cloud__select-advanced, #get-full-aris__self-install__select-advanced {
  background-color: #0C6A64;
}

#get-full-aris__cloud__select-enterprise, #get-full-aris__self-install__select-enterprise {
  background-color: #4D4D4D;
}

.get-full-aris__cloud__select-choice .mailto span {
  display: none;
}

.get-full-aris__cloud__box-heading, .get-full-aris__self-install__box-heading {
  text-align: center;
  font-size: 1.7em;
  font-weight: bold;
}

.get-full-aris__cloud__box-subheading, .get-full-aris__self-install__box-subheading {
  text-align: center;
  font-size: 1.5em;
  padding: .5em;
}

.get-full-aris__cloud__box-list, .get-full-aris__self-install__box-list {
    padding-left: .7em;
}

.get-full-aris__cloud__box-list li, .get-full-aris__self-install__box-list li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1.2em;
}

.get-full-aris__cloud__box-list-icon, .get-full-aris__self-install__box-list-icon {
  width: 1em;
  height: 1em;
  fill: white;
}

.get-full-aris__cloud__select-choice, .get-full-aris__self-install__select-choice {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  padding: 2em;
}

@media screen and (min-width: 48em) {
  .get-full-aris__cloud__select-choice, .get-full-aris__self-install__select-choice {
    width: 32%;
  }
}

.get-full-aris__cloud__box-footer-item, .get-full-aris__self-install__box-footer-item, .get-full-aris__cloud__compare-button {
  padding: .5em;
  margin: .5em 0 .5em 0;
  background-color: white;
  color: #09abe5;
  text-align: center;
}

.get-full-aris__cloud__box-footer-item:hover, .get-full-aris__cloud__box-footer-item:active, .get-full-aris__cloud__box-footer-item:focus, .get-full-aris__cloud__box-footer-item:hover:active, .get-full-aris__cloud__box-footer-item:focus:active, .get-full-aris__cloud__box-footer-item:hover:active:focus, .get-full-aris__cloud__box-footer-item:hover:focus,
.get-full-aris__self-install__box-footer-item:hover, .get-full-aris__self-install__box-footer-item:active, .get-full-aris__self-install__box-footer-item:focus, .get-full-aris__self-install__box-footer-item:hover:active, .get-full-aris__self-install__box-footer-item:focus:active, .get-full-aris__self-install__box-footer-item:hover:active:focus, .get-full-aris__self-install__box-footer-item:hover:focus,
.get-full-aris__cloud__compare-button:hover, .get-full-aris__cloud__compare-button:active, .get-full-aris__cloud__compare-button:focus, .get-full-aris__cloud__compare-button:hover:active, .get-full-aris__cloud__compare-button:focus:active, .get-full-aris__cloud__compare-button:hover:active:focus {
  background-color: #f2f4f5;
}

@media only screen and (max-width: 47.99em) {
	.get-full-aris__cloud__select-choice, .get-full-aris__self-install__select-choice {
		width: 100%;
    margin-bottom: .5em;
	}
}

#get-full-aris__message {
  top: 0em;
  right: 0em;
  bottom: 0em;
  left: 0em;
}

#get-full-aris__cloud a, #get-full-aris__self-install a {
  text-decoration: none;
}

.get-full-aris__cloud__box-footer span.ext, .get-full-aris__cloud__compare-button-container span.ext {
  display: none;
}

.get-full-aris__cloud__compare-button {
  margin: 1em 1em 0 1em;
  border: 1px solid #09abe5;
}


/*----------------------*/
/*	 Download ARIS Express
/*----------------------*/
.download-aex__cloud-choice-container {
  display: flex;
  justify-content: space-evenly;
  margin-top: 1em;
}

.download-aex__cloud-choice-container .modal-submit {
  display: inline;
}

#download-aex__cloud-choice-message {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/*----------------------*/
/* Subscription pages
/*----------------------*/
#subscriptions-page-user-overview th, #subscriptions-page-form th {
  padding: 0.2em 0.5em;
}

#subscriptions-page-user-overview a, #subscriptions-page-form a {
  text-decoration: none;
}

#subscriptions-page-user-overview .form-item {
  margin: 0;
}

#subscriptions-page-user-overview .description, #subscriptions-page-user-overview label {
  padding: .5em 0;
}

#subscriptions-page-user-overview label.option {
  padding: 0;
}

#subscriptions-page-user-overview .comment-call-to-action {
  float: left;
  margin: 0;
}

#subscriptions-page-user-overview fieldset .fieldset-wrapper {
  margin-left: 1em;
}

#subscriptions-page-form th:nth-child(2) {
  width: 50%;
}

#subscriptions-page-user-overview #edit-settings .fieldset-wrapper .form-item-sendself, #subscriptions-page-user-overview #edit-settings .fieldset-wrapper .form-item-digest {
    margin: .5em 0;
}

#subscriptions-page-user-overview #edit-save-notifications {
    margin: 1em 0;
}

/*----------------------*/
/* University Relation
/*----------------------*/

#arishousemap {
  display: flex;
}

/*----------------------*/
/* About Us / Welcome page
/*----------------------*/
.page-node-7203 .page-content {
  background: none;
  box-shadow: none;
  padding: 2em 0em;
}

.page-node-7203 .site-content {
  background: url(../img/welcome/bg.svg), linear-gradient(0deg, #dde3e6, #fbfbfc);
  overflow: hidden;
}

.about__introduction {
  position: relative;
  background: white;
  padding: 1.5em;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  margin: -2em auto 1em auto;
}

.about__box-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1em auto;
}

.about__box {
  background: white;
  padding: 2em;
  width: calc(50% - 2em);
  margin: 1em 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  border-radius: 50px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position-x: right;
  background-position-y: bottom;
}
  
.about__box.about__get-started {
  position: relative;
  background-image: url(../img/welcome/startup-launch-1.svg);
}

.about__box.about__products {
  background-image: url(../img/welcome/advertising-megaphone.svg); 
}

.about__box.about__know-how {
  background-image: url(../img/welcome/pie-line-graph-desktop.svg);
}

.about__box.about__faq {
  background-image: url(../img/welcome/laptop-help-message.svg);
}
  
.about__box a {
    text-decoration: none;
}
  
.about__box ul {
  list-style-type: none;
  padding: 0;
}

.about__box li {
  padding: .2em 0;
}

.about__box-header {
  display: block;
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: .5em;
}

.about__arrows-small {
    position: absolute;
    left: 105%;
    top: 2.95em;
}

.about__arrows-long {
    position: absolute;
    right: 110%;
    top: 50%;
}

@media only screen and (max-width: 47.99em) {
	.about__box, .about__box-container, .about__introduction {
		width: 100%;
	}
  
  .about__introduction {
    margin-top: 1em;
  }
}

@media only screen and (max-width: 84.99em) {
  .about__arrows-long, .about__arrows-small {
    display: none;
  }
}

/*----------------------*/
/* Events
/*----------------------*/

.post-teaser-meta-modul.date {
  font-size:1.75em;
}

.view-upcoming-events .post-teaser-main {
  flex-direction: row;
}

.view-upcoming-events .blog-toolbar-button {
  margin: auto 0;
}

.view-upcoming-events h2 {
  padding: 0 0 .5em 0;
}

h2#past-events {
  margin-top: 2em;
}

@media only screen and (max-width: 47.99em) {
	.view-upcoming-events .blog-toolbar-button {
		width: 100%;
	}
  
  .view-upcoming-events .post-teaser-main {
    flex-direction: column;
  }
}

.post-teaser-details-event {
  font-size: 100%;
}

.page-node-add-events-webinars .fieldset-legend {
  display: inline;
  margin-bottom: 0em;
  color: #7D7D82;
  font-weight: bold;
}

.page-node-add-events-webinars .form-type-date-select .form-type-select[class*="hour"] {
  margin: 0;
}

.page-node-add-events-webinars fieldset.date-combo .container-inline-date .date-padding {
  padding: 15px 0;
}

.single-post-event-date {
  margin: auto 1em;
  font-weight: bold;
  padding: 1em 0;
}

.single-post-header.events-webinars {
  justify-content: space-between;
}

.single-post-header.events-webinars .blog-toolbar-button {
  margin: .5em;
}

.single-post-header.events-webinars .blog-toolbar-button:hover,.single-post-header.events-webinars .blog-toolbar-button:active,.single-post-header.events-webinars .blog-toolbar-button:focus {
  background-color: #0899CC;
  color: #FFFFFF;
}

.single-post-header.events-webinars .blog-toolbar-button-inverted:hover,.single-post-header.events-webinars .blog-toolbar-button-inverted:active,.single-post-header.events-webinars .blog-toolbar-button-inverted:focus {
  background-color: #FFFFFF;
  color: #0899CC;
  border-color: 1px solid #0899CC;
}

@media only screen and (max-width: 47.99em) {
	.single-post-header.events-webinars .blog-toolbar-button {
		width: unset;
	}
}

.header-events {
  position: absolute;
  right: 32em;
  top: 3.525em;
}

.icon.icon-events {
  stroke: #7D7D82;
  width: 1.7em;
  height: 1.7em;
  cursor: pointer;
}

#header-events-list {
  padding: 2em 1em;
  z-index: 1;
  position: absolute;
  right: 31.5em;
  top: -1.5em;
  width: 25em;
  background: rgba(0,0,0,0.75);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  border-top-left-radius: 2em;
  border-bottom-right-radius: 2em;
  display: none;
}

#header-events-list.open {
  display: block;
}

.header-events-list-entry {
  padding: .5em;
  overflow: auto;
}

.header-events-list-entry-title {
  color: #ffffff;
  text-decoration: none;
  padding: .5em 0;
  font-size: 1.2em;
  word-break: break-word;
}

.header-events-list-entry-subtitle {
  color: #ffffff;
  padding: .5em 0;
  font-size: .9em; 
  word-break: break-word;
}

#header-events-new {
  background-color: #ff4a6a;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  border-radius: 50%;
  right: -.4em;
  bottom: 0;
  display: none;
  color: #fff;
  text-align: center;
  font-size: .9em;
  line-height: 1.2em;
}

#header-events-new.active {
  display: block;
}

@media only screen and (max-width: 51.875em) {
	.header-events {
		right: 18em;
    top: 1.25em;
	}
  
  #header-events-list {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    background: none;
    box-shadow: none;
  }
}

@media only screen and (max-width: 28.99em) {
  .header-events {
    right: 10.5em;
    top: 1.15em;
  }
}

.header-events-list-entry .blog-toolbar-button {
  width: 100%;
  margin-top: .5em;
}

.header-events-list-entry .blog-toolbar-button .ext {
  display: none;
}

.page-content .header-events-list-entry-title {
    color: inherit;
}

.view-upcoming-events .post-teaser-content-container {
  max-width: 80%;
}