/*
 * Main Stylesheet
 *
 * @copyright Copyright (c) 2012 rocksolidthemes.com
 * @license   http://rocksolidthemes.com/agb   No free usage allowed
 */
/* ===========================================
 * # Index: The structure of this stylesheet
 *
 * - Imports (normalize.css / Mixins)
 * - Basic settings (SASS only)
 * - Colors (SASS only)
 * - General styles
 * - Button styles
 * - Wrapper Elements
 * - Elements in order of appearance in HTML
 * - Homepage elements
 * - Content styles
 * - Form styles
 * - Footer styles
 * - No image-main
 * - Module styles (Search, FAQ, News, Events, Comments)
 * - Media queries
 * - Grid (design + production helper)
 * ======================================== */
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
 * HTML5 display definitions
 * ========================================================================== */

/* ======================================== *
 * Hier das gesamte importierte glossar.css */

.googlemap {
    margin-top: 0px;
    position: relative;
    width: 100%;
}

.tagcloud {
  width:250px;
  font-size:12px;
  padding: 50px 0;
  text-align:center;
}
.tagcloud a {
  color: #222;
  text-decoration: none;
  padding: 0 5px;
  cursor: pointer;
  display: inline-block;
  
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.tagcloud a:first-child {
  display: block;
}
.tagcloud a:hover {
  color: #ccc;
}

.glossar_layer {
	top: 0;
	left: 10%;
	width: 30px;
	height: 30px;
	z-index:99999;
	overflow: auto;
	display: none;
	position: absolute;
	
}
.glossar_layer.layer_load {
	display: block;
}

.layer_loaded {
	width: 80%;
	height: auto;
	min-height: 150px;

	overflow: auto;
	padding: 1em 1.5em;
	background: white;
	border: 1px solid #ccc;
	border-radius: 10px;
	border-top-right-radius: 0;
	box-shadow: 2px 2px 15px rgba(150,150,150,.7);
}
.ce_glossar_close {
	top: 5px;
	right: 20px;
	color: red;
	opacity: .4;
	display: block;
	cursor: pointer;
	padding: 2px 5px;
	background: white;
	position: absolute;
	transition: opacity .4s;
	-webkit-transition: opacity .4s;
}
.ce_glossar_close:hover {
	opacity: 1;
}
.ce_glossar_layer {
	width: 100%;
	display: block;
	color: #333333;
	background: white;
	text-decoration: none;
}

.ce_glossar_layer > * {
	margin: 0 0 .7em 0;
}


/* ANIMATION */
@-webkit-keyframes rotate { 
  from { -webkit-transform: rotate(0deg) } 
  to { -webkit-transform: rotate(360deg) } }
@-moz-keyframes rotate { 
  from { -moz-transform: rotate(0deg) } 
  to { -moz-transform: rotate(360deg) } }
@-o-keyframes rotate { 
  from { -o-transform: rotate(0deg) } 
  to { -o-transform: rotate(360deg) } }
@keyframes rotate { 
  from { transform: rotate(0deg) } 
  to { transform: rotate(360deg) } }

@-webkit-keyframes fade { 
  from { background: #333; }
  to { background: #fff; } }
@-moz-keyframes fade { 
  from { background: #333; }
  to { background: #fff; } }
@-o-keyframes fade { 
  from { background: #333; }
  to { background: #fff; } }
@keyframes fade { 
  from { background: #333; }
  to { background: #fff; } }

/* CONTAINER */
.layer_loading {
	width: 100%;
	height: 100%;
	overflow: hidden;

	max-width: 30px;
	max-height: 30px;
	/* PRESENTATIONAL PURPOSES */
	margin: auto;
	position: absolute;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	/**/
	cursor: pointer;
	-webkit-user-select: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.layer_loaded .layer_loading {
	display: none;
}

/* TEXT */
.layer_content{
	background: #222;
	background: -webkit-linear-gradient(#222,#111);
	background: -moz-linear-gradient(#222,#111);
	background: -o-linear-gradient(#222,#111);
	background: linear-gradient(#222,#111);
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font: normal normal normal 13px/70px 
	'Electrolize', Helvetica, Arial, sans-serif;
	color: #fff
}

.layer_content span {
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	background: #fff;
	border-radius: 50%;
}

.layer_load .layer_content span {
	-webkit-animation: fade .75s linear;
	-moz-animation: fade .75s linear;
	-o-animation: fade .75s linear;
	animation: fade .75s linear;
}

/* SPINNING GRADIENT */
.layer_ring {
	margin: 0 auto;
	border-radius: 50%;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-o-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;

	background: -webkit-linear-gradient(#3cf,transparent,#3cf);
	background: -moz-linear-gradient(#3cf,transparent,#3cf);
	background: -o-linear-gradient(#3cf,transparent,#3cf);
	background: linear-gradient(#3cf,transparent,#3cf)
}
/* Ende des importierten Glossar.css        */

.af_ueberschrift {
	font-size: 18px;
	font-weight:bold;
	margin:10px 0;
}

.glossar_items > li {
		list-style-type:none !important;
    float:left;
    width:100%;
	position: relative;
	margin: 40px 0;
	padding: 22px 8.33333%;
	border: 1px solid #dadada;
	font-size: 14px;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow:  1px 2px 5px rgba(0, 0, 0, 0.1);
}
.glossar {
    border-bottom: 1px dashed #464749;
    color: #464749 !important;
    text-decoration: none;
}
.glossar:hover {text-decoration:none !important;}
.slider-control {display:none;}
.js-slider .slider .fwd, .js-slider .slider .bk {
	margin-top:-15px !important;
}
.js-slider .slider .bk {
	left:-15px !important;
}
.js-slider .slider .fwd {
    right: -15px !important;
}
.ce_text {
	clear:both;
}
#referenzenslider .image_container {
   margin: 0 2.5% !important;
}

#referenzenslider .ce_image:first-child img {
	margin-top:0px !important;
}
/* Slider */
.slider-control a {
display:none;
}


/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices */
audio:not([controls]) {
	display: none;
	height: 0;
}

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support */
[hidden] {
	display: none;
}

/* =============================================================================
 * Base
 * ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
	font-size: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	font-family: sans-serif;
}

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/* Addresses margins handled incorrectly in IE6/7 */
body {
	margin: 0;
}
#bildtext {
	position:absolute;
	margin-top:-260px;
    font-size:14px;

}
#bildtext span {
   font-size: 1em;
}
#bildtext p {
   font-size: 0.8em;
}

.headertext { 
	width:40%;
	margin-left:45%;
}
.headertext p {
 	margin:15px 0 !important;
 	line-height: 1.8em;
}
.ueberschriftheadertext, #h2rechts {
	font-size: 24px !important;
	font-weight: bold;
	color: #464749;
	line-height: 35px;
}
.ueberschriftheadertext p {
	margin-bottom: 20px !important;
}
.dreibildslider {
	max-width:450px !important;
}
.sechsbildslider {
	max-width:650px !important;
}

#responsive.mail-form p,#oeffnungszeiten.mail-form p,#schnellkontakt.mail-form p {
	font-size:15px !important;
}

#responsive.mail-form p.hdreiersatz,#oeffnungszeiten.mail-form p.hdreiersatz,#schnellkontakt.mail-form p.hdreiersatz,p.hdreiersatz {
	display:block;
	margin: 24px 0 14px !important;
	border-bottom: 1px solid #dadada;
	font-size: 15px !important;
	font-weight:700;
}


/* =============================================================================
 * Links
 * ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

/* Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test */
/* =============================================================================
 * Typography
 * ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {
	border-bottom: 1px dotted;
}

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/* Addresses styling not present in S5, Chrome */
dfn {
	font-style: italic;
}

/* Addresses styling not present in IE6/7/8/9 */
mark {
	background: yellow;
	color: black;
}

/* Addresses margins set differently in IE6/7 */
p {
	margin: 1em 0;
}

pre {
	margin: 1em 0;
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Improves readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4 */
/* 1 */
q {
	quotes: none;
}
q:before,
q:after {
	content: "";
	content: none;
}

/* 2 */
small {
	font-size: 75%;
}

/* Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930 */
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.25em;
}

sub {
	bottom: -0.2em;
}

/* =============================================================================
 * Lists
 * ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/* Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/* Corrects list images handled incorrectly in IE7 */
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* =============================================================================
 * Embedded content
 * ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
	border: 0;
	/* 1 */
	-ms-interpolation-mode: bicubic;
	/* 2 */
}

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
 * Figures
 * ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure,
form {
	margin: 0;
}

/* =============================================================================
 * Forms
 * ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
/* Define consistent border, margin, and padding */
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/* 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	white-space: normal;
	/* 2 */
	*margin-left: -7px;
	/* 3 */
}

/* 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
	font-size: 100%;
	/* 1 */
	margin: 0;
	/* 2 */
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button,
input {
	line-height: normal;
	/* 1 */
}

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6 */
button {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

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

input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	*height: 13px;
	/* 3 */
	*width: 13px;
	/* 3 */
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/* 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 *    Known issue: excess padding remains in IE6 */
/* 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
/* Removes inner padding and search cancel button in S5, Chrome on OS X */
/* Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

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

/* ===========================================
 * General styles
 * ======================================== */
html {
	position: relative;
}
html.lt-ie9 {
	/* IE8 iframe bugfix */
	/* http://stackoverflow.com/questions/795394#795681 */
	position: static;
}

body {
	font: 16px/1.5 calibri, sans-serif;
	color: #464749;
	background: #ffffff none 50% 0 no-repeat scroll;
	background-size: auto;
	/* You may want to copy the styles you choose to use and delete the rest */
}
body.background-variation-1 {
	background: url("/files/mediacenter/img/reste/bg-abstract.jpg") 50% 0 no-repeat;
	/* Just to show how it looks without #nav-header, if you don't need it, you should remove it from the HTML markup */
	/* Make shadow transparent. It's usually full-color to prevent the tiny overlap in the edges. */
}
body.background-variation-1 #wrapper > header {
	background-color: transparent;
}
body.background-variation-1 #nav-header {
	display: none;
}
body.background-variation-1 #nav-main > ul > li.submenu:before {
	-webkit-box-shadow: 0 5px 0 -1px #ffffff, 0 3px 0 #dadada, 0 0 0 3px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 5px 0 -1px #ffffff, 0 3px 0 #dadada, 0 0 0 3px rgba(0, 0, 0, 0.075);
	box-shadow: 0 5px 0 -1px #ffffff, 0 3px 0 #dadada, 0 0 0 3px rgba(0, 0, 0, 0.075);
}
body.background-variation-2 {
	background: url("/files/mediacenter/img/reste/bg-sky.jpg") 50% 0 no-repeat;
}
body.background-variation-3 {
	background: url("/files/mediacenter/img/reste/bg-light-grey.png");
}
body.background-variation-3 #wrapper > header,
body.background-variation-3 #wrapper > footer {
	border: 1px solid #ececec;
	border-color: rgba(0, 0, 0, 0.13);
}
body.background-variation-4 {
	background: url("/files/mediacenter/img/reste/bg-dark-grey.jpg");
}
body.background-variation-4 #nav-footer-wrap {
	background: #2a2a2b;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: #00acef;
}

/* Resetting box model for moo_mediabox,  moo_slimbox and j_colorbox */
#mbCenter *,
#colorbox,
#colorbox *,
#lbCenter *,
#lbBottomContainer * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

::selection {
	background: #00ADF7;
	color: white;
	text-shadow: none !important;
}

::-moz-selection {
	background: #00acef;
	color: white;
	text-shadow: none !important;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

td,
th {
	/* resetting box-sizing to default value */
	/* because box-sizing does not work correctly on table cells in firefox */
	/* see: https://bugzilla.mozilla.org/show_bug.cgi?id=243412 */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

table {
	width: 100%;
	border: 1px solid #a0a0a0;
	border-collapse: collapse;
	text-align: left;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
}
table th {
	padding: 10px 8px;
	text-align: left;
}
table td {
	padding: 6px 8px;
	color: #787878;
}
table td,
table td img {
	vertical-align: top;
}
table tbody tr:nth-child(odd) {
	background-color: #ececec;
}
table tbody tr:hover {
	background-color: #f9f9f9;
}
table tfoot tr {
	background-color: #adadad;
}
table tfoot td {
	color: white;
}

a {
	color: #00ADF7;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
}

.clear {
	clear: both;
}

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

.pdf_link {
	margin: 12px 0 0 20px;
	float: right;
}
.pdf_link a {
	margin-left: 2px;
	border: 0 !important;
}
.pdf_link img {
	border: 0 !important;
}

.image_container.float_left {
	margin-right: 20px;
}
.image_container.float_right {
	margin-left: 20px;
}
.image_container a {
	border: 0;
}

.mime_icon {
	margin-bottom: -0.25em;
}

.ce_toplink,
.toplink {
	margin: 24px 0;
	clear:both;
}
.ce_toplink a,
.toplink a {
	display: block;
}

.ce_toplink > a::before,
.toplink > a::before {
	content: "";
	dispay: block;
	background: url("../../files/mediacenter/img/reste/top.gif") no-repeat;
	width: 18px;
	height: 18px;
	float: left;
	margin: 4px 4px 0 0;
}

.ce_accordion {
	background-color: #ffffff;
	border: 1px solid #ececec;
}
.ce_accordion .accordion {
	padding: 20px 3.84615%  0 3.84615%;
}

.ce_accordion .accordion > div {
	padding-bottom: 12px;
}
.ce_accordion .toggler {
	position: relative;
	padding: 8px 7.69231% 8px 3.84615%;
	outline: none;
	color: #00ADF7;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(100%, #e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff 10%, #e6e6e6 100%);
	background-image: -moz-linear-gradient(#ffffff 10%, #e6e6e6 100%);
	background-image: -o-linear-gradient(#ffffff 10%, #e6e6e6 100%);
	background-image: linear-gradient(#ffffff 10%, #e6e6e6 100%);
	cursor: pointer;
}

.ce_accordion .toggler:hover {
	background: #ffffff;
}
.ce_accordion .toggler:hover:after {
	display: block;
}
.ce_accordion .toggler.active {
	background: #ffffff;
}
.ce_accordion .toggler.active:after {
	display: block;
}
.ce_accordion hr:after {
	background-color: #ffffff !important;
}

.mejs-controls button,
.mejs-controls button:hover,
.mejs-controls button:focus,
.mejs-controls button:active {
	top: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

hr {
	height: 1px;
	overflow: visible;
	margin: 24px 0 23px;
	border: 0;
	text-align: center;
	background: #dadada;
	clear: both;
}

.confirmation,
.information,
.warning {
	position: relative;
	padding: 8px 3.84615% 8px 7.69231%;
	margin-left: -1px;
	margin-right: -1px;
	border: 1px solid #7ecb28;
	color: #497617;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6f6d3), color-stop(100%, #bce88a));
	background-image: -webkit-linear-gradient(#e6f6d3, #bce88a);
	background-image: -moz-linear-gradient(#e6f6d3, #bce88a);
	background-image: -o-linear-gradient(#e6f6d3, #bce88a);
	background-image: linear-gradient(#e6f6d3, #bce88a);
	background-color: #edf9e0;
	-webkit-box-shadow: 0 3px 0 -2px #bce88a, 0 3px 0 -1px #4FFF0A, 0 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 0 -2px #bce88a, 0 3px 0 -1px #7ecb28, 0 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 0 -2px #bce88a, 0 3px 0 -1px #4FFF0A, 0 3px 2px rgba(0, 0, 0, 0.2);
}
.confirmation:before,
.information:before,
.warning:before {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f12a";
}

.information {
	border-color: #00ADF7;
	color: #0075a3;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c6efff), color-stop(100%, #70d7ff));
	background-image: -webkit-linear-gradient(#c6efff, #70d7ff);
	background-image: -moz-linear-gradient(#c6efff, #70d7ff);
	background-image: -o-linear-gradient(#c6efff, #70d7ff);
	background-image: linear-gradient(#c6efff, #70d7ff);
	background-color: #b2e9ff;
	-webkit-box-shadow: 0 3px 0 -2px #70d7ff, 0 3px 0 -1px #00ADF7, 0 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 0 -2px #70d7ff, 0 3px 0 -1px #00ADF7, 0 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 0 -2px #70d7ff, 0 3px 0 -1px #00ADF7, 0 3px 2px rgba(0, 0, 0, 0.2);
}
.information:before {
	content: "\e145";
}

.warning {
	border-color: #f62b1c;
	color: #be1408;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feebea), color-stop(100%, #fb9e97));
	background-image: -webkit-linear-gradient(#feebea, #fb9e97);
	background-image: -moz-linear-gradient(#feebea, #fb9e97);
	background-image: -o-linear-gradient(#feebea, #fb9e97);
	background-image: linear-gradient(#feebea, #fb9e97);
	background-color: #fff9f9;
	-webkit-box-shadow: 0 3px 0 -2px #fb9e97, 0 3px 0 -1px #f62b1c, 0 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 0 -2px #fb9e97, 0 3px 0 -1px #f62b1c, 0 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 0 -2px #fb9e97, 0 3px 0 -1px #f62b1c, 0 3px 2px rgba(0, 0, 0, 0.2);
}
.warning:before {
	content: "\e0be";
}

code {
	padding: 2px 5px;
	font-family: "Lucida Console", monospace;
	font-size: 14px;
	line-height: 19px;
	background-color: #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

pre {
	margin: 24px 0;
	padding: 0 6px;
	display: block;
	overflow: auto;
	font-family: "Lucida Console", monospace;
	font-size: 14px;
	line-height: 24px;
	background-size: 100% 48px;
	background-repeat: repeat-y;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ececec), color-stop(50%, #ffffff));
	background-image: -webkit-linear-gradient(top, #ececec 50%, #ffffff 50%);
	background-image: -moz-linear-gradient(top, #ececec 50%, #ffffff 50%);
	background-image: -o-linear-gradient(top, #ececec 50%, #ffffff 50%);
	background-image: linear-gradient(top, #ececec 50%, #ffffff 50%);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) inset;
}
pre code {
	padding: 0;
	line-height: inherit;
	background-color: transparent;
}
/* ===========================================
 * Button styles
 * ======================================== */
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	padding: 10px 20px 12px 20px;
	border: 1px solid;
	border-color: #709eb1 #598ea4 #417e97 #598ea4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #125e7d;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background: #43c2f9;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #75d2fa), color-stop(100%, #11b2f7));
	background: -webkit-linear-gradient(top, #75d2fa 0%, #11b2f7 100%);
	background: -moz-linear-gradient(top, #75d2fa 0%, #11b2f7 100%);
	background: -o-linear-gradient(top, #75d2fa 0%, #11b2f7 100%);
	background: linear-gradient(top, #75d2fa 0%, #11b2f7 100%);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #417e97 inset, 0 -2px 0 #125e7d inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #417e97 inset, 0 -2px 0 #125e7d inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #417e97 inset, 0 -2px 0 #125e7d inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
	text-decoration: none;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #417e97 inset, 0 -2px 0 #125e7d inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 3px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #417e97 inset, 0 -2px 0 #125e7d inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 3px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #417e97 inset, 0 -2px 0 #125e7d inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 3px rgba(0, 0, 0, 0.075);
}
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	top: 2px;
	margin-bottom: 2px;
	padding-bottom: 10px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #11b2f7), color-stop(100%, #75d2fa));
	background: -webkit-linear-gradient(top, #11b2f7 0%, #75d2fa 100%);
	background: -moz-linear-gradient(top, #11b2f7 0%, #75d2fa 100%);
	background: -o-linear-gradient(top, #11b2f7 0%, #75d2fa 100%);
	background: linear-gradient(top, #11b2f7 0%, #75d2fa 100%);
}
button.button-secondary,
.button.button-secondary,
input[type="submit"].button-secondary,
input[type="reset"].button-secondary,
input[type="button"].button-secondary {
	padding-top: 6px;
	padding-bottom: 8px;
	border-color: #a8b073 #9aa35b #8b9644 #9aa35b;
	color: #6f7c16;
	background: #76ff3f;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9aff72), color-stop(100%, #52ff0c));
	background: -webkit-linear-gradient(top, #9aff72 0%, #52ff0c 100%);
	background: -moz-linear-gradient(top, #9aff72 0%, #52ff0c 100%);
	background: -o-linear-gradient(top, #9aff72 0%, #52ff0c 100%);
	background: linear-gradient(top, #9aff72 0%, #52ff0c 100%);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #8b9644 inset, 0 -2px 0 #6f7c16 inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #8b9644 inset, 0 -2px 0 #6f7c16 inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #8b9644 inset, 0 -2px 0 #6f7c16 inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
}
button.button-secondary:hover,
button.button-secondary:focus,
.button.button-secondary:hover,
.button.button-secondary:focus,
input[type="submit"].button-secondary:hover,
input[type="submit"].button-secondary:focus,
input[type="reset"].button-secondary:hover,
input[type="reset"].button-secondary:focus,
input[type="button"].button-secondary:hover,
input[type="button"].button-secondary:focus {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #8b9644 inset, 0 -2px 0 #6f7c16 inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 3px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #8b9644 inset, 0 -2px 0 #6f7c16 inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 3px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 #8b9644 inset, 0 -2px 0 #6f7c16 inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 3px rgba(0, 0, 0, 0.075);
}
button.button-secondary:active,
.button.button-secondary:active,
input[type="submit"].button-secondary:active,
input[type="reset"].button-secondary:active,
input[type="button"].button-secondary:active {
	padding-bottom: 6px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #52ff0c), color-stop(100%, #9aff72));
	background: -webkit-linear-gradient(top, #52ff0c 0%, #9aff72 100%);
	background: -moz-linear-gradient(top, #52ff0c 0%, #9aff72 100%);
	background: -o-linear-gradient(top, #52ff0c 0%, #9aff72 100%);
	background: linear-gradient(top, #52ff0c 0%, #9aff72 100%);
}


/* ===========================================
 * Wrapper Elements
 * ======================================== */
/* Main wrapper */
#wrapper {
	zoom: 1;
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
}
#wrapper:before {
	content: "";
	display: table;
}
#wrapper:after {
	content: "";
	display: table;
	clear: both;
}

/* ===========================================
 * Elements in order of appearance in HTML
 * ======================================== */
#wrapper > header {
	position: relative;
	z-index: 10;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
	margin-bottom: 0px;
	padding: 15px 4% 20px 4%;
}

#logo {
	float: left;
	margin:0;
	margin-top:15px;
    max-width:350px;
}
#logo h1,
#logo h2 {
	margin: 0;
}
#logo a {
	display: block;
}
#logo img {
	display: block;
	width: 100%;
	height: auto;
}
#logo h2 {
	font: italic 12px/1.5 Georgia, serif;
	color: #787878;
}

#nav-main {
	margin: 100px 0 0 -16px;
	font-size: 14px;
	text-align: left;
}
.no-nav-search #nav-main {
	margin-right: 0;
}
#nav-main ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav-main > ul > li, #nav-main ul.level_2 > li {
	position: relative;
	display: inline-block;
	margin-right: -16px;
	margin-left: 16px;
}
#nav-main > ul > li > a, #nav-main > ul > li > span {
	position: relative;
	display: block;
	z-index: 3;
	padding: 8px 16px 10px 16px;
	/* to avoid a gap between item and dropdown */
	font-weight: bold;
	color: #464749;
	text-decoration: none;
    font-size:16px;
    border-bottom:2px solid transparent;
    margin-bottom:5px;
}
#nav-main  ul.level_2 > li > a, #nav-main ul.level_2 > li > span {
   font-size:15px;
 }
#nav-main > ul > li > a:hover,
#nav-main > ul > li > a:focus {
	color: #00ADF7;
    border-bottom:2px solid transparent !important;
}
#nav-main > ul > li.new > a:after,
#nav-main > ul > li i {
	position: absolute;
	left: 16px;
	top: -9px;
	padding: 2px;
	font: 9px/1 Arial, sans-serif;
	text-transform: uppercase;
	color: white;
	border: 1px solid #4FFF0A;
	border-bottom-color: #6bad22;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #4FFF0A;
}
#nav-main > ul > li.new > a:after {
	content: "new";
}
#nav-main > ul > li.active > a, #nav-main > ul > li.active > span,
#nav-main > ul > li.trail > a, #nav-main > ul > li.trail > span {
	color: #00ADF7;
    border-bottom:2px solid #00ADF7;
}
#nav-main > ul > li.submenu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 2;
	width: 100%;
	height: 100%;
	border: 1px solid #dadada;
	border-bottom:1px solid #fff;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: #ffffff;
-	-webkit-box-shadow: 0 5px 0 -1px #ffffff, 0 3px 0 #dadada, 0 0 0 1px #ebebeb;
-	-moz-box-shadow: 0 5px 0 -1px #ffffff, 0 3px 0 #dadada, 0 0 0 1px #ebebeb;
-	box-shadow: 0 5px 0 -1px #ffffff, 0 3px 0 #dadada, 0 0 0 1px #ebebeb;
}
#nav-main > ul >li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	z-index: 1;
	min-width: 130%;
	margin-top: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	text-align: left;
	white-space: nowrap;
	background: #ffffff;
	border: 1px solid #dadada;
}
#nav-main > ul > li.mm_active > ul {
	border: 1px solid #dadada;
	padding: 0px 15px 10px 15px;
	-webkit-box-shadow: 0 -53px 0 -50px #00ADF7 inset, 0 0 0 1px rgba(0, 0, 0, 0.075), 3px 6px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 -53px 0 -50px #00ADF7 inset, 0 0 0 1px rgba(0, 0, 0, 0.075), 3px 6px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 -53px 0 -50px #00ADF7 inset, 0 0 0 1px rgba(0, 0, 0, 0.075), 3px 6px 20px rgba(0, 0, 0, 0.1);
}
.lt-ie9 #nav-main ul.level_2 {
	margin-top: 0;
}
#nav-main ul.level_2 li {
	display: inline;
	margin: 0;
}
#nav-main ul.level_2 a,
#nav-main ul.level_2 span {
	position: relative;
	display: block;
	padding: 8px 10px 8px 20px;
	border-top: 1px solid #ececec;
	color: #3b3737;
	text-decoration: none;
}
#nav-main ul.level_2 a:hover,
#nav-main ul.level_2 a:focus,
#nav-main ul.level_2 span {
	color: #00ADF7;
}
#nav-main ul.level_2 a:hover:before,
#nav-main ul.level_2 a:hover:after,
#nav-main ul.level_2 a:focus:before,
#nav-main ul.level_2 a:focus:after,
#nav-main ul.level_2 span:before,
#nav-main ul.level_2 span:after,
#nav-main ul.level_2 li.active > a:before,
#nav-main ul.level_2 li.active > a:after,
#nav-main ul.level_2 li.trail > a:before,
#nav-main ul.level_2 li.trail > a:after {
	content: "";
	position: absolute;
	left: 9px;
	top: 11px;
	border: 7px solid transparent;
	border-right: 0;
	border-left-color: #dadada;
}
.lt-ie9 #nav-main ul.level_2 a:hover:before,
.lt-ie9 #nav-main ul.level_2 a:hover:after,
.lt-ie9 #nav-main ul.level_2 a:focus:before,
.lt-ie9 #nav-main ul.level_2 ul a:focus:after,
.lt-ie9 #nav-main ul.level_2 ul span:before,
.lt-ie9 #nav-main ul.level_2 ul span:after,
.lt-ie9 #nav-main ul.level_2 li.active > a:before,
.lt-ie9 #nav-main ul.level_2 li.active > a:after,
.lt-ie9 #nav-main ul.level_2 li.trail > a:before,
.lt-ie9 #nav-main ul.level_2 li.trail > a:after {
	content: none;
}
#nav-main ul.level_2 a:hover:after,
#nav-main ul.level_2 a:focus:after,
#nav-main ul.level_2 li.active > a:after,
#nav-main ul.level_2 li.trail > a:after {
	left:9px;
	top: 12px;
	border-width: 6px;
	border-right-width: 0;
	border-left-color: #ececec;
}
#nav-main ul.level_2 li:first-child > a {
	border-top: 0;
}
#nav-main ul.level_2 ul a {
	margin-left: 10px;
}
#nav-main ul.level_2 ul a:hover:before,
#nav-main ul.level_2 ul a:hover:after,
#nav-main ul.level_2 ul a:focus:before,
#nav-main ul.level_2 ul a:focus:after,
#nav-main ul.level_2 ul li.active > a:before,
#nav-main ul.level_2 ul li.active > a:after,
#nav-main ul.level_2 ul li.trail > a:before,
#nav-main ul.level_2 ul li.trail > a:after {
	content: none;
}
#nav-main ul.level_2 ul ul a {
	margin-left: 20px;
}
#nav-main > ul > li:hover > ul.level_2 {
	display: block;
}
#nav-main > ul > li.submenu:hover:before {
	/* change generated content to avoid IE8 ghost pseudo elements */
	content: " ";
	display: block;
}
#nav-main > ul > li:last-child > ul.level_2,
#nav-main > ul > li.last > ul.level_2 {
	left: auto;
	right: -2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px 0 4px 4px;
	border-radius: 4px 0 4px 4px;
}

#nav-search {
	position: absolute;
	right: 4%;
	top: 56px;
	z-index: 3;
	width: 31px;
	height: 31px;
	overflow: hidden;
	border: 1px solid #dadada;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: width 0.2s ease-out;
	-moz-transition: width 0.2s ease-out;
	-o-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
}
#nav-search:hover,
#nav-search.focus {
	width: 200px;
}
#nav-search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 25px;
	padding-left:2px;
	color: #3b3737;
	white-space: nowrap;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
#nav-search button::before {
	content: "";
    display: block;
    background: url("../../files/mediacenter/img/reste/lupe_grau.gif") no-repeat;
    width: 27px;
    height: 28px;
    float: left;
    margin: 0;
}
#nav-search button:hover::before,
#nav-search button:focus::before {
	content: "";
    display: block;
    background: url("../../files/mediacenter/img/reste/lupe_blau.gif") no-repeat;
    width: 27px;
    height: 28px;
    float: left;
    margin: 0;
}
#nav-search input {
	position: absolute;
	right: 29px;
	top: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 169px;
	height: 29px;
	padding: 0 5px;
	border: 0;
	border-right: 1px solid #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	background: transparent;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
}

#nav-main-mobile,
#nav-main-mobile_styled {
	/* Hide mobile navigation <select> by default */
	display: none;
}

#nav-language {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 12px;
	line-height: 15px;
	color: #787878;
}
#nav-language b {
	color: #3b3737;
}
#nav-language a {
	color: #787878;
}
#nav-service {
	position: absolute;
	right: 4%;
	top: 20px;
	white-space: nowrap;
}
#nav-service ul,
#nav-service li {
	margin: 0;
	padding: 0;
	display: inline;
}
#nav-service li {
	margin: 0 0 0 6px;
}
#nav-service a {
	font-size:13px;
	color:#787878;
	text-decoration:none;
}
#nav-service a:hover, #nav-service strong {
	color:#00ADF7;
}
#nav-service li strong {
	text-decoration:underline;
	color:#00ADF7;
	font-size:13px;
}
#nav-header {
	position: absolute;
	right: 85px;
	top: 60px;
	color: #787878;
	white-space: nowrap;
}
#nav-header ul,
#nav-header li {
	margin: 0;
	padding: 0;
	display: inline;
}
#nav-header li {
	margin: 0 0 0 6px;
}
#nav-header a {
	color: inherit;
}
#nav-header a[data-icon] {
	display: inline-block;
	width: 17px;
	margin-right: -1px;
	font-size: 0;
	line-height: 0;
	color: #ffffff;
}
.twitter:before {content:url('../../files/mediacenter/img/reste/twitter.png');float:left;position:absolute;z-index:9;margin-left:5px}
.xing:before {content:url('../../files/mediacenter/img/reste/xing.png');float:left;position:absolute;z-index:9;margin-left:5px}
.google_plus:before {content:url('../../files/mediacenter/img/reste/google_plus.png');float:left;position:absolute;z-index:9;margin-left:5px}
.google_places:before {content:url('../../files/mediacenter/img/reste/google_places.png');float:left;position:absolute;z-index:9;margin-left:5px}
.facebook:before {content:url('../../files/mediacenter/img/reste/facebook.png');float:left;position:absolute;z-index:9;margin-left:5px}
.youtube:before {content:url('../../files/mediacenter/img/reste/youtube.png');float:left;position:absolute;z-index:9;margin-left:5px}

.twitter span, .xing span, .google_plus span, .google_places span, .youtube span, .facebook span {margin-left:35px;}

#nav-header a[data-icon]:before {
	font: 16px/1 "RockSolid Icons";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 2px;
	color: #787878;
}
#nav-header a:hover.icon-facebook:before,
#nav-header a:focus.icon-facebook:before {
	color: #3b5997;
}
#nav-header a:hover.icon-twitter:before,
#nav-header a:focus.icon-twitter:before {
	color: #0199d1;
}
#nav-header a:hover.icon-googleplus:before,
#nav-header a:focus.icon-googleplus:before {
	color: #474848;
}
#nav-header a:hover.icon-pinterest:before,
#nav-header a:focus.icon-pinterest:before {
	color: #ca2027;
}

#content-wrapper {
	zoom: 1;
	margin: 0px -1px;
	border: 1px solid #ececec;
	border-color: rgba(0, 0, 0, 0.07);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f9f9f9;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
#content-wrapper:before {
	content: "";
	display: table;
}
#content-wrapper:after {
	content: "";
	display: table;
	clear: both;
}
.lt-ie9 #content-wrapper {
	/* to avoid horizontal scrollbar in ie8 */
	margin-right: 0;
	margin-left: 0;
}

#tag-line {
	padding: 36px 4% 0 4%;
	background: #f9f9f9;
}
#tag-line p {
	font-size:16px;
	}
#tag-line h2 {
	margin: 0;
	font-weight: normal;
}
#tag-line h2 {
	font-size: 16px;
	color: #787878;
}
#tag-line .image_container {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
#tag-line img {
	display: block;
	width: 100%;
	height: auto;
}
#tag-line .ce_image:first-child img {
	margin-top: -28px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

aside#sidebar {
	position: relative;
	float: left;
	width: 32%;
	margin: 12px 0 24px;
	padding: 0 4%;
	font-size: 14px;
	z-index: 1;
	overflow: hidden;
	/* sidebar border and shadow */
}
.lt-ie9 aside#sidebar {
	border-right: 1px solid #ececec;
}
aside#sidebar:after,
aside#sidebar:before {
	content: "";
	position: absolute;
	right: 0;
	top: 72px;
	bottom: 85px;
	z-index: -1;
	width: 4px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.1)), color-stop(65%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))) 3px 0 no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.03)), color-stop(65%, rgba(0, 0, 0, 0.03)), color-stop(100%, rgba(0, 0, 0, 0))) -1px 0 no-repeat;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) 3px 0 no-repeat, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) -1px 0 no-repeat;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) 3px 0 no-repeat, -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) -1px 0 no-repeat;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) 3px 0 no-repeat, -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) -1px 0 no-repeat;
	background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) 3px 0 no-repeat, linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) -1px 0 no-repeat;
}
aside#sidebar:before {
	right: auto;
	left: 100%;
	width: 50%;
	background: none;
	-webkit-box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2);
	box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2);
	/* firefox renders box-shadows differently */
	-moz-box-shadow: 50px 0 100px rgba(0, 0, 0, 0.2);
}
aside#sidebar .mod_article,
aside#sidebar .block {
	margin: 24px 0;
}
.eightytwenty-sidebar-right aside#sidebar {
	float: right;
	/* sidebar border and shadow */
}
.lt-ie9 .eightytwenty-sidebar-right aside#sidebar {
	border-left: 1px solid #ececec;
}
.eightytwenty-sidebar-right aside#sidebar:after,
.eightytwenty-sidebar-right aside#sidebar:before {
	left: 0;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.1)), color-stop(65%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))) -3px 0 no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.03)), color-stop(65%, rgba(0, 0, 0, 0.03)), color-stop(100%, rgba(0, 0, 0, 0))) 1px 0 no-repeat;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) -3px 0 no-repeat, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) 1px 0 no-repeat;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) -3px 0 no-repeat, -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) 1px 0 no-repeat;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) -3px 0 no-repeat, -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) 1px 0 no-repeat;
	background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%) -3px 0 no-repeat, linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.03) 65%, rgba(0, 0, 0, 0) 100%) 1px 0 no-repeat;
}
.eightytwenty-sidebar-right aside#sidebar:before {
	left: auto;
	right: 100%;
	-webkit-box-shadow: -30px 0 100px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -30px 0 100px rgba(0, 0, 0, 0.2);
	box-shadow: -30px 0 100px rgba(0, 0, 0, 0.2);
	/* firefox renders box-shadows differently */
	-moz-box-shadow: -50px 0 100px rgba(0, 0, 0, 0.2);
}

.mail-form {
    float:left;
    width:100%;
	position: relative;
	margin: 40px 0;
	padding: 22px 8.33333%;
	border: 1px solid #dadada;
	font-size: 14px;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow:  1px 2px 5px rgba(0, 0, 0, 0.1);
}
.content_menu_right {
	float:right;
	width:280px;
	padding:22px;
	margin: 0 0 10px 10px;
}
#sidebar .mail-form {
	padding: 0px 8.33333% 22px 8.33333%;
}
#google_maps.mail-form {
	padding:0;
}
.mail-form:before,
.mail-form:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 4px;
	padding: 0 1px;
}
.mail-form:after {
	top: auto;
	bottom: -1px;
}
.mail-form form {
	margin: 0 !important;
}
.mail-form h1 {
	margin: 0 !important;
	margin-bottom: 12px;
	color: #464749 !important;
	font-size: 16px !important;
	font-weight: normal;
}
.mail-form h2 {
	margin: 0 0 12px 0 !important;
	font-size: 12px !important;
	font-weight: normal;
	color: #787878;
}
.mail-form h1 + h2 {
	margin-top: -6px;
}
.mail-form p {
	margin: 4px 0;
}
.mail-form textarea {
	min-height: 80px;
	max-height: 300px;
}
.mail-form label {
/*
	font-size: 12px;
*/
	font-size: 14px;
}
.mail-form button {
	margin-top: 6px;
}

aside#sidebar #nav-sub {
	margin: 64px 0 48px;
}
aside#sidebar #nav-sub h1 {
	display: inline;
	margin: 0;
}
aside#sidebar #nav-sub h1 a {
	padding: 8px 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #00ADF7;
	text-decoration: none;
}
aside#sidebar #nav-sub ul {
	margin: 0;
	padding: 0;
}
aside#sidebar #nav-sub > ul {
	margin: 0 -16.66667%;
	padding: 0;
}
aside#sidebar #nav-sub > ul li {
	display: inline;
}
aside#sidebar #nav-sub > ul a {
	display: block;
	margin-right: 1px;
	padding: 5px 12.5%;
	border-top: 1px solid #ffffff;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid #ececec;
	font-size: 14px;
	color: #3b3737;
	text-decoration: none;
}
aside#sidebar #nav-sub > ul a:hover,
aside#sidebar #nav-sub > ul a:focus {
	border-top-color: #00ADF7;
	color: white;
	background: #00ADF7;
}
aside#sidebar #nav-sub > ul > li:first-child a {
	border-top: 0;
}
aside#sidebar #nav-sub > ul ul a {
	padding-left: 18.75%;
}
aside#sidebar #nav-sub > ul ul ul a {
	padding-left: 25%;
}
aside#sidebar #nav-sub > ul li.active > a,
aside#sidebar #nav-sub > ul li.trail > a {
	font-weight: bold;
}

#breadcrumbs {
	margin: 0 0 24px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #dadada;
	font-size: 13px;
	color: #787878;
}
#breadcrumbs a,
#breadcrumbs b {
	margin: 0 2px;
}
#breadcrumbs a {
	text-decoration: none;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus {
	text-decoration: underline;
}
#breadcrumbs b {
	font-weight: inherit;
}
.eightytwenty-sidebar-right #breadcrumbs {
	margin-right: -7.69231%;
	margin-left: -7.69231%;
}
.eightytwenty-fullwidth #breadcrumbs {
	margin-right: -4.7619%;
	margin-left: -4.7619%;
}

/* ===========================================
 * Homepage elements
 * ======================================== */
.eightytwenty-home section#content {
	float: none;
	width: auto;
	margin-right: 4%;
	margin-left: 4%;
}
.eightytwenty-home #content blockquote {
	float: right;
	width: 28.26087%;
	margin: 3px 6.52174% 24px 8.69565%;
	font-size: 24px;
	text-align: right;
	color: #787878;
}
.eightytwenty-home #content blockquote:before {
	content: none;
}
.eightytwenty-home #content blockquote:after {
	content: "“";
	font-size: 132px;
	color: #4FFF0A;
	line-height: 0.95;
	position: absolute;
	right: -23.07692%;
	top: 0;
}
.eightytwenty-home #content blockquote p {
	margin: 0;
}

.teaser-boxes-text,
#content .teaser-boxes-text {
	margin: 48px -4.34783% 36px;
	padding: 40px 0 0 0;
	border-top: 1px dotted #dadada;
	font-size: 0;
}
.teaser-boxes-text .box,
#content .teaser-boxes-text .box {
	position: relative;
	display: inline-block;
	width: 20%;
	margin: 0 0 40px 4%;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}
.teaser-boxes-text .box h3,
#content .teaser-boxes-text .box h3 {
	margin: 0!important;
	color: #464749;
	font-size: 16px;
	text-shadow: none;
	border: none !important;
	line-height: 48px !important;
}
.teaser-boxes-text .box:before,
#content .teaser-boxes-text .box:before {
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	font-size: 80px;
/*
	color: #4FFF0A;
*/
	color: #01ADF7;
	text-align: center;
/*
	text-shadow: 0 2px 0 #497617;
*/
	text-shadow: 0 2px 0 #417E97;
}
.teaser-boxes-text .box p,
#content .teaser-boxes-text .box p {
	margin: 20px 0;
}

.highlight-box,
#content .highlight-box {
	zoom: 1;
	position: relative;
	margin: 36px -1px;
	padding: 35px 30.43478% 35px 4.34783%;
	border: 1px solid #a0a0a0;
	background: #ffffff;
	-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);
}
.highlight-box:before,
#content .highlight-box:before {
	content: "";
	display: table;
}
.highlight-box:after,
#content .highlight-box:after {
	content: "";
	display: table;
	clear: both;
}
.highlight-box h2,
#content .highlight-box h2 {
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: normal;
	color: #464749;
	text-shadow: none;
	border: none !important;
}
.highlight-box h3,
#content .highlight-box h3 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #787878;
	border: none !important;
}
.highlight-box .button,
#content .highlight-box .button {
	position: absolute;
	right: 4.34783%;
	top: 50%;
	margin-top: -22px;
}
.highlight-box .button:active,
#content .highlight-box .button:active {
	margin-top: -20px;
}
.highlight-box .button:before,
#content .highlight-box .button:before {
	top: 4px;
	margin-right: 8px;
	font-size: 18px;
}

.article-boxes,
#content .article-boxes {
	margin: 36px 0;
}
.article-boxes > h1,
#content .article-boxes > h1 {
	margin: 0;
	border-bottom: 1px dotted #a0a0a0;
	font-size: 24px;
	font-weight: normal;
	color: #464749;
	text-shadow: none;
}
.article-boxes > h1:before,
#content .article-boxes > h1:before {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f12a";
}
.article-boxes article,
#content .article-boxes article {
	position: relative;
	min-height: 88px;
	margin: 16px 0 0 0;
	padding: 0 0 0 13.04348%;
}
.article-boxes article h1,
#content .article-boxes article h1 {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #464749;
	text-shadow: none;
}
.article-boxes article h1 a,
#content .article-boxes article h1 a {
	color: #464749;
}
.article-boxes article h1 a:hover,
#content .article-boxes article h1 a:hover {
	color: #00ADF7;
}
.article-boxes article h1 i,
#content .article-boxes article h1 i {
	position: absolute;
	left: 0;
	width: 8.69565%;
	height: 80px;
	padding-top: 11px;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	background: #00ADF7;
	-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #a0a0a0, 0 3px 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #a0a0a0, 0 3px 4px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #a0a0a0, 0 3px 4px 4px rgba(0, 0, 0, 0.1);
}
.article-boxes article h1 i:after,
#content .article-boxes article h1 i:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border-top: 10px solid #00678f;
	border-right: 10px solid #ffffff;
}
.article-boxes article h1 i b,
#content .article-boxes article h1 i b {
	display: block;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -2px;
}
.article-boxes article p,
#content .article-boxes article p {
	margin: 0;
}

.news-boxes,
#content .news-boxes {
	float: left;
	width: 56.52174%;
}
.news-boxes > h1:before,
#content .news-boxes > h1:before {
	content: "\e09b";
}
.news-boxes article,
#content .news-boxes article {
	padding-left: 23.07692%;
}
.news-boxes article h1 i,
#content .news-boxes article h1 i {
	width: 15.38462%;
}

.event-boxes,
#content .event-boxes {
	float: left;
	width: 39.13043%;
	margin-left: 4.34783%;
	/* for rounding failures */
	margin-right: -1%;
}
.event-boxes article,
#content .event-boxes article {
	padding-left: 33.33333%;
}
.event-boxes article h1 i,
#content .event-boxes article h1 i {
	width: 22.22222%;
	background: #4FFF0A;
}
.event-boxes article h1 i:after,
#content .event-boxes article h1 i:after {
	border-top-color: #4b7918;
}
.event-boxes article p a,
#content .event-boxes article p a {
	display: block;
}
.event-boxes article p i,
#content .event-boxes article p i {
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
}

/* ===========================================
 * Content styles
 * ======================================== */
section#content {
	float: right;
	width: 52%;
	margin: 36px 8% 36px 0;
}
.eightytwenty-fullwidth section#content, section#vor_footer {
	float: none;
	width: auto;
	margin-left: 8%;
	margin-right: 8%;
}
.eightytwenty-sidebar-right section#content {
	float: left;
	margin-right: 0;
	margin-left: 8%;
}

#content p,
#content ul,
#content ol,
#content table,
#content blockquote,
#content form,
#content fieldset {
	margin: 24px 0;
}
#content h1, #tag-line h1 {
	margin: 36px 0 24px 0;
	font-size: 36px;
	line-height: 1.5em;
	color: #464749;
	text-shadow: 0 2px 0 #ffffff;
}
#content h2 {
	margin: 24px 0 12px!important;
	font-size: 24px;
	color: #464749;
}
#content h1 + h2 {
	margin-top: -12px;
}
#content section h1,
#content article h1 {
	font-size: 36px;
}
#content h2,
#content section h2,
#content article h2 {
	margin: 12px 0;
	font-size: 24px;
}
#content h3,
#content section h3,
#content article h3 {
	margin: 24px 0 12px!important;
	font-size: 18px;
	font-weight: bold;
}
.mod_navigation h3 {
	border-bottom: 1px solid #dadada;
	font-size: 16px!important;
}

#content h5,
#content h6 {
	margin: 0;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	word-spacing: 2px;
}
#content h6 {
	color: #787878;
}
#content h2 + p,
#content h2 + ul,
#content h2 + ol,
#content h2 + table,
#content h2 + figure,
#content h2 + blockquote,
#content h3 + p,
#content h3 + ul,
#content h3 + ol,
#content h3 + table,
#content h3 + figure,
#content h3 + blockquote,
#content h4 + p,
#content h4 + ul,
#content h4 + ol,
#content h4 + table,
#content h4 + figure,
#content h4 + blockquote,
#content h5 + p,
#content h5 + ul,
#content h5 + ol,
#content h5 + table,
#content h5 + figure,
#content h5 + blockquote,
#content h6 + p,
#content h6 + ul,
#content h6 + ol,
#content h6 + table,
#content h6 + figure,
#content h6 + blockquote {
	margin-top: 0;
}
#content section h1,
#content section h2,
#content section h3,
#content section h4,
#content section h5,
#content section h6,
#content section p,
#content section ul,
#content section ol,
#content section table,
#content section blockquote,
#content article h1,
#content article h2,
#content article h3,
#content article h4,
#content article h5,
#content article h6,
#content article p,
#content article ul,
#content article ol,
#content article table,
#content article blockquote {
	margin: 12px 0;
}
#content ul,
#content ol {
	padding-left: 40px;
}
#content ul li[data-icon],
#content ol li[data-icon] {
	list-style: none;
}
#content ul li[data-icon]:before,
#content ol li[data-icon]:before {
	left: -21px;
	width: 0;
}
#content ul {
	list-style: disc;
}
#content ul ul {
	margin-top: 0;
}
#content ol {
	list-style: decimal;
}
#content ol ol,
#content ol ul {
	margin-top: 0;
}
#content ol ol {
	list-style: upper-alpha;
}
#content ol ol ol {
	list-style: lower-roman;
}
#content ol ol ol ol {
	list-style: lower-alpha;
}
#content blockquote {
	position: relative;
	margin-left: 11.53846%;
	font-size: 21px;
}
#content blockquote p {
	margin: 12px 0;
}
#content blockquote:before {
	content: "“";
	font-size: 132px;
	color: #4FFF0A;
	line-height: 0.95;
	position: absolute;
	top: 0;
	left: -60px;
}
#content blockquote small,
#content blockquote i,
#content blockquote em,
#content blockquote cite {
	font-size: 16px;
	font-style: normal;
	color: #787878;
}
#content blockquote small:before,
#content blockquote i:before,
#content blockquote em:before,
#content blockquote cite:before {
	/* non breaking space to avoid line breaks after dash */
	content: "–\a0";
}
#content img {
	max-width: 100%;
	height: auto;
}
.lt-ie9 #content img {
	/* ie8 bug with disappearing images */
}
#content table {
	margin-bottom: 36px;
}

.image_container {
	position: relative;
}

.image_container img {
	display: block;
	width: 100%;
	height: auto;
}
.image_container figcaption,
.image_container .caption {
	padding: 6px 10px 0 0;
	width: 100% !important;
	font-size: 12px;
}

.image_container.float_right,
.image_container.float_left {
	float: right;
	width: 46.15385% !important;
	margin: 58px -10px 20px 20px;
}
.eightytwenty-home .image_container.float_right,
.eightytwenty-fullwidth .image_container.float_right,
.eightytwenty-home .image_container.float_left,
.eightytwenty-fullwidth .image_container.float_left {
	width: 39.13043% !important;
}

.image_container.float_left {
	float: left;
	margin: 9 25px 20px -10px;
}

.ce_youtube-wrapper {
	margin: 24px 0 36px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 0 0 9px #ffffff, 0 0 0 10px #a0a0a0, 0 3px 0 8px #ffffff, 0 3px 0 9px #a0a0a0, 0 6px 0 7px #ffffff, 0 6px 0 8px #a0a0a0, 0 12px 10px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 9px #ffffff, 0 0 0 10px #a0a0a0, 0 3px 0 8px #ffffff, 0 3px 0 9px #a0a0a0, 0 6px 0 7px #ffffff, 0 6px 0 8px #a0a0a0, 0 12px 10px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 9px #ffffff, 0 0 0 10px #a0a0a0, 0 3px 0 8px #ffffff, 0 3px 0 9px #a0a0a0, 0 6px 0 7px #ffffff, 0 6px 0 8px #a0a0a0, 0 12px 10px 5px rgba(0, 0, 0, 0.2);
}
.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ce_player .mejs-video {
	margin: 24px 0 36px;
	-webkit-box-shadow: 0 0 0 9px #ffffff, 0 0 0 10px #a0a0a0, 0 3px 0 8px #ffffff, 0 3px 0 9px #a0a0a0, 0 6px 0 7px #ffffff, 0 6px 0 8px #a0a0a0, 0 12px 10px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 9px #ffffff, 0 0 0 10px #a0a0a0, 0 3px 0 8px #ffffff, 0 3px 0 9px #a0a0a0, 0 6px 0 7px #ffffff, 0 6px 0 8px #a0a0a0, 0 12px 10px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 9px #ffffff, 0 0 0 10px #a0a0a0, 0 3px 0 8px #ffffff, 0 3px 0 9px #a0a0a0, 0 6px 0 7px #ffffff, 0 6px 0 8px #a0a0a0, 0 12px 10px 5px rgba(0, 0, 0, 0.2);
}

.ce_gallery > ul {
	zoom: 1;
	margin: 0 !important;
	padding: 0 0 1.5% 0 !important;
	list-style: none !important;
	border: 1px solid #a0a0a0;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
}
.ce_gallery > ul:before {
	content: "";
	display: table;
}
.ce_gallery > ul:after {
	content: "";
	display: table;
	clear: both;
}
.ce_gallery > ul > li {
	float: left;
	width: 31.3333%;
	margin: 1.5% 0 0 1.5%;
}
#sidebar .ce_gallery > ul {
	padding-bottom: 3% !important;
}
#sidebar .ce_gallery > ul > li {
	width: 45.5%;
	margin-top: 3%;
	margin-left: 3%;
}
.ce_gallery .image_container {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#content .ce_imageslider img {
	max-width: none;
}

.enclosure,
.ce_downloads {
	position: relative;
	margin: 24px 0;
	padding: 7px 3.84615% 10px;
	border: 1px solid #dadada;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff;
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff;
	box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff;
}
.enclosure:before,
.ce_downloads:before {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f019";
}
.enclosure p,
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.enclosure ul,
.ce_downloads p,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.ce_downloads ul {
	margin: 6px 0 !important;
}
.enclosure ul,
.ce_downloads ul {
	list-style: none !important;
	padding: 0 !important;
}

aside#sidebar h1,
aside#sidebar h2,
aside#sidebar h3 {
	margin: 24px 0 12px;
/*
	font-size: 12px;
	text-transform: uppercase;
*/
	font-size: 18px;
	color: #464749;
}
aside#sidebar h2,
aside#sidebar h3 {
/*
	color: #787878;
*/
}
aside#sidebar p,
aside#sidebar ul,
aside#sidebar ol,
aside#sidebar table,
aside#sidebar blockquote,
aside#sidebar fieldset,
aside#sidebar form {
	margin: 12px 0;
}
aside#sidebar ul,
aside#sidebar ol {
	padding: 0;
	list-style-type: none;
}
aside#sidebar table {
	margin-bottom: 24px;
	border-color: #dadada;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #dadada, 0 5px 5px rgba(0, 0, 0, 0.1);
}
aside#sidebar .mod_article,
aside#sidebar .block {
	margin: 24px 0;
}

/* ===========================================
 * Form styles
 * ======================================== */
form label {
	display: block;
	margin-bottom: 4px;
}
form input,
form textarea {
	padding: 5px 10px;
	border: 1px solid #a0a0a0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: inherit;
	background: #ffffff;
	-webkit-box-shadow: 2px 4px 1px -2px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 2px 4px 1px -2px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 2px 4px 1px -2px rgba(0, 0, 0, 0.15) inset;
}
form input:focus,
form textarea:focus {
	-webkit-box-shadow: 2px 4px 1px -2px rgba(0, 0, 0, 0.15) inset, 0 0 0 3px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 2px 4px 1px -2px rgba(0, 0, 0, 0.15) inset, 0 0 0 3px rgba(0, 0, 0, 0.075);
	box-shadow: 2px 4px 1px -2px rgba(0, 0, 0, 0.15) inset, 0 0 0 3px rgba(0, 0, 0, 0.075);
	outline: none;
}
form input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
form input[type="checkbox"],
form input[type="radio"],
form input[type="image"] {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
form input[type="checkbox"] + label,
form input[type="radio"] + label {
	display: inline;
}
form input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
form input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	background: none;
}
form input[type="file"] {
	height: auto;
	padding: 0;
	font-size: 14px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
form button,
form input[type="submit"] {
	margin: 12px 0;
}
form button:active,
form input[type="submit"]:active {
	margin-bottom: 14px;
}
form select {
	font-size: 13px;
}
form textarea {
	resize: vertical;
	padding-top: 10px;
	padding-bottom: 10px;
}
form fieldset p {
	margin: 0 !important;
}
form fieldset label:after {
	content: "\A";
	white-space: pre;
}
form .valid input,
form .valid input:hover,
form .valid textarea,
form .valid textarea:hover {
	border-color: #87aa4a;
	-webkit-box-shadow: 0 0 0 4px rgba(135, 170, 74, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 0 0 4px rgba(135, 170, 74, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 0 0 4px rgba(135, 170, 74, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
form span.mandatory {
	margin-left: 2px;
	font-size: 18px;
	color: #f62b1c;
}
form .invalid input,
form .invalid input:hover,
form .invalid input:focus,
form .invalid textarea,
form .invalid textarea:hover,
form .invalid textarea:focus,
form input.error,
form input.error:hover,
form input.error:focus,
form textarea.error,
form textarea.error:hover,
form textarea.error:focus {
	border-color: #e14e4e;
	-webkit-box-shadow: 0 0 0 4px rgba(225, 78, 78, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 0 0 4px rgba(225, 78, 78, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 0 0 4px rgba(225, 78, 78, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
form b.error {
	color: #f62b1c;
}
form .explanation,
form .captcha_text {
	font-size: 12px;
	margin: -18px 0 24px;
	color: #787878;
}
form .explanation p,
form .captcha_text p {
	margin: 0 !important;
}
form .captcha_text {
	display: block;
	margin-top: 6px;
	color: #00ADF7;
	font-size: inherit;
	font-style: italic;
}
form .styled_select {
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
}

#content form input[type="text"],
#content form input[type="password"],
#content form input[type="email"] {
	width: 61.53846%;
}
#content form textarea {
	width: 100%;
}

aside#sidebar form input,
aside#sidebar form textarea,
aside#sidebar form button {
	width: 100%;
}
aside#sidebar form input[type="checkbox"],
aside#sidebar form input[type="radio"],
aside#sidebar form input[type="image"] {
	width: auto;
	height: auto;
}

/* ===========================================
 * Footer styles
 * ======================================== */
#wrapper > footer {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color:white;
	background: #464749;
}
#wrapper > footer .footer-column {
	float: left;
	margin: 30px 0 0 4%;
}
#wrapper > footer .footer-column h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px;
}
#wrapper > footer .footer-column ul,
#wrapper > footer .footer-column ol,
#wrapper > footer .footer-column p {
	margin: 15px 0;
}
#wrapper > footer .footer-column ul,
#wrapper > footer .footer-column ol {
	list-style: none;
	padding-left: 0;
}

#wrapper > footer .footer-column-1 li a b {
	display: inline-block;
	margin-right: 4px;
	padding: 0 3px;
	font-weight: inherit;
	line-height: 1.3;
	text-decoration: none;
	color: white;
	background-color: #00ADF7;
}

#wrapper > footer .footer-column-1 {
	width: 15%;
}
#wrapper > footer .footer-column-2 {
	width: 20%;
}
#wrapper > footer .footer-column-3 {
	width: 20%;
}
#wrapper > footer .footer-column-4 {
	width: 12.5%;
}
#wrapper > footer .footer-column-5 {
	width: 10%;
}
#wrapper > footer .footer-column-5 ul,
#wrapper > footer .footer-column-5 li {
	display: inline;
	margin: 0;
	padding: 0;
}
#wrapper > footer .footer-column-5 a {
	margin-right: 5px;
}
.neue_zeile {clear:both;}

#nav-footer {
	float: left;
	width: 70%;
	margin: 15px 0 15px 4%;
}
#nav-footer ul,
#nav-footer li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav-footer a {
	margin-right: 3.33333%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#nav-footer a:hover,
#nav-footer a:focus,
#nav-footer a.active {
	text-decoration: underline;
}
#nav-footer a:after {
	color: #ffffff;
}

/* ===========================================
 * Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.)
 * ======================================== */
.back a:before,
.previous a:before {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f053";
}

.next a:after {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f054";
}

.pagination > p {
	text-align: center;
}
.pagination ul {
	list-style-type: none !important;
	text-align: center;
}
.pagination ul li {
	display: inline-block;
}
.pagination ul li a,
.pagination ul li span {
	padding: 4px 12px;
	background-color: #ffffff;
}
.pagination ul li .current {
	border-bottom: 1px solid #ececec;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #ffffff), color-stop(100%, #eaeaea));
	background-image: -webkit-linear-gradient(#ffffff 1%, #eaeaea 100%);
	background-image: -moz-linear-gradient(#ffffff 1%, #eaeaea 100%);
	background-image: -o-linear-gradient(#ffffff 1%, #eaeaea 100%);
	background-image: linear-gradient(#ffffff 1%, #eaeaea 100%);
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset;
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset;
}

/* Search */
section#content .mod_search {
	margin: 24px 0;
}
section#content .mod_search form input[type="search"] {
	width: 74%;
	margin: 0;
	padding: 8px 10px;
}
section#content .mod_search form input[type="submit"] {
	width: 25%;
	margin-left: 0;
	margin-right: -2%;
	padding-bottom: 10px;
}
section#content .mod_search form input[type="submit"]:active {
	padding-bottom: 8px;
}
section#content .mod_search h3 span.relevance {
	float: right;
	font-size: 14px;
}
section#content .mod_search .header {
	padding-bottom: 6px;
	border-bottom: 1px solid #dadada;
	color: #787878;
}
section#content .mod_search .highlight {
	padding: 0 5px;
	font-weight: bold;
	background: #99ddf8;
}
section#content .mod_search .url {
	padding-bottom: 24px;
	border-bottom: 1px dotted #dadada;
	color: #787878;
}
section#content .mod_search .url:before {
	margin-right: 5px;
	font: 16px/1 "RockSolid Icons";
	content: "\e15b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 1px;
}
section#content .mod_search .url .filesize {
	display: inline-block;
	font-size: 12px;
}

/* FAQ */
.mod_faqpage section {
	padding-left: 11.53846%;
	margin: 48px 0;
}
.mod_faqpage section h3 {
	border-bottom: 0 !important;
}
.mod_faqpage section h3:before {
	font: 16px/1 "RockSolid Icons";
	content: "\e1be";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	height: 27px;
	width: 36px;
	padding-top: 9px;
	margin-right: 20px;
	margin-left: -60px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #00ADF7;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 0 0 0 3px #ececec;
	-moz-box-shadow: 0 0 0 3px #ececec;
	box-shadow: 0 0 0 3px #ececec;
}

.mod_faqpage .info,
.mod_faqreader .info {
	font-size: 12px;
	color: #787878;
}

.mod_faqlist ul {
	list-style-type: none !important;
}
.mod_faqlist ul li {
	padding: 6px 0;
}
.mod_faqlist ul li:before {
	font: 15px/1 "RockSolid Icons";
	content: "\e09a";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 6px;
	color: #00ADF7;
}

/* News */
.mod_newslist .info,
.mod_newsarchive .info {
	margin-bottom: 0 !important;
}
.mod_newslist .info + h2,
.mod_newsarchive .info + h2 {
	margin-top: 0 !important;
}
.mod_newslist .more,
.mod_newsarchive .more {
	margin-top: -12px !important;
}
.mod_newslist > .layout_short,
.mod_newsarchive > .layout_short {
	margin-bottom: 24px;
	border-bottom: 1px solid #ececec;
}
footer .mod_newslist li,
footer .mod_newsarchive li {
	margin-bottom: 6px;
}

/* Events */
.mod_calendar table {
	border-collapse: separate;
}
.mod_calendar th {
	background: #f9f9f9;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #d9d9d9));
	background-image: -webkit-linear-gradient(#e6e6e6, #d9d9d9);
	background-image: -moz-linear-gradient(#e6e6e6, #d9d9d9);
	background-image: -o-linear-gradient(#e6e6e6, #d9d9d9);
	background-image: linear-gradient(#e6e6e6, #d9d9d9);
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8) inset, -1px 0 0 0 rgba(255, 255, 255, 0.8) inset, 0 2px 2px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8) inset, -1px 0 0 0 rgba(255, 255, 255, 0.8) inset, 0 2px 2px rgba(255, 255, 255, 0.8);
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8) inset, -1px 0 0 0 rgba(255, 255, 255, 0.8) inset, 0 2px 2px rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid #dadada;
}
.mod_calendar th.previous,
.mod_calendar th.next {
	padding: 0;
}
.mod_calendar th.previous a,
.mod_calendar th.next a {
	padding: 11px 16px;
	display: block;
	text-decoration: none;
}
.mod_calendar th.previous a:hover,
.mod_calendar th.previous a:focus,
.mod_calendar th.next a:hover,
.mod_calendar th.next a:focus {
	color: #006389;
}
.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
	display: none;
}
.mod_calendar th.previous a:active,
.mod_calendar th.next a:active {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset;
}
.mod_calendar th.current {
	text-align: center;
}
.mod_calendar th.current:before {
	font: 16px/1 "RockSolid Icons";
	content: "\e07b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 6px;
}
.mod_calendar th.next {
	text-align: right;
}
.mod_calendar th.label {
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #ececec !important;
}
.mod_calendar td {
	width: 14.28571%;
	background: #f2f2f2;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #f2f2f2), color-stop(100%, #e6e6e6));
	background-image: -webkit-linear-gradient(#f2f2f2 1%, #e6e6e6 100%);
	background-image: -moz-linear-gradient(#f2f2f2 1%, #e6e6e6 100%);
	background-image: -o-linear-gradient(#f2f2f2 1%, #e6e6e6 100%);
	background-image: linear-gradient(#f2f2f2 1%, #e6e6e6 100%);
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8) inset, -1px 0 0 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8) inset, -1px 0 0 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8) inset, -1px 0 0 0 rgba(255, 255, 255, 0.8) inset;
}
.mod_calendar td.empty,
.mod_calendar td:hover {
	color: #464749;
	background: #ffffff;
}
.mod_calendar td.today {
	color: #464749 !important;
	background: #cbcbcb;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;
}
.mod_calendar td.today a {
	color: #ffffff !important;
}
.mod_calendar td.today a:hover {
	border-color: #969696 !important;
}
.mod_calendar tbody tr:hover {
	background-color: #eaeaea !important;
}
.mod_calendar .event {
	font-size: 12px;
}
.mod_calendar .minicalendar td {
	padding: 3px;
	text-align: center;
}

.mod_eventreader .info,
.mod_eventlist .header {
	font-weight: bold;
}

.mod_eventlist .event h2 {
	margin-top: 0 !important;
}

.mod_eventreader .info time:before,
.mod_eventlist .header:before {
	font: 15px/1 "RockSolid Icons";
	content: "\e07b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 4px;
}

/* Comments */
.ce_comments {
	border-top: 1px solid #dadada;
	margin-top: 36px;
}
.ce_comments .comment_default {
	position: relative;
	padding: 24px 7.69231%;
	margin-bottom: 24px;
	border: 1px solid #dadada;
	background-color: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 3px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #dadada, 0 3px 5px rgba(0, 0, 0, 0.1);
}
.ce_comments .comment_default:after {
	font: 64px/1 "RockSolid Icons";
	content: "\e0b7";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	color: #ececec;
	position: absolute;
	top: 10px;
	right: 12px;
	margin-right: 6px;
	z-index: 1;
}
.ce_comments .comment_default .info {
	position: relative;
	display: inline;
	z-index: 2;
	border-bottom: 1px solid #dadada;
}
.ce_comments .comment_default .info a {
	text-decoration: none;
}
.ce_comments .comment_default .info .date {
	display: inline-block;
	font-weight: normal;
	color: #787878;
}
.ce_comments .comment_default .info .date:before {
	display: none;
}
.ce_comments .comment_default .comment {
	font-size: 14px;
	position: relative;
	z-index: 2;
}
.ce_comments .comment_default .reply {
	padding-left: 7.69231%;
}
.ce_comments .comment_default .reply .info:before {
	font: 12px/1 "RockSolid Icons";
	content: "\e033";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	color: #4FFF0A;
	position: absolute;
	top: 4px;
	left: -24px;
}
.ce_comments .form {
	margin-top: 36px;
}
.ce_comments form input[type="text"],
.ce_comments form input[type="password"],
.ce_comments form input[type="email"],
.ce_comments form input[type="url"],
#content .ce_comments form input[type="text"],
#content .ce_comments form input[type="password"],
#content .ce_comments form input[type="email"],
#content .ce_comments form input[type="url"] {
	width: 53.84615%;
	float: right;
}
.ce_comments form label {
	float: left;
	margin-top: 3px;
}
.ce_comments form fieldset {
	margin: 0 !important;
	border: 0;
}
.ce_comments form fieldset label {
	float: none;
	margin-left: 5px;
}
.ce_comments form .widget {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	margin: 12px 0;
}
.ce_comments form .captcha_text {
	display: inline;
}

/* Sitemap */
#content .mod_sitemap ul {
	padding-left: 0;
	list-style-type: none;
}
#content .mod_sitemap ul li {
	border-top: 1px solid #dadada;
}
#content .mod_sitemap ul li:first-child,
#content .mod_sitemap ul li.first {
	border: 0;
}
#content .mod_sitemap ul li li {
	padding: 3px 24px;
	font-size: 14px;
	border-color: #ececec;
}
#content .mod_sitemap ul li li.submenu {
	border: 0;
}
#content .mod_sitemap ul li li.submenu ul {
	margin: 0;
}
#content .mod_sitemap > ul > li {
	padding: 6px 0;
}
#content .mod_sitemap > ul > li:before {
	display: none;
	font-family: "Font Awesome 5 Solid";   
	content: "\f07b";
}
#content .mod_sitemap > ul > li svg {
	margin-right:8px;
	color:#01ADF7;
}
.bla {
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 8px;
	color: #00ADF7;
}

/* Login */
.mod_login {
	padding: 0 5%;
	border: 1px solid #a0a0a0;
	text-align: center;
	background-color: #ffffff;
	-webkit-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 0 -2px #ffffff, 0 3px 0 -1px #a0a0a0, 0 6px 0 -3px #ffffff, 0 6px 0 -2px #a0a0a0, 0 5px 5px rgba(0, 0, 0, 0.2);
}
.mod_login h2 {
	padding-bottom: 6px;
	border-bottom: 1px solid #dadada;
}
.mod_login input {
	width: 80% !important;
}
.mod_login table {
	margin-bottom: 0 !important;
	background: none !important;
	border: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.mod_login table tr {
	background-color: transparent !important;
}

/* Newsletter */
#content .mod_nl_list ul {
	padding-left: 0;
	list-style-type: none;
}
#content .mod_nl_list ul li {
	padding: 3px 0;
	border-top: 1px solid #dadada;
}
#content .mod_nl_list ul li:first-child,
#content .mod_nl_list ul li.first {
	border: 0;
}

/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#sidebar .dlh_googlemap {
	/* Setting the maps width to 100% is best practice in the sidebar, since it becomes fluid that way */
	width: 100% !important;
}

#content .dlh_googlemap img {
	max-width: none;
}
.mail-form .mod_customnav ul, .mail-form .mod_navigation ul {padding-left:0px!important;}
.mail-form .mod_customnav li, .mail-form .mod_navigation li{list-style-type:none;line-height:2em;margin-left:3px;padding-left:15px;background:url("/files/mediacenter/img/reste/bullet.gif") left center no-repeat;}
#sidebar .mod_customnav li, #sidebar .mod_navigation li {list-style-type:none;line-height:2em;margin-left:3px;padding-left:15px;background:url("/files/mediacenter/img/reste/bullet.gif") left center no-repeat;}
.glossar_items > li {margin: 20px 0;padding: 10px 3%;}
#content .mail-form h3 {margin-top:0!important;}

.produktnav {height: 130px;}	
.produktnav ul {margin-bottom:0;}
.produktnav li {line-height:14px;}
.produktnav a{font-size:12px;}
#footer-info {margin: 45px 4% 15px 0;}
#nav-main #megamenue_druck ul, #nav-main #megamenue_druck li, 
#nav-main #megamenue_internet ul, #nav-main #megamenue_internet li, 
#nav-main #megamenue_werbetechnik ul, #nav-main #megamenue_werbetechnik li,
#nav-main #megamenue_agentur ul, #nav-main #megamenue_agentur li,
#nav-main #megamenue_gestaltung ul, #nav-main #megamenue_gestaltung li   {
	overflow:visible!important;
}
#nav-main #megamenue_druck ul.level_1 > li,
#nav-main #megamenue_internet ul.level_1 > li,
#nav-main #megamenue_werbetechnik ul.level_1 > li,
#nav-main #megamenue_gestaltung ul.level_1 > li,
#nav-main #megamenue_agentur ul.level_1 > li {
	display:block!important;
	float:left!important;
	padding:15px 10px 0px 10px!important;
	font-size:14px!important;
	font-weight:bold!important;
}
#nav-main #megamenue_druck ul.level_1 > li {width:160px!important;}
#nav-main #megamenue_internet ul.level_1 > li {width:160px!important;}
#nav-main #megamenue_werbetechnik ul.level_1 > li {width:160px!important;}
#nav-main #megamenue_agentur ul.level_1 > li {width:160px!important;}
#nav-main #megamenue_gestaltung ul.level_1 > li {width:160px!important;}

#nav-main #megamenue_werbetechnik ul.level_1 > li > span, 
#nav-main #megamenue_druck ul.level_1 > li > span{color:#00adf7!important;}

#nav-main #megamenue_druck ul.level_2 > li, 
#nav-main #megamenue_internet ul.level_2 > li, 
#nav-main #megamenue_agentur ul.level_2 > li, 
#nav-main #megamenue_gestaltung ul.level_2 > li, 
#nav-main #megamenue_werbetechnik ul.level_2 > li {
	display:block!important;
	font-size:13px!important;
	font-weight:normal!important;
	padding:0!important;
	margin:0!important;
	padding-right:20px!important;
}
#megamenue_druck {width:680px;}
#megamenue_internet {width:504px;}
#megamenue_werbetechnik {width:840px;}
#megamenue_gestaltung {width:168px;}
#megamenue_agentur {width:168px;}

#referenzenslider .image_container {margin: 0 2.5% !important;}
#referenzenslider .ce_image:first-child img {margin-top:0px !important;}
#nav-main > ul > li.first > a, #nav-main > ul > li.first > span {
	text-indent:-9999px;
	padding: 8px 16px 10px;
	display:block;
	background-position:center 10px;
	background-image:url('/files/mediacenter/img/reste/home_passiv.gif');
	background-repeat:no-repeat;
}
#nav-main > ul > li.first > a:hover, #nav-main > ul > li.first > span {background-image:url('/files/mediacenter/img/reste/home_aktiv.gif');}

.megamenue_class > ul > li > a, .megamenue_class > ul > li > span {color: #464749!important; text-decoration:none!important;}
.megamenue_class > ul > li > a.trail, .megamenue_class > ul > li > a:hover, .megamenue_class > ul > li > span {color: #00adf7!important;}

#megamenue_gestaltung > ul > li > a, #megamenue_gestaltung > ul > li > span,
#megamenue_agentur > ul > li > a, #megamenue_agentur > ul > li > span {font-weight:normal!important;margin-left:4px;}

#megamenue_gestaltung > ul > li:hover, #megamenue_gestaltung > ul > li.active,
#megamenue_agentur > ul > li:hover, #megamenue_agentur > ul > li.active {
    background: rgba(0, 0, 0, 0) url("/files/mediacenter/img/reste/bullet.gif") no-repeat scroll left center;
    padding-left: 20px;
	background-position:left 19px;
}
#mobile_menu_button {position:absolute; top:25px;z-index:10;width:30px; height:28px;background:url('/files/mediacenter/img/reste/menue.gif') no-repeat left top;display:none;}
#mobile_menu_button a {display:block;width:30px; height:28px;}
.dreibildslider {max-width:inherit!important;width:100%;}

#colorbox, #cboxOverlay, #cboxWrapper {overflow:visible;}
#cboxTitle {top:inherit;bottom:-10px;position:relative;color:#666;}
#cboxOverlay {background: #fff none repeat scroll 0 0;}
#cboxCurrent {color:#666;top:-25px;}
#cboxContent {background: none;}
#cboxLoadedContent { border: 0px solid #fff;border-radius: 35px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);}
#cboxPrevious {left:-28px;background: rgba(0, 0, 0, 0) url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat scroll right top;}
#cboxPrevious:hover  {background-position:right bottom;}
#cboxNext {right:-28px;background: rgba(0, 0, 0, 0) url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat scroll left top;}
#cboxNext:hover  {background-position:left bottom;}
#cboxClose {top:0;right:35px;}

.new_icon {
position: absolute;
top: 45px;
left: 0;
width: 100%;
font-size: 80px;
color: #01ADF7;
text-align: center;
}
.new_icon_shadow{position: absolute;top: 46px;left: 1px;width: 100%;font-size: 80px;color: #grey;text-align: center;}
#footer-info {position: absolute;right: 0;margin-top: 205px;}
#footer-info .fa_size {font-size:28px;}
.teaser-boxes-text .box img {width:inherit!important;max-width:inherit!important;display:inline-block;}
.footer-column-2 img {display:inline-block;}

/* ===========================================
 * Media queries
 * ======================================== */
/* Wrapper max-width (viewport width 1100px and below) */
@media screen and (max-width: 1150px) {
	#content-wrapper {
		/* removing right and left border to avoid horizontal scrollbar */
		border-right: 0;
		border-left: 0;
		margin-right: 0;
		margin-left: 0;
	}
	#tag-line p {font-size:inherit;}
    #bildtext {margin-top:-230px;width:90%;}
	#wrapper > header {
		padding-right: 6.66667%;
		padding-left: 6.66667%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
    #logo {margin-top: 40px;}
	#nav-service {right:inherit; left:6,66667%}
	#nav-service li.first {margin-left:0px;}
	#nav-header {
		right: 6.66667%;
	}

	#nav-main {
		clear: both;
	}

	#nav-main > ul > li > a {
		font-size:14px;
 		padding: 8px 8px 10px;
	}


	#content-wrapper {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	#tag-line {
		padding-right: 6.66667%;
		padding-left: 6.66667%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#tag-line img {
		width: 115.38462%;
		margin-right: -7.69231%;
		margin-left: -7.69231%;
	}

	section#content,
	.eightytwenty-home section#content,
	.eightytwenty-fullwidth section#content,
	.eightytwenty-sidebar-right section#content {
		float: none;
		width: auto;
		margin-right: 6.66667%;
		margin-left: 6.66667%;
	}

	.eightytwenty-home #content blockquote {
		width: 30.76923%;
		margin-right: 7.69231%;
		margin-left: 7.69231%;
	}
	.eightytwenty-home #content blockquote:after {
		font-size: 35px;
		right: -25%;
	}

	.teaser-boxes-text,
	#content .teaser-boxes-text {
		margin-right: -7.69231%;
		margin-left: -7.69231%;
	}
	.teaser-boxes-text .box,
	#content .teaser-boxes-text .box {
		width: 40%;
		margin-left: 6.66667%;
	}

	.highlight-box,
	#content .highlight-box {
		text-align: center;
		padding-right: 7.69231%;
		padding-left: 7.69231%;
	}
	.highlight-box .button,
	#content .highlight-box .button {
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		margin-top: 20px;
	}
	.highlight-box .button:active,
	#content .highlight-box .button:active {
		margin-top: 20px;
		top: 2px;
	}

	.article-boxes article,
	#content .article-boxes article {
		padding-left: 23.07692%;
	}
	.article-boxes article h1 i,
	#content .article-boxes article h1 i {
		width: 15.38462%;
	}

	.news-boxes,
	#content .news-boxes {
		float: none;
		width: auto;
	}
	.news-boxes article,
	#content .news-boxes article {
		padding-left: 23.07692%;
	}
	.news-boxes article h1 i,
	#content .news-boxes article h1 i {
		width: 15.38462%;
	}

	.event-boxes,
	#content .event-boxes {
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}
	.event-boxes article,
	#content .event-boxes article {
		padding-left: 23.07692%;
	}
	.event-boxes article h1 i,
	#content .event-boxes article h1 i {
		width: 15.38462%;
	}

	.eightytwenty-home .image_container.float_right,
	.eightytwenty-fullwidth .image_container.float_right,
	.eightytwenty-home .image_container.float_left,
	.eightytwenty-fullwidth .image_container.float_left {
		width: 46.15385%;
		margin: 58px -10px 10px 15px;
	}

	aside#sidebar,
	.eightytwenty-sidebar-right aside#sidebar {
		clear: both;
		float: none;
		width: auto;
		padding: 24px 20px;
	}
	aside#sidebar:after,
	aside#sidebar:before,
	.eightytwenty-sidebar-right aside#sidebar:after,
	.eightytwenty-sidebar-right aside#sidebar:before {
		content: none;
	}

	aside#sidebar .mod_article > .block,
	aside#sidebar .mod_form,
	aside#sidebar .mod_subscribe,
	#google_maps {
		float: left;

	}
	aside#sidebar .mail-form {
		padding-right: 3.33333%;
		padding-left: 3.33333%;
	}

	aside#sidebar #nav-sub {
		margin: 0 6.66667% 24px 6.66667%;
		zoom: 1;
	}
	aside#sidebar #nav-sub:before {
		content: "";
		display: table;
	}
	aside#sidebar #nav-sub:after {
		content: "";
		display: table;
		clear: both;
	}
	aside#sidebar #nav-sub > ul {
		margin: 0;
	}
	aside#sidebar #nav-sub > ul > li {
		display: inline-block;
		margin: 0 5px 10px 0;
		vertical-align: top;
	}
	aside#sidebar #nav-sub > ul a,
	aside#sidebar #nav-sub > ul ul a,
	aside#sidebar #nav-sub > ul ul ul a {
		padding: 5px 10px;
		border: 0;
		background: #ffffff;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}

	.eightytwenty-sidebar-right #breadcrumbs,
	.eightytwenty-fullwidth #breadcrumbs {
		margin-right: 0;
		margin-left: 0;
	}

	#wrapper > footer {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#wrapper > footer .footer-column {
		width: 40%;
		margin-left: 6.66667%;
	}
	#wrapper > footer .footer-column-1 {
		width: 40%;
	}
	#wrapper > footer .footer-column-2 {
		width: 40%;
	}
	#wrapper > footer .footer-column-3 {
		width: 40%;
		margin-top: 0;
	}
	#wrapper > footer .footer-column-4 {
		width: 40%;
		margin-top: 0;
	}

	#nav-footer-wrap {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	#nav-footer {
		float: none;
		width: auto;
		margin-right: 6.66667%;
		margin-left: 6.66667%;
	}

	#footer-info {
		float: none;
		margin-right: 6.66667%;
		margin-left: 6.66667%;
	}
	#nav-search {
		right: 6.66667%;
	}
	#nav-header {
    	color: #787878;
    	position: absolute;
    	right: 6.66667%;
    	top: 20px;
    	white-space: nowrap;
	}
	#tag-line img {margin-left:inherit;margin-right:inherit;width:100%;}
}
@media screen and (max-width: 890px) {
	#nav-main > ul > li > a {font-size: 13px;padding: 8px 4px 10px;}
	.headertext {margin-top: 30px;}
}
/* Men�e îderungen (viewport width 799x and below) */
@media screen and (max-width: 799px) {
	#bildtext p {font-size:12px;}	
	.ueberschriftheadertext {font-size:18px !important;}
	.c25r {display:none;}
	.c75l {width:100%;}
	.headertext {margin-top: 50px;}
}


/* Mobile (viewport width 599px and below) */
@media screen and (max-width: 767px) {
	#logo {float:right!important;width:85%;margin-bottom:20px;}
	#mobile_menu_button {display:block;}
	.responsive_tab td {display:block !important;}
	#logo { max-width: inherit;}
	.headertext p strong {display:none;}
	#bildtext {margin-top:-150px;}	
	
	.confirmation,
	.information,
	.warning {
		padding-right: 7.69231%;
		padding-left: 15.38462%;
	}
	.confirmation:before,
	.information:before,
	.warning:before {
		width: 15.38462%;
	}

	#wrapper > header {
		text-align: center;
	}
    #nav-service { 
		position:relative; 
		top:0px;
	}
	#logo {
		float: none;
		margin-top: 0;
	}
	#logo img {
		margin-right: auto;
		margin-left: auto;
	}

	#nav-main {
		display: none;
	}

	#nav-main-mobile {
		display: block;
		width: 100%;
		margin: 20px 0;
	}

	#nav-search {
		position: relative;
		right: auto;
		top: auto;
		margin: 20px 0;
		width: 100% !important;
	}
	#nav-search input {
		right: 0;
		width: 100%;
		padding-right: 30px;
	}

	#nav-header {
		position: static;
	}

	#nav-sub {
		display: none;
	}

	.eightytwenty-home #content blockquote {
		width: 84.61538%;
		margin-right: 15.38462%;
		margin-left: 0;
	}
	.eightytwenty-home #content blockquote:after {
		font-size: 30px;
		right: -18.18182%;
	}

	.teaser-boxes-text .box,
	#content .teaser-boxes-text .box {
		width: 86.66667%;
	}

	.article-boxes article, #content .article-boxes article,
	.news-boxes article, #content .news-boxes article,
	.event-boxes article,
	#content .event-boxes article {
		padding-left: 30.76923%;
	}
	.article-boxes article h1 i, #content .article-boxes article h1 i,
	.news-boxes article h1 i, #content .news-boxes article h1 i,
	.event-boxes article h1 i,
	#content .event-boxes article h1 i {
		width: 23.07692%;
	}

	aside#sidebar .mod_article > .block,
	aside#sidebar .mod_form,
	aside#sidebar .mod_subscribe {
		float: none;
		width: 86.66667%;
	}
	aside#sidebar .mail-form {
		padding-right: 6.66667%;
		padding-left: 6.66667%;
	}

	#content h1 {
		font-size: 24px;
	}
	#content h2 {
		font-size: 20px;
	}

	#content form input[type="text"],
	#content form input[type="password"],
	#content form input[type="email"] {
		width: 100%;
	}

	.image_container.float_right,
	.image_container.float_left {
		float: none;
		width: 100% !important;
		margin: 15px -10px;
	}
	.eightytwenty-home .image_container.float_right,
	.eightytwenty-fullwidth .image_container.float_right,
	.eightytwenty-home .image_container.float_left,
	.eightytwenty-fullwidth .image_container.float_left {
		width: 100% !important;
		margin-top:0px !important;
	}

	#wrapper > footer .footer-column,
	#wrapper > footer .footer-column-1,
	#wrapper > footer .footer-column-2,
	#wrapper > footer .footer-column-3 {
		float:left;
		width: 40%;
	}

	.ce_comments .comment_default:after {
		content: none;
	}
}
/* Mobile (viewport width 579px and below) */
@media screen and (max-width: 579px) {
	.content_menu_right {float:left;width:100%;margin-left:0;}
	#wrapper > footer .footer-column,
	#wrapper > footer .footer-column-1,
	#wrapper > footer .footer-column-2,
	#wrapper > footer .footer-column-3 {
		float:left;
		width: 90%;
	}
	#wrapper > footer .footer-column-2 {
		margin-top:0px;
	}
}
/* Mobile (viewport width 479px and below) */
@media screen and (max-width: 479px) {
 	#tag-line p {font-size:12px !important;}
	#bildtext {	margin-top:-30%;}
	#wrapper > footer .footer-column,
	#wrapper > footer .footer-column-1,
	#wrapper > footer .footer-column-2,
	#wrapper > footer .footer-column-3 {
		clear:both;
		width: 86.66667%;
	}	
}










.tagcloud{width:250px;font-size:12px;padding:50px 0;overflow:hidden;text-align:center}.tagcloud a{color:#222;text-decoration:none;padding:0 5px;cursor:pointer;display:inline-block;-webkit-transition:color .25s;-o-transition:color .25s;transition:color .25s}.tagcloud a:first-child{display:block}.tagcloud a:hover{color:#ccc}.glossar_layer{top:0;left:10%;width:30px;height:30px;z-index:9999;display:none;overflow:auto;position:absolute}.glossar_layer.layer_load{display:block}.layer_loaded{width:80%;height:auto;min-height:150px;overflow:auto;background:white;padding:1em 1.5em;border-radius:10px;border:1px solid #ccc;box-shadow:2px 2px 15px rgba(150,150,150,.7)}.ce_glossar_close{top:23px;right:33px;opacity:.4;color:#005ba9;display:block;cursor:pointer;font-size:35px;padding:2px 5px;background:white;position:absolute;transition:opacity .4s;-webkit-transition:opacity .4s}.ce_glossar_close:hover{opacity:1}.ce_glossar_layer{width:100%;display:block;color:#333333;background:white;text-decoration:none}.ce_glossar_layer > *{margin:0 0 .7em 0}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes fade{from{background:#333}to{background:#fff}}@-moz-keyframes fade{from{background:#333}to{background:#fff}}@-o-keyframes fade{from{background:#333}to{background:#fff}}@keyframes fade{from{background:#333}to{background:#fff}}.layer_loading{width:100%;height:100%;overflow:hidden;max-width:30px;max-height:30px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;-webkit-user-select:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.layer_loaded .layer_loading{display:none}.layer_content{background:#222;background:-webkit-linear-gradient(#222,#111);background:-moz-linear-gradient(#222,#111);background:-o-linear-gradient(#222,#111);background:linear-gradient(#222,#111);position:absolute;top:5px;left:5px;right:5px;bottom:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;font:normal normal normal 13px/70px 
	'Electrolize',Helvetica,Arial,sans-serif;color:#fff}.layer_content span{position:absolute;left:5px;right:5px;top:5px;bottom:5px;background:#fff;border-radius:50%}.layer_load .layer_content span{-webkit-animation:fade .75s linear;-moz-animation:fade .75s linear;-o-animation:fade .75s linear;animation:fade .75s linear}.layer_ring{margin:0 auto;border-radius:50%;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-animation:rotate 2s linear infinite;-moz-animation:rotate 2s linear infinite;-o-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;background:-webkit-linear-gradient(#3cf,transparent,#3cf);background:-moz-linear-gradient(#3cf,transparent,#3cf);background:-o-linear-gradient(#3cf,transparent,#3cf);background:linear-gradient(#3cf,transparent,#3cf)}